.user-banner{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.user-banner__card{box-sizing:border-box;display:flex;gap:20px;align-items:center;width:100%;height:71px;padding:0 10px;overflow:hidden;border-radius:10px;background:#131518}.user-banner__avatar{display:block;width:51px;height:51px;flex-shrink:0;object-fit:cover;border-radius:10px}.user-banner__info{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-width:0}.user-banner__name{margin:0;overflow:hidden;color:#f4f5f2;font-size:14px;font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap}.user-banner__meta{margin:0;color:#62676f;font-size:10px;font-weight:400;line-height:1}.user-banner__sign-out{padding:0;border:none;background:none;color:#62676f;font-family:inherit;font-size:10px;font-weight:400;line-height:1;cursor:pointer}.user-banner__sign-out:hover{color:#9a9ea5;text-decoration:underline}.draftr-watermark{position:absolute;top:0;left:50%;display:flex;align-items:center;justify-content:center;width:max(2800px,160vw);height:475px;pointer-events:none;transform:translate(-50%)}.draftr-watermark__track{display:flex;gap:12px;align-items:center;font-size:40px;font-weight:700;line-height:1;color:#62676f;white-space:nowrap;opacity:.2;transform:rotate(-15deg);user-select:none;-webkit-user-select:none}.landing{--bg-primary: #0b0c0e;--bg-surface: #292d32;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--text-secondary: #9a9ea5;--text-muted: #44484f;--content-width: 353px;--radius: 10px;position:relative;min-height:100dvh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.landing__main{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;gap:10px;width:min(var(--content-width),calc(100% - 40px));transform:translate(-50%,-50%)}.landing__room-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100px;padding:0;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:600;line-height:1;cursor:pointer}.landing__room-btn:hover{filter:brightness(1.08)}.landing__room-btn:active{filter:brightness(.95)}.landing__auth{position:absolute;bottom:72px;left:50%;display:flex;flex-direction:column;gap:20px;width:min(var(--content-width),calc(100% - 40px));transform:translate(-50%)}.landing__auth-actions{display:flex;flex-direction:column;gap:10px;width:100%}.landing__btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:12px 20px;border:none;border-radius:var(--radius);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.landing__btn--primary{background:var(--accent-primary);color:var(--bg-primary)}.landing__btn--primary:hover{filter:brightness(1.05)}.landing__btn--neutral{background:var(--bg-surface);color:var(--text-primary)}.landing__btn--neutral:hover{filter:brightness(1.08)}.landing__auth-note{margin:0;color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1;text-align:center}.landing__profile-wrap{position:absolute;bottom:72px;left:50%;display:flex;flex-direction:column;gap:12px;align-items:center;width:min(var(--content-width),calc(100% - 40px));transform:translate(-50%)}.landing__footer{position:absolute;bottom:27px;left:50%;width:min(var(--content-width),calc(100% - 40px));margin:0;color:var(--text-muted);font-size:10px;font-weight:400;line-height:1;text-align:center;transform:translate(-50%)}@media(max-height:700px){.landing__auth,.landing__profile-wrap{bottom:56px}.landing__footer{bottom:16px}}.account-creation{--bg-primary: #0b0c0e;--bg-surface: #131518;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--text-secondary: #9a9ea5;--text-tertiary: #62676f;--content-width: 353px;--radius: 10px;--page-pad-y: clamp(12px, 2.5vh, 28px);--page-pad-x: clamp(16px, 4vw, 20px);--section-gap: clamp(10px, 3.2vh, 40px);--field-gap: clamp(6px, 1.8vh, 20px);--footer-gap: clamp(10px, 2vh, 20px);--hint-gap: clamp(6px, 1.2vh, 10px);--input-height: clamp(32px, 4.2vh, 40px);position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;height:100dvh;max-height:100dvh;padding:var(--page-pad-y) var(--page-pad-x);overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.account-creation__form{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;width:min(var(--content-width),100%);min-height:0;padding-top:clamp(48px,12vh,128px)}.account-creation__details{display:flex;flex-direction:column;gap:var(--section-gap);width:100%;flex:0 0 auto}.account-creation__spacer{flex:1 1 auto;min-height:var(--section-gap)}.account-creation__autofill-trap{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none}.account-creation__field{display:flex;flex-direction:column;gap:var(--field-gap);align-items:center;width:100%}.account-creation__label{margin:0;width:100%;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center}.account-creation__input{box-sizing:border-box;width:100%;height:var(--input-height);padding:10px 20px;border:none;border-radius:var(--radius);background-color:#131518;opacity:1;color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:400;line-height:1;text-align:center;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.account-creation__input::placeholder{color:var(--text-tertiary);opacity:1}.account-creation__input:disabled{color:var(--text-tertiary);-webkit-text-fill-color:var(--text-tertiary);cursor:not-allowed}.account-creation__input--secret:disabled{-webkit-text-security:disc}.account-creation__input:focus{box-shadow:0 0 0 1px var(--text-tertiary)}.account-creation__input--error{box-shadow:0 0 0 1px #ff4d4d}.account-creation__input--error:focus{box-shadow:0 0 0 1px #ff4d4d}.account-creation__field-error{margin:0;width:100%;color:#ff4d4d;font-size:10px;font-weight:400;line-height:1.2;text-align:center}.account-creation__input:disabled:focus{box-shadow:none}.account-creation__input--secret{-webkit-text-security:disc}.account-creation__input:-webkit-autofill,.account-creation__input:-webkit-autofill:hover,.account-creation__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px #131518 inset;transition:background-color 99999s ease-out}.account-creation__code-row{display:flex;gap:4px;width:100%}.account-creation__code-input{box-sizing:border-box;flex:1 0 0;min-width:0;height:var(--input-height);padding:0;border:none;border-radius:var(--radius);background-color:#131518;opacity:1;color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-align:center;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.account-creation__code-input:focus{box-shadow:0 0 0 1px var(--text-tertiary)}.account-creation__code-input:-webkit-autofill,.account-creation__code-input:-webkit-autofill:hover,.account-creation__code-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px #131518 inset;transition:background-color 99999s ease-out}.account-creation__hint{margin:0;width:100%;color:var(--text-tertiary);font-size:10px;font-weight:400;line-height:1;text-align:center}.account-creation__error{margin:0;width:100%;color:#ff6b6b;font-size:10px;font-weight:400;line-height:1.2;text-align:center}.account-creation__verification{display:flex;flex-direction:column;gap:var(--field-gap);width:100%}.account-creation__verification--pending{visibility:hidden;pointer-events:none}.account-creation__verification-body{display:flex;flex-direction:column;gap:var(--hint-gap);width:100%;min-height:calc(10px + var(--hint-gap) + 12px)}.account-creation__footer{position:relative;z-index:1;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--footer-gap);width:min(var(--content-width),100%);padding-top:var(--section-gap)}.account-creation__submit{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background-color:#131518;opacity:1;color:var(--text-tertiary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:not-allowed}.account-creation__submit:enabled{background:var(--accent-primary);color:var(--bg-primary);cursor:pointer}.account-creation__submit:enabled:hover{filter:brightness(1.05)}.account-creation__signin{margin:0;color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1;text-align:center}.account-creation__signin-btn{padding:0;border:none;background:none;color:var(--accent-primary);font-family:inherit;font-size:12px;font-weight:400;line-height:1;cursor:pointer}.account-creation__signin-btn:hover{text-decoration:underline}.custom-roster{--bg-primary: #0b0c0e;--bg-stepper: #292d32;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--text-secondary: #9a9ea5;--content-width: 726px;--footer-width: 353px;--radius: 10px;--page-pad-y: clamp(24px, 6vh, 100px);--page-pad-x: clamp(16px, 4vw, 24px);position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:var(--page-pad-y) var(--page-pad-x) clamp(24px,4vh,48px);overflow-x:hidden;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.custom-roster__content{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:40px;width:min(var(--content-width),100%)}.custom-roster__title{margin:0;width:100%;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center}.custom-roster__columns{display:flex;gap:20px;align-items:flex-start;width:100%}.custom-roster__column{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:40px;min-width:0}.custom-roster__column-label{margin:0;width:100%;color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1;text-align:center}.custom-roster__rows{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:100%}.custom-roster__row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.custom-roster__pos{color:var(--text-primary);font-size:14px;font-weight:400;line-height:1;white-space:nowrap}.custom-roster__stepper{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;box-sizing:border-box;width:100px;height:33px;padding:0 10px;border-radius:var(--radius);background:var(--bg-stepper);overflow:hidden}.custom-roster__step{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;cursor:pointer}.custom-roster__step:disabled{opacity:.35;cursor:not-allowed}.custom-roster__step img{display:block;width:10px;height:5px}.custom-roster__count{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center;min-width:1.25ch}.custom-roster__footer{position:relative;z-index:1;display:flex;flex:0 0 auto;flex-direction:column;gap:20px;width:min(var(--footer-width),100%);margin-top:clamp(32px,6vh,64px)}.custom-roster__save{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:40px;padding:0 20px;border:none;border-radius:var(--radius);background:var(--accent-primary);color:var(--bg-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.custom-roster__save:hover{filter:brightness(1.05)}.custom-roster__back{margin:0;padding:0;border:none;background:none;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:400;line-height:1;text-align:center;cursor:pointer}.custom-roster__back:hover{color:var(--text-primary)}@media(max-width:760px){.custom-roster__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.custom-roster__column{gap:24px}.custom-roster__rows{gap:14px}.custom-roster__stepper{width:88px}}@media(max-width:420px){.custom-roster__columns{grid-template-columns:1fr}}.start-draft{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--text-secondary: #9a9ea5;--text-tertiary: #62676f;--content-width: 353px;--radius: 10px;--page-pad-y: clamp(12px, 2.5vh, 28px);--page-pad-x: clamp(16px, 4vw, 20px);--section-gap: clamp(16px, 3.2vh, 40px);--field-gap: clamp(8px, 1.8vh, 20px);--option-gap: 10px;--footer-gap: clamp(10px, 2vh, 20px);--input-height: clamp(36px, 4.2vh, 40px);position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:var(--page-pad-y) var(--page-pad-x);overflow-x:hidden;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.start-draft__form{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;width:min(var(--content-width),100%);min-height:calc(100dvh - (var(--page-pad-y) * 2));padding-top:clamp(48px,10vh,100px)}.start-draft__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--section-gap);width:100%}.start-draft__field,.start-draft__section{position:relative;display:flex;flex-direction:column;gap:var(--field-gap);width:100%}.start-draft__section-label{display:flex;gap:10px;align-items:center;justify-content:center;width:100%}.start-draft__label{margin:0;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center}.start-draft__info{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:12px;height:12px;padding:0;border:none;background:transparent;cursor:pointer}.start-draft__info img{display:block;width:12px;height:12px;object-fit:contain}.start-draft__info--open{opacity:1}.start-draft__info-panel{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;width:100%;padding:20px;border-radius:var(--radius);background:var(--bg-surface);overflow:hidden}.start-draft__info-block{display:flex;flex-direction:column;gap:10px;width:100%}.start-draft__info-title{margin:0;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.25}.start-draft__info-intro,.start-draft__info-item-title,.start-draft__info-item-body{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.35}.start-draft__info-intro,.start-draft__info-item-body{font-weight:400}.start-draft__info-item-title{font-weight:600}@media(min-width:960px){.start-draft__info-panel{position:absolute;top:0;left:calc(100% + 24px);z-index:2;width:353px}.start-draft__info-panel--bottom{top:auto;bottom:0}}.start-draft__input{box-sizing:border-box;width:100%;height:var(--input-height);padding:10px 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:400;line-height:1;text-align:center;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.start-draft__input::placeholder{color:var(--text-tertiary);opacity:1}.start-draft__input:focus{box-shadow:0 0 0 1px var(--text-tertiary)}.start-draft__options{display:flex;flex-direction:column;gap:var(--option-gap);width:100%}.start-draft__option{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.start-draft__option:hover:not(:disabled){filter:brightness(1.08)}.start-draft__option:disabled{color:var(--text-tertiary);cursor:not-allowed;filter:none}.start-draft__section--disabled .start-draft__label,.start-draft__section--disabled .start-draft__info{opacity:.45}.start-draft__options--disabled{pointer-events:none}.start-draft__option--selected,.start-draft__option[aria-checked=true]{background:var(--bg-selected)}.start-draft__hint,.start-draft__error{margin:0;font-size:12px;font-weight:400;line-height:1.3;text-align:center}.start-draft__hint{color:var(--text-tertiary)}.start-draft__error{color:#ff6b6b}.start-draft__footer{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--footer-gap);width:100%;padding-top:var(--section-gap);padding-bottom:clamp(8px,2vh,24px)}.start-draft__create{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-tertiary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:not-allowed}.start-draft__create:enabled{background:var(--accent-primary);color:var(--bg-primary);cursor:pointer}.start-draft__create:enabled:hover{filter:brightness(1.05)}.start-draft__back{margin:0;padding:0;border:none;background:none;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:400;line-height:1;text-align:center;cursor:pointer}.start-draft__back:hover{color:var(--text-primary)}.draft-lobby{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--text-secondary: #9a9ea5;--text-tertiary: #62676f;--status-danger: #ff5c5c;--status-positive: #36d98b;--content-width: 353px;--share-width: 373px;--radius: 10px;--page-pad-y: clamp(12px, 2.5vh, 28px);--page-pad-x: clamp(16px, 4vw, 20px);--section-gap: clamp(16px, 3vh, 40px);--row-gap: 10px;--input-height: clamp(36px, 4.2vh, 40px);position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:var(--page-pad-y) var(--page-pad-x);overflow-x:hidden;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.draft-lobby__layout{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--section-gap);width:min(var(--share-width),100%);min-height:calc(100dvh - (var(--page-pad-y) * 2));padding-top:clamp(40px,8vh,80px);padding-bottom:clamp(12px,3vh,28px)}.draft-lobby__people{display:flex;flex-direction:column;gap:20px;width:min(var(--content-width),100%);margin:0 auto}.draft-lobby__spacer{flex:1 1 auto;min-height:clamp(24px,6vh,80px)}.draft-lobby__status{display:flex;flex-direction:column;gap:20px;align-items:center;width:min(var(--content-width),100%);margin:0 auto;text-align:center}.draft-lobby__status-success,.draft-lobby__status-waiting{margin:0;width:100%;font-size:13px;font-weight:400;line-height:1;text-align:center}.draft-lobby__status-success{color:var(--status-positive)}.draft-lobby__status-waiting{color:var(--text-secondary)}.draft-lobby__guest-bottom{display:flex;flex-direction:column;gap:40px;align-items:center;width:100%}.draft-lobby__title{margin:0;color:#fff;font-size:14px;font-weight:600;line-height:1;text-align:center}.draft-lobby__list{display:flex;flex-direction:column;gap:var(--row-gap);margin:0;padding:0;list-style:none}.draft-lobby__person{box-sizing:border-box;display:flex;gap:20px;align-items:center;width:100%;height:var(--input-height);padding:0 0 0 10px;overflow:hidden;border-radius:var(--radius);background:var(--bg-surface);cursor:grab;-webkit-user-select:none;user-select:none}.draft-lobby__person:active{cursor:grabbing}.draft-lobby__person--static,.draft-lobby__person--static:active{cursor:default}.draft-lobby__person--dragging{opacity:.55}.draft-lobby__person--drop{box-shadow:0 0 0 1px var(--accent-primary)}.draft-lobby__person-name{flex:1 1 auto;margin:0;min-width:0;overflow:hidden;font-size:14px;font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap}.draft-lobby__person-accent{flex-shrink:0;width:20px;height:71px}.draft-lobby__order-actions{display:flex;flex-direction:column;gap:var(--row-gap);width:100%}.draft-lobby__randomize{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--accent-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.draft-lobby__randomize:hover:not(:disabled){filter:brightness(1.08)}.draft-lobby__randomize:disabled{color:var(--text-tertiary);cursor:not-allowed}.draft-lobby__hint{margin:0;color:var(--text-tertiary);font-size:10px;font-weight:400;line-height:1;text-align:center}.draft-lobby__share{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--row-gap);align-items:center;width:100%;padding:10px;overflow:hidden;border-radius:var(--radius);background:var(--bg-surface)}.draft-lobby__code-row{display:flex;gap:4px;width:100%}.draft-lobby__code-cell{display:flex;flex:1 1 0;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:var(--input-height);padding:0 4px;border-radius:var(--radius);background:var(--bg-selected);color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center}.draft-lobby__copy{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(var(--content-width),100%);height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.draft-lobby__copy:hover{color:var(--text-primary)}.draft-lobby__footer{display:flex;flex-direction:column;gap:var(--row-gap);width:min(var(--content-width),100%);margin:0 auto}.draft-lobby__start{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--accent-primary);color:var(--bg-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.draft-lobby__start:hover:not(:disabled){filter:brightness(1.05)}.draft-lobby__start:disabled{background:var(--bg-surface);color:var(--text-tertiary);cursor:not-allowed}.draft-lobby__close{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--status-danger);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.draft-lobby__close:hover{filter:brightness(1.08)}.draft-room{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--accent-primary: #c7ff3d;--status-live: #36d98b;--status-danger: #ff5c5c;--text-primary: #f4f5f2;--text-secondary: #9a9ea5;--text-tertiary: #62676f;--text-muted: #44484f;--radius: 10px;--logo-col: 168px;--logo-gap: 20px;--sidebar-width: min(320px, 28vw);--slot-height: clamp(52px, 7.2vh, 71px);box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(10px,1.4vh,16px);width:100%;max-width:100vw;height:100dvh;max-height:100dvh;padding:clamp(10px,1.4vh,16px) clamp(12px,1.4vw,20px);overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;position:relative}.draft-room *,.draft-room *:before,.draft-room *:after{box-sizing:border-box}.draft-room__status{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:40px;padding:10px 20px;border-radius:var(--radius);background:var(--bg-selected)}.draft-room__status--live{background:var(--status-live);color:var(--bg-primary)}.draft-room__status--spectating{background:var(--bg-selected);color:var(--text-primary)}.draft-room__status--spectating .draft-room__status-left span,.draft-room__status--spectating .draft-room__status-right span,.draft-room__status--spectating .draft-room__status-left strong,.draft-room__status--spectating .draft-room__status-right strong,.draft-room__status--spectating .draft-room__status-timer{color:var(--text-primary)}.draft-room__announce-overlay{position:absolute;z-index:35;top:clamp(10px,1.4vh,16px);left:clamp(12px,1.4vw,20px);right:clamp(12px,1.4vw,20px);display:flex;align-items:flex-end;min-height:clamp(180px,28vh,260px);padding:12px 20px 0;border-radius:var(--radius);background:var(--status-live);color:var(--bg-primary);overflow:hidden;pointer-events:none;will-change:transform;backface-visibility:hidden}.draft-room__announce-overlay--enter{animation:draft-room-announce-in .58s cubic-bezier(.16,1,.3,1) both}.draft-room__announce-overlay--exit{animation:draft-room-announce-out .5s cubic-bezier(.7,0,.84,0) both}.draft-room__announce{display:flex;gap:clamp(28px,5vw,80px);align-items:center;width:100%}.draft-room__announce-photo{flex:0 0 auto;width:clamp(140px,18vw,250px);height:clamp(120px,22vh,201px);overflow:hidden}.draft-room__announce-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.draft-room__announce-photo--team{display:flex;align-items:center;justify-content:center;padding:16px}.draft-room__announce-photo--team img{object-fit:contain;object-position:center}.draft-room__announce-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:clamp(12px,2vh,20px);min-width:0;padding-bottom:clamp(16px,2.5vh,28px);color:var(--bg-primary)}.draft-room__announce-selector{margin:0;font-size:clamp(14px,1.4vw,16px);font-weight:600;line-height:1}.draft-room__announce-details{display:flex;flex-direction:column;gap:clamp(16px,3vh,40px);min-width:0}.draft-room__announce-name{margin:0;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1}.draft-room__announce-meta{display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-size:14px;font-weight:600;line-height:1}@keyframes draft-room-announce-in{0%{transform:translate3d(0,calc(-100% - 24px),0)}to{transform:translateZ(0)}}@keyframes draft-room-announce-out{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-100% - 24px),0)}}.draft-room__status-left,.draft-room__status-right{display:flex;flex:1 1 0;gap:8px;align-items:center;color:inherit;font-size:14px;line-height:1}.draft-room__status-left{justify-content:flex-start}.draft-room__status-right{justify-content:flex-end}.draft-room__status-left span,.draft-room__status-right span{font-weight:400;color:var(--text-secondary)}.draft-room__status--live .draft-room__status-left span,.draft-room__status--live .draft-room__status-right span,.draft-room__status--live .draft-room__status-left strong,.draft-room__status--live .draft-room__status-right strong,.draft-room__status--live .draft-room__status-timer{color:var(--bg-primary)}.draft-room__status-left strong,.draft-room__status-right strong{font-weight:600;color:var(--text-secondary)}.draft-room__status-timer{margin:0;flex:0 0 auto;color:var(--text-secondary);font-size:16px;font-weight:600;line-height:1;text-align:center;min-width:4ch}.draft-room__picks-row{display:flex;flex:0 0 auto;gap:10px;align-items:stretch;width:100%;min-height:0}.draft-room__picks-scroll{display:flex;flex:1 1 auto;gap:10px;align-items:stretch;min-width:0;overflow:hidden}.draft-room__picks-scroll .draft-room__player-card--pick{flex:1 1 0;width:auto;max-width:none;min-width:0;height:56px;gap:14px;padding-right:0;justify-content:space-between}.draft-room__picks-scroll .draft-room__player-card--pick:not(.draft-room__player-card--clock):not(.draft-room__player-card--next){opacity:.6}.draft-room__picks-scroll .draft-room__player-card--text{padding-left:12px}.draft-room__picks-scroll .draft-room__player-card--pick .draft-room__player-card-photo{flex-basis:72px;width:72px;height:56px}.draft-room__picks-scroll .draft-room__player-card--pick .draft-room__player-card-photo--logo{flex-basis:72px;width:72px;height:56px;padding:4px 8px}.draft-room__picks-scroll .draft-room__player-card--pick .draft-room__player-card-photo--logo img{max-height:44px;width:auto;max-width:100%}.draft-room__picks-scroll .draft-room__player-card--pick .draft-room__player-card-photo--team{flex-basis:72px;width:72px;height:56px;padding:4px 8px}.draft-room__picks-scroll .draft-room__player-card--pick .draft-room__player-card-photo--team img{max-height:44px;width:auto;max-width:100%}.draft-room__picks-scroll .draft-room__player-card--pick .draft-room__player-card-info{gap:8px;padding-right:12px}.draft-room__picks-scroll .draft-room__player-card--pick .draft-room__player-card-pill{padding:6px;font-size:11px}.draft-room__picks-scroll .draft-room__player-card-accent{flex-basis:16px;width:16px}.draft-room__view-board{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:56px;padding:0 18px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--accent-primary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.draft-room__main{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-width);gap:clamp(12px,1.5vw,20px);align-items:stretch;width:100%;min-height:0;flex:1 1 auto;overflow:hidden}.draft-room__center{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.draft-room__workspace{display:flex;flex-direction:column;gap:clamp(10px,1.4vh,16px);width:100%;min-height:0;height:100%;overflow:hidden}.draft-room__workspace-top{display:grid;flex:0 0 auto;grid-template-columns:var(--logo-col) minmax(0,1fr);column-gap:var(--logo-gap);align-items:center;width:100%;min-width:0}.draft-room__team-logo{grid-column:1;flex:0 0 auto;width:var(--logo-col);height:var(--logo-col);display:flex;align-items:center;justify-content:center}.draft-room__team-logo img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.draft-room__team-copy{grid-column:2;display:flex;flex-direction:column;gap:clamp(10px,1.2vh,14px);min-width:0}.draft-room__team-placeholder,.draft-room__team-name{margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1}.draft-room__team-placeholder{color:var(--text-muted)}.draft-room__team-name{color:var(--text-primary)}.draft-room__search-wrap{display:flex;flex-direction:column;gap:10px;width:min(353px,100%)}.draft-room__search{width:100%;height:40px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius);background:var(--bg-surface)}.draft-room__search--error{border-color:var(--status-danger)}.draft-room__search input{width:100%;height:100%;border:none;background:transparent;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none}.draft-room__search input::placeholder{color:var(--text-muted)}.draft-room__search input:disabled{opacity:.55;cursor:not-allowed}.draft-room__search-error{margin:0;color:var(--status-danger);font-size:10px;font-weight:400;line-height:1}.draft-room__confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:20px;background:#c2c2c233;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.draft-room__confirm-panel{display:flex;flex-direction:column;gap:10px;width:min(353px,100%)}.draft-room__confirm-position{margin:0;display:flex;align-items:center;justify-content:center;min-height:71px;padding:16px 20px;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3;text-align:center}.draft-room__player-card{display:flex;align-items:center;gap:20px;width:100%;max-width:353px;height:71px;padding-right:12px;overflow:hidden;border-radius:var(--radius);background:var(--bg-surface)}.draft-room__player-card--empty{justify-content:center;padding-right:0;color:var(--text-tertiary);font-size:14px;font-weight:400}.draft-room__player-card-photo{flex:0 0 91px;width:91px;height:71px;overflow:hidden;background:transparent}.draft-room__player-card-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.draft-room__player-card-photo--team{display:flex;align-items:center;justify-content:center;padding:10px}.draft-room__player-card-photo--team img{object-fit:contain;object-position:center}.draft-room__player-card-photo-fallback{display:block;width:100%;height:100%;background:transparent}.draft-room__player-card-info{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-width:0}.draft-room__player-card-name{margin:0;color:var(--text-primary);font-size:14px;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-room__player-card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.draft-room__player-card-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius);background:var(--bg-selected);color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.draft-room__player-card-photo--logo{display:flex;align-items:center;justify-content:center;width:63px;flex-basis:63px;padding:0 12px}.draft-room__player-card-photo--logo img{width:100%;height:auto;max-height:34px;object-fit:contain;object-position:center}.draft-room__player-card-sub{margin:0;font-size:12px;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-room__player-card-accent{flex:0 0 20px;align-self:stretch;width:20px;margin-left:auto}.draft-room__confirm-draft{width:100%;height:40px;padding:0 20px;border:none;border-radius:var(--radius);background:var(--accent-primary);color:var(--bg-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.draft-room__confirm-draft:disabled{background:var(--bg-surface);color:var(--text-tertiary);cursor:not-allowed}.draft-room__confirm-draft:not(:disabled):hover{filter:brightness(1.05)}.draft-room__chat-form button{border:none;border-radius:var(--radius);background:var(--bg-selected);color:var(--text-primary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.draft-room__board-head{display:grid;flex:0 0 auto;grid-template-columns:var(--logo-col) minmax(0,1fr);column-gap:var(--logo-gap);align-items:center;width:100%;min-width:0}.draft-room__board-title{grid-column:1;margin:0;color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1}.draft-room__board-toolbar{grid-column:2;display:flex;align-items:center;justify-content:flex-start;min-width:0}.draft-room__segment{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius);background:var(--bg-surface)}.draft-room__segment-btn{padding:8px 16px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-primary);font-family:inherit;font-size:13px;font-weight:400;cursor:pointer}.draft-room__segment-btn--selected{background:var(--bg-selected);font-weight:600}.draft-room__board-body{display:grid;flex:1 1 auto;grid-template-columns:var(--logo-col) minmax(0,1fr);column-gap:var(--logo-gap);row-gap:clamp(10px,1.4vh,16px);align-content:start;width:100%;min-height:0;overflow:auto}.draft-room__board-row{display:contents}.draft-room__board-pos{grid-column:1;margin:0;align-self:center;color:var(--text-primary);font-size:14px;font-weight:400;line-height:1}.draft-room__board-slots{grid-column:2;display:flex;flex-wrap:wrap;gap:clamp(10px,1.2vw,16px);align-items:center;min-width:0}.draft-room__board-slots .draft-room__player-card{width:min(353px,calc(50% - 8px));min-width:min(220px,100%);max-width:353px;flex:0 1 auto;height:var(--slot-height);gap:clamp(12px,1.5vw,20px)}.draft-room__board-slots .draft-room__player-card-photo{flex:0 0 clamp(64px,8vw,91px);width:clamp(64px,8vw,91px);height:var(--slot-height)}.draft-room__board-slots .draft-room__player-card-info{gap:clamp(6px,1vh,12px)}.draft-room__board-slots .draft-room__player-card-pill{padding:clamp(5px,.8vh,8px)}.draft-room__sidebar{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;width:100%;min-width:0;min-height:0;overflow:hidden;padding-top:calc(var(--logo-col) + clamp(10px,1.4vh,16px))}.draft-room__sidebar-label{margin:0 0 12px;color:var(--text-secondary);font-size:10px;font-weight:400;line-height:1}.draft-room__people{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.draft-room__people-list{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;overflow:auto}.draft-room__person{display:flex;align-items:center;justify-content:space-between;gap:20px;height:40px;padding-left:10px;overflow:hidden;border-radius:var(--radius);background:var(--bg-surface)}.draft-room__person p{margin:0;flex:1 1 auto;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-room__person span{flex:0 0 20px;align-self:stretch;width:20px}.draft-room__chat{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0}.draft-room__chat-log{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0;margin-bottom:0;overflow-y:auto;padding-right:4px}.draft-room__chat-empty{margin:0;color:var(--text-tertiary);font-size:13px}.draft-room__chat-item{display:flex;flex-direction:column;gap:6px}.draft-room__chat-sender{margin:0;font-size:12px;font-weight:600}.draft-room__chat-text{margin:0;color:var(--text-primary);font-size:13px;line-height:1.35;word-break:break-word}.draft-room__chat-form{display:flex;flex:0 0 auto;gap:8px}.draft-room__chat-form input{flex:1 1 auto;height:40px;padding:0 12px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:13px;outline:none}.draft-room__chat-form button{flex:0 0 auto;height:40px;padding:0 14px;background:var(--accent-primary);color:var(--bg-primary)}.draft-room__chat-form button:disabled{background:var(--bg-selected);color:var(--text-tertiary);cursor:not-allowed}.draft-room__side-tabs{display:flex;flex:0 0 auto;gap:10px;width:100%}.draft-room__side-tabs button{flex:1 1 0;height:40px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--accent-primary);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.draft-room__side-tabs button.is-active{background:var(--bg-selected);color:var(--accent-primary)}.draft-room__board-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;gap:20px;width:100%;height:100%;padding:clamp(10px,1.4vh,16px) clamp(12px,1.4vw,20px);overflow:hidden;background:var(--bg-primary)}.draft-room__board-page-headers,.draft-room__board-page-row{display:flex;gap:10px;align-items:stretch;width:100%;min-width:0}.draft-room__board-page-header{display:flex;flex:1 1 0;align-items:center;justify-content:space-between;gap:20px;min-width:0;height:71px;padding-left:10px;overflow:hidden;border-radius:var(--radius);background:var(--bg-surface)}.draft-room__board-page-header p{margin:0;flex:1 1 auto;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-room__board-page-header span{flex:0 0 20px;align-self:stretch;width:20px}.draft-room__board-page-grid{display:flex;flex:1 1 auto;flex-direction:column;gap:20px;min-height:0;overflow:auto;padding-bottom:8px}.draft-room__board-page-row .draft-room__player-card--board{flex:1 1 0;width:auto;max-width:none;min-width:0;height:71px;padding-right:0}.draft-room__board-page-row .draft-room__player-card--board .draft-room__player-card-info{padding-right:12px}.draft-room__board-page-row .draft-room__player-card--empty{position:relative;justify-content:center;padding-right:0}.draft-room__board-page-row .draft-room__player-card--empty .draft-room__player-card-accent{position:absolute;top:0;right:0;bottom:0}.draft-room__board-page-back{flex:0 0 auto;align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:171px;height:40px;padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--accent-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.draft-room__board-page-back-icon{display:inline-block;width:10px;height:5px;background-color:var(--accent-primary);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}@media(max-width:1100px){.draft-room__board-page-headers,.draft-room__board-page-row{width:max-content;min-width:100%}.draft-room__board-page-header,.draft-room__board-page-row .draft-room__player-card--board{flex:0 0 220px;width:220px}.draft-room__board-page-grid{overflow:auto}}@media(max-width:1100px){.draft-room{height:auto;max-height:none;overflow:auto}.draft-room__main{grid-template-columns:1fr;gap:32px;overflow:visible}.draft-room__sidebar{width:100%;min-height:0;padding-top:0;justify-content:flex-start;gap:10px}.draft-room__people,.draft-room__chat{flex:0 1 auto}}@media(max-width:720px){.draft-room{--logo-col: 120px;padding:12px;gap:14px}.draft-room__status{flex-wrap:wrap;justify-content:center}.draft-room__status-left,.draft-room__status-right{flex:1 1 100%;justify-content:center}.draft-room__picks-row{flex-direction:column}.draft-room__view-board{width:100%;flex-basis:auto}.draft-room__workspace{gap:12px}.draft-room__workspace-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin-bottom:20px;text-align:center}.draft-room__workspace-top,.draft-room__board-body{grid-template-columns:1fr}.draft-room__team-logo{grid-column:1;width:var(--logo-col);height:var(--logo-col);margin:0 auto}.draft-room__team-copy{grid-column:1;align-items:center;width:100%}.draft-room__team-name,.draft-room__team-placeholder{text-align:center;width:100%}.draft-room__search-wrap{margin:0 auto}.draft-room__search input{text-align:center}.draft-room__search input::placeholder{text-align:center}.draft-room__board-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;grid-template-columns:none}.draft-room__board-title{grid-column:auto;flex:0 0 auto}.draft-room__board-toolbar{grid-column:auto;flex:0 1 auto;justify-content:flex-end;min-width:0}.draft-room__segment-btn{padding:8px 12px}.draft-room__board-pos,.draft-room__board-slots{grid-column:1}.draft-room__main{gap:32px}.draft-room__sidebar{gap:8px}.draft-room__board-row{display:flex;align-items:center;gap:12px}.draft-room__board-pos{flex:0 0 40px}.draft-room__board-slots{flex:1 1 auto}.draft-room__board-slots .draft-room__player-card{width:100%;min-width:0;max-width:none;flex:1 1 100%;height:var(--slot-height)}}.leaderboard{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--status-danger: #ff5c5c;--content-width: 353px;--radius: 10px;--page-pad-y: clamp(12px, 2.5vh, 28px);--page-pad-x: clamp(16px, 4vw, 20px);--section-gap: 40px;--row-gap: 10px;--row-height: 71px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:var(--page-pad-y) var(--page-pad-x);overflow-x:hidden;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.leaderboard__layout{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:space-between;gap:clamp(32px,6vh,64px);width:100%;max-width:920px;min-height:calc(100dvh - (var(--page-pad-y) * 2));padding-top:clamp(32px,6vh,72px);padding-bottom:clamp(12px,3vh,28px)}.leaderboard__main{display:flex;flex-direction:column;align-items:center;gap:var(--section-gap);width:100%}.leaderboard__title{margin:0;font-size:14px;font-weight:600;line-height:1;color:var(--text-primary);text-align:center}.leaderboard__board{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;justify-content:center;width:100%}.leaderboard__people-block{display:flex;gap:10px;align-items:flex-start;min-width:0}.leaderboard__places{display:flex;flex-direction:column;gap:var(--row-gap);width:50px;flex-shrink:0}.leaderboard__place{display:flex;align-items:center;box-sizing:border-box;height:var(--row-height);padding:10px;font-size:16px;font-weight:600;line-height:1;color:#fff}.leaderboard__people{display:flex;flex-direction:column;gap:var(--row-gap);flex:0 0 var(--content-width);width:var(--content-width);max-width:var(--content-width)}.leaderboard__person{display:flex;align-items:center;gap:20px;box-sizing:border-box;width:100%;height:var(--row-height);padding-left:10px;overflow:hidden;border-radius:var(--radius);background:var(--bg-surface)}.leaderboard__person-name{flex:1 1 auto;margin:0;min-width:0;overflow:hidden;font-size:14px;font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap}.leaderboard__person-accent{flex-shrink:0;width:20px;height:var(--row-height)}.leaderboard__stats{display:flex;flex-direction:column;gap:var(--row-gap);width:min(392px,100%);font-weight:600;line-height:1;text-align:center}.leaderboard__stats-row{display:flex;gap:20px;align-items:center;width:100%;min-height:var(--row-height)}.leaderboard__ovr{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;width:var(--row-height);height:var(--row-height);border-radius:var(--radius);background:var(--bg-selected)}.leaderboard__stat{display:flex;flex-direction:column;gap:20px;align-items:center;flex:1 1 0;min-width:0;width:60px}.leaderboard__stat-label{font-size:13px;font-weight:600;line-height:1}.leaderboard__stat-value{font-size:16px;font-weight:600;line-height:1}.leaderboard__actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:min(var(--content-width),100%)}.leaderboard__btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:40px;padding:12px 20px;border:none;border-radius:var(--radius);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.leaderboard__btn--primary{background:var(--accent-primary);color:var(--bg-primary)}.leaderboard__btn--primary:hover{filter:brightness(1.05)}.leaderboard__btn--secondary{background:var(--bg-surface);color:var(--accent-primary)}.leaderboard__btn--danger{background:var(--bg-surface);color:var(--status-danger)}.leaderboard__btn:disabled{opacity:1;cursor:default}.leaderboard__close-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#c2c2c233;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.leaderboard__close-confirm-btn{width:min(var(--content-width),100%)}@media(max-width:860px){.leaderboard__board{flex-direction:column;align-items:center;gap:20px}.leaderboard__stats{width:min(413px,100%)}.leaderboard__stats-row{gap:12px}}.join-room{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--text-secondary: #9a9ea5;--text-tertiary: #62676f;--text-muted: #44484f;--status-danger: #ff5c5c;--content-width: 353px;--card-width: 373px;--radius: 10px;--row-gap: 10px;--input-height: clamp(36px, 4.2vh, 40px);position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100dvh;padding:clamp(16px,3vh,28px) clamp(16px,4vw,20px);overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.join-room__form{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;align-items:center;width:min(var(--card-width),100%)}.join-room__card{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--row-gap);align-items:center;width:100%;margin-bottom:8px;padding:10px;overflow:hidden;border-radius:var(--radius);background:var(--bg-surface)}.join-room__heading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(var(--content-width),100%);height:var(--input-height);padding:0 20px;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center}.join-room__code-row{display:flex;gap:4px;width:100%}.join-room__code-cell{display:flex;flex:1 1 0;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:var(--input-height);padding:0 2px;border:none;border-radius:var(--radius);background:var(--bg-selected);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-align:center;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;caret-color:var(--text-primary)}.join-room__code-cell:focus{box-shadow:0 0 0 1px var(--text-tertiary)}.join-room__code-cell--error{color:var(--status-danger);caret-color:var(--status-danger);-webkit-text-fill-color:var(--status-danger)}.join-room__code-cell--error:focus{box-shadow:0 0 0 1px var(--status-danger)}.join-room__paste{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(var(--content-width),100%);height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-tertiary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.join-room__paste:hover{color:var(--text-secondary)}.join-room__paste--error{color:var(--text-muted)}.join-room__paste--error:hover{color:var(--text-tertiary)}.join-room__join{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(var(--content-width),100%);height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-tertiary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:not-allowed}.join-room__join:enabled{background:var(--accent-primary);color:var(--bg-primary);cursor:pointer}.join-room__join:enabled:hover{filter:brightness(1.05)}.join-room__error{margin:0;width:100%;color:var(--status-danger);font-size:12px;font-weight:400;line-height:1;text-align:center}.join-room__back{margin:0;padding:0;border:none;background:none;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:400;line-height:1;text-align:center;cursor:pointer}.join-room__back:hover{color:var(--text-primary)}.invite-join{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--text-secondary: #9a9ea5;--text-tertiary: #62676f;--text-muted: #44484f;--status-danger: #ff5c5c;--content-width: 353px;--card-width: 373px;--radius: 10px;--row-gap: 10px;--input-height: clamp(36px, 4.2vh, 40px);position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:clamp(16px,3vh,28px) clamp(16px,4vw,20px);overflow-x:hidden;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.invite-join__form{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;gap:clamp(32px,8vh,80px);width:min(var(--card-width),100%);min-height:calc(100dvh - 72px);padding-top:clamp(48px,12vh,120px)}.invite-join__main{display:flex;flex-direction:column;gap:40px;align-items:center;width:100%}.invite-join__field{display:flex;flex-direction:column;gap:20px;align-items:center;width:min(var(--content-width),100%)}.invite-join__label{margin:0;width:100%;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center}.invite-join__input{box-sizing:border-box;width:100%;height:var(--input-height);padding:10px 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:400;line-height:1;text-align:center;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.invite-join__input::placeholder{color:var(--text-tertiary);opacity:1}.invite-join__input:focus{box-shadow:0 0 0 1px var(--text-tertiary)}.invite-join__card{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--row-gap);align-items:center;width:100%;padding:10px;overflow:hidden;border-radius:var(--radius);background:var(--bg-surface)}.invite-join__heading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(var(--content-width),100%);height:var(--input-height);padding:0 20px;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center}.invite-join__code-row{display:flex;gap:4px;width:100%}.invite-join__code-cell{display:flex;flex:1 1 0;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:var(--input-height);padding:0 2px;border:none;border-radius:var(--radius);background:var(--bg-selected);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-align:center;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;caret-color:var(--text-primary)}.invite-join__code-cell:focus{box-shadow:0 0 0 1px var(--text-tertiary)}.invite-join__code-cell--error{color:var(--status-danger);caret-color:var(--status-danger);-webkit-text-fill-color:var(--status-danger)}.invite-join__code-cell--error:focus{box-shadow:0 0 0 1px var(--status-danger)}.invite-join__paste{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(var(--content-width),100%);height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-muted);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.invite-join__paste:hover{color:var(--text-secondary)}.invite-join__join{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(var(--content-width),100%);height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-tertiary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:not-allowed}.invite-join__join:enabled{background:var(--accent-primary);color:var(--bg-primary);cursor:pointer}.invite-join__join:enabled:hover{filter:brightness(1.05)}.invite-join__error{margin:0;width:100%;color:var(--status-danger);font-size:12px;font-weight:400;line-height:1;text-align:center}.invite-join__bottom{display:flex;flex-direction:column;gap:20px;align-items:center;width:min(var(--content-width),100%);margin:0 auto;padding-bottom:12px}.invite-join__auth-actions{display:flex;flex-direction:column;gap:10px;width:100%}.invite-join__btn{display:flex;align-items:center;justify-content:center;width:100%;height:var(--input-height);padding:0 20px;border:none;border-radius:var(--radius);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.invite-join__btn--primary{background:var(--accent-primary);color:var(--bg-primary)}.invite-join__btn--primary:hover{filter:brightness(1.05)}.invite-join__btn--neutral{background:var(--bg-selected);color:var(--text-primary)}.invite-join__btn--neutral:hover{filter:brightness(1.08)}.invite-join__auth-note{margin:0;color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1;text-align:center}.invite-join__sign-out{padding:0;border:none;background:none;color:var(--text-muted);font-family:inherit;font-size:10px;font-weight:400;line-height:1;cursor:pointer}.invite-join__sign-out:hover{color:var(--text-secondary);text-decoration:underline}.invite-join__footer{position:relative;z-index:1;width:min(var(--content-width),100%);margin:0;padding-bottom:8px;color:var(--text-muted);font-size:10px;font-weight:400;line-height:1;text-align:center}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#root{margin:0;min-height:100%}html,body{font-family:Inter,system-ui,sans-serif;background-color:#0b0c0e;color:#f4f5f2;caret-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;caret-color:auto}@media(max-width:720px){input,textarea,select{font-size:16px!important}}