.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(12px, 2.5vh, 28px);--page-pad-x: clamp(16px, 4vw, 20px);--section-gap: clamp(16px, 3.2vh, 40px);--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;height:100dvh;padding:var(--page-pad-y) var(--page-pad-x);overflow:hidden;background:transparent;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%);min-height:0;padding-top:clamp(12px,3.5vh,72px);overflow-x:hidden;overflow-y:auto}.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:var(--footer-gap);width:min(var(--footer-width),100%);margin-top:auto;padding-top:var(--section-gap);padding-bottom:clamp(8px,2vh,24px)}.custom-roster__save{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}.custom-roster__save:hover{filter:brightness(1.05)}.custom-roster__back{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--input-height);margin:0;padding:0 20px;border:none;border-radius:var(--radius);background:#292d32;color:#f4f5f2;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-align:center;cursor:pointer}.custom-roster__back:hover{filter:brightness(1.08)}@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}}.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__card--button{margin:0;border:none;font:inherit;text-align:left;cursor:pointer}.user-banner__card--button:hover{filter:brightness(1.08)}.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}.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:transparent;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%,calc(-50% - clamp(48px,10vh,96px)))}.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__main{transform:translate(-50%,calc(-50% - clamp(24px,5vh,40px)))}.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:transparent;color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.account-creation__form{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;min-height:0;padding:0 var(--page-pad-x)}.account-creation__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 var(--page-pad-x);opacity:0;pointer-events:none;transition:opacity .35s ease}.account-creation__stage--active{opacity:1;pointer-events:auto}.account-creation__stage--details,.account-creation__form--signin{padding-bottom:clamp(96px,22vh,200px)}.account-creation__details{display:flex;flex-direction:column;gap:var(--section-gap);width:min(var(--content-width),100%);flex:0 0 auto}.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__password{position:relative;width:100%}.account-creation__input--with-toggle{padding-right:40px;padding-left:40px}.account-creation__toggle{position:absolute;top:50%;right:10px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;transform:translateY(-50%);cursor:pointer}.account-creation__toggle img{display:block;width:16px;height:16px}.account-creation__toggle:hover:not(:disabled){filter:brightness(1.2)}.account-creation__toggle:disabled{opacity:.4;cursor:not-allowed}.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;align-items:center;gap:var(--hint-gap);width:min(var(--content-width),100%);min-height:calc(var(--input-height) + var(--hint-gap) + 10px + var(--hint-gap) + 12px)}.account-creation__footer{position:relative;z-index:2;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--footer-gap);width:min(var(--content-width),100%);margin-top:auto;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}.account-creation__back{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--input-height);margin:0;padding:0 20px;border:none;border-radius:var(--radius);background:#292d32;color:#f4f5f2;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-align:center;cursor:pointer}.account-creation__back:hover{filter:brightness(1.08)}.profile{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--text-tertiary: #62676f;--status-danger: #ff5c5c;--content-width: 353px;--radius: 10px;position:relative;box-sizing:border-box;width:100%;min-height:100dvh;overflow:hidden;background:transparent;color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.profile__top,.profile__stats,.profile__footer{position:absolute;left:50%;width:min(var(--content-width),calc(100% - 40px));transform:translate(-50%)}.profile__top{top:clamp(40px,10vh,100px);display:flex;flex-direction:column;gap:20px}.profile__actions,.profile__footer{display:flex;flex-direction:column;gap:10px}.profile__stats{top:calc(50% + 46px);display:flex;align-items:flex-start;justify-content:space-between;transform:translate(-50%,-50%)}.profile__footer{bottom:60px}.profile__stat{display:flex;flex-direction:column;gap:40px;align-items:center;width:100px;text-align:center}.profile__stat-value,.profile__stat-label{margin:0;width:100%;line-height:1}.profile__stat-value{color:var(--text-primary);font-size:28px;font-weight:700}.profile__stat-label{color:var(--text-primary);font-size:14px;font-weight:400}.profile__btn{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(--bg-surface);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.profile__btn--edit{color:var(--accent-primary)}.profile__btn--settings{color:var(--text-primary)}.profile__btn--sign-out{background:var(--bg-selected);color:var(--status-danger)}.profile__btn--back{background:var(--bg-selected);color:var(--text-primary)}.profile__btn:hover{filter:brightness(1.08)}@media(max-height:700px){.profile__top{top:24px}.profile__stats{top:52%}.profile__footer{bottom:24px}.profile__stat{gap:20px}}.edit-profile{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--accent-primary: #c7ff3d;--text-primary: #f4f5f2;--text-tertiary: #62676f;--status-danger: #ff5c5c;--content-width: 353px;--radius: 10px;position:relative;box-sizing:border-box;width:100%;min-height:100dvh;overflow:hidden;background:transparent;color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.edit-profile__form,.edit-profile__footer{position:absolute;left:50%;width:min(var(--content-width),calc(100% - 40px));transform:translate(-50%)}.edit-profile__form{top:calc(50% - 20px);display:flex;flex-direction:column;gap:60px;transform:translate(-50%,-50%)}.edit-profile__picture-block,.edit-profile__fields,.edit-profile__field{display:flex;flex-direction:column;align-items:center;width:100%}.edit-profile__picture-block{gap:20px}.edit-profile__fields{gap:40px}.edit-profile__field{gap:20px}.edit-profile__label{margin:0;width:100%;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center}.edit-profile__picture-row{position:relative;display:flex;gap:20px;align-items:center;justify-content:center}.edit-profile__icon-btn,.edit-profile__remove{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius);background:var(--bg-surface);cursor:pointer}.edit-profile__icon-btn{position:relative;overflow:hidden;margin:0}.edit-profile__remove{background:transparent;overflow:hidden}.edit-profile__remove img{display:block;width:40px;height:40px}.edit-profile__icon-btn:hover,.edit-profile__remove:hover:not(:disabled){filter:brightness(1.08)}.edit-profile__remove:disabled{opacity:.4;cursor:default}.edit-profile__avatar{display:block;width:100px;height:100px;object-fit:cover;border-radius:16px}.edit-profile__file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;font-size:100px}.edit-profile__input{box-sizing:border-box;width:100%;height:40px;padding:12px 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}.edit-profile__input:focus{box-shadow:0 0 0 1px var(--text-tertiary)}.edit-profile__input:-webkit-autofill,.edit-profile__input:-webkit-autofill:hover,.edit-profile__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}.edit-profile__input--error,.edit-profile__input--error:focus{box-shadow:0 0 0 1px var(--status-danger)}.edit-profile__error{margin:0;width:100%;color:var(--status-danger);font-size:12px;font-weight:400;line-height:1;text-align:center}.edit-profile__footer{bottom:60px;display:flex;flex-direction:column;gap:10px}.edit-profile__save,.edit-profile__back{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);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.edit-profile__save{background:var(--accent-primary);color:var(--bg-primary)}.edit-profile__save:disabled{background:var(--bg-surface);color:var(--text-tertiary);cursor:not-allowed}.edit-profile__save:enabled:hover{filter:brightness(1.05)}.edit-profile__back{background:var(--bg-selected);color:var(--text-primary)}.edit-profile__back:hover{filter:brightness(1.08)}@media(max-height:700px){.edit-profile__form{gap:32px}.edit-profile__fields{gap:20px}.edit-profile__footer{bottom:24px}}.settings{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--text-primary: #f4f5f2;--status-danger: #ff5c5c;--content-width: 353px;--radius: 10px;position:relative;box-sizing:border-box;width:100%;min-height:100dvh;overflow:hidden;background:transparent;color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.settings__actions,.settings__footer{position:absolute;left:50%;width:min(var(--content-width),calc(100% - 40px));transform:translate(-50%)}.settings__actions{top:calc(50% - 20px);display:flex;flex-direction:column;gap:20px;transform:translate(-50%,-50%)}.settings__footer{bottom:60px}.settings__btn,.settings__back{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(--bg-surface);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.settings__btn--danger{gap:4px;color:var(--status-danger)}.settings__btn--world{white-space:nowrap}.settings__globe{display:block;width:15px;height:15px;flex-shrink:0}.settings__btn:hover:not(:disabled),.settings__back:hover{filter:brightness(1.08)}.settings__btn:disabled{cursor:default;opacity:.6}.settings__error{margin:0;width:100%;color:var(--status-danger);font-size:12px;font-weight:400;line-height:1;text-align:center}.settings__back{background:var(--bg-selected);color:var(--text-primary)}@media(max-height:700px){.settings__footer{bottom:24px}}.start-draft-stage{position:relative;z-index:1;min-height:100dvh;transition:opacity .35s ease}.start-draft-stage.is-hidden{opacity:0;pointer-events:none}.start-draft-stage.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.start-draft-stage{transition:none}}.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;height:100dvh;padding:var(--page-pad-y) var(--page-pad-x);overflow:hidden;background:transparent;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(calc(var(--content-width) + 4px),100%);min-height:0;height:100%;padding:clamp(16px,4.5vh,56px) 2px 0;overflow:visible}.start-draft__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--section-gap);width:100%;min-height:0;overflow:visible}.start-draft__field,.start-draft__section{position:relative;display:flex;flex-direction:column;gap:var(--field-gap);width:100%;min-width:0}.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-wrap{box-sizing:border-box;width:100%;min-width:0;height:var(--input-height);border-radius:var(--radius);background:var(--bg-surface)}.start-draft__input{box-sizing:border-box;display:block;width:100%;min-width:0;height:100%;margin:0;padding:10px 20px;border:none;border-radius:var(--radius);background:transparent;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-wrap:focus-within{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{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:var(--input-height);margin:0;padding:0 20px;border:none;border-radius:var(--radius);background:#292d32;color:#f4f5f2;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-align:center;cursor:pointer}.start-draft__back:hover{filter:brightness(1.08)}.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;--remove-size: var(--input-height);--remove-gap: 10px;--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:transparent;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(--content-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: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__ready-block{display:flex;flex-direction:column;gap:20px;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-row{display:flex;gap:var(--remove-gap);align-items:center;width:100%}.draft-lobby__person{box-sizing:border-box;display:flex;flex:1 1 auto;gap:20px;align-items:center;min-width:0;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;transition:background-color .35s ease}.draft-lobby__person--ready{background:var(--bg-selected)}.draft-lobby__person--waiting{background:var(--bg-surface)}.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;transition:color .35s ease}.draft-lobby__person-accent{flex-shrink:0;width:20px;height:71px;transition:background-color .35s ease}.draft-lobby__remove{display:flex;flex:0 0 var(--remove-size);align-items:center;justify-content:center;box-sizing:border-box;width:var(--remove-size);height:var(--remove-size);padding:0;border:none;background:transparent;cursor:pointer}.draft-lobby__remove img{display:block;width:var(--remove-size);height:var(--remove-size);object-fit:contain}.draft-lobby__remove:disabled{opacity:.35;cursor:default}.draft-lobby__remove:hover:not(:disabled){filter:brightness(1.08)}.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%;margin:0 auto;padding:0}.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: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__ready{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:#c7ff3d;color:var(--bg-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.draft-lobby__ready:hover:not(:disabled){filter:brightness(1.08)}.draft-lobby__ready:disabled{opacity:.65;cursor:wait}.draft-lobby__ready-waiting{display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;width:min(var(--content-width),100%);height:var(--input-height);padding:0 20px;color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1;text-align:center}.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)}@media(prefers-reduced-motion:reduce){.draft-lobby__person,.draft-lobby__person-name,.draft-lobby__person-accent{transition:none}}.draft-room{--bg-primary: #0b0c0e;--bg-surface: #131518;--bg-selected: #292d32;--accent-primary: #c7ff3d;--status-live: #36d98b;--status-warning: #ffb547;--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);transition:background-color .75s cubic-bezier(.16,1,.3,1),color .75s cubic-bezier(.16,1,.3,1)}.draft-room__status--live{background:var(--status-live);color:var(--bg-primary)}.draft-room__status--warning{background:var(--status-warning);color:var(--bg-primary)}.draft-room__status--danger{background:var(--status-danger);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,background-color;backface-visibility:hidden}.draft-room__announce-overlay--enter{animation:draft-room-announce-in .9s cubic-bezier(.16,1,.3,1) both}.draft-room__announce-overlay--enter.draft-room__announce-overlay--from-warning{animation-name:draft-room-announce-in-from-warning}.draft-room__announce-overlay--enter.draft-room__announce-overlay--from-danger{animation-name:draft-room-announce-in-from-danger}.draft-room__announce-overlay--exit{animation:draft-room-announce-out .5s cubic-bezier(.7,0,.84,0) both}.draft-room__announce-overlay--exit.draft-room__announce-overlay--from-warning,.draft-room__announce-overlay--exit.draft-room__announce-overlay--from-danger{background:var(--status-live)}.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);background-color:var(--status-live)}to{transform:translateZ(0);background-color:var(--status-live)}}@keyframes draft-room-announce-in-from-warning{0%{transform:translate3d(0,calc(-100% - 24px),0);background-color:var(--status-warning)}to{transform:translateZ(0);background-color:var(--status-live)}}@keyframes draft-room-announce-in-from-danger{0%{transform:translate3d(0,calc(-100% - 24px),0);background-color:var(--status-danger)}to{transform:translateZ(0);background-color:var(--status-live)}}@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,.draft-room__status--warning .draft-room__status-left span,.draft-room__status--warning .draft-room__status-right span,.draft-room__status--warning .draft-room__status-left strong,.draft-room__status--warning .draft-room__status-right strong,.draft-room__status--warning .draft-room__status-timer,.draft-room__status--danger .draft-room__status-left span,.draft-room__status--danger .draft-room__status-right span,.draft-room__status--danger .draft-room__status-left strong,.draft-room__status--danger .draft-room__status-right strong,.draft-room__status--danger .draft-room__status-timer{color:var(--bg-primary);transition:color .75s cubic-bezier(.16,1,.3,1)}.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{position:relative;display:flex;flex-direction:column;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{position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;color:var(--status-danger);font-size:10px;font-weight:400;line-height:1;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.draft-room__search-error--visible{opacity:1;transform:translateY(0)}.draft-room__menu-hint{position:absolute;left:50%;bottom:clamp(8px,1.2vh,14px);z-index:3;margin:0;transform:translate(-50%);color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1;text-align:center;white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .35s ease}.draft-room__menu-hint.is-hidden{opacity:0}.draft-room__game-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:46;display:flex;align-items:center;justify-content:center;padding:20px;background:#c2c2c233;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .35s ease}.draft-room__game-menu.is-visible{opacity:1;pointer-events:auto}.draft-room__game-menu-panel{display:flex;flex-direction:column;gap:10px;width:min(353px,100%);transform:translateY(8px);transition:transform .35s ease}.draft-room__game-menu.is-visible .draft-room__game-menu-panel{transform:translateY(0)}.draft-room__game-menu-restart,.draft-room__game-menu-close{width:100%;height:40px;padding:0 20px;border:none;border-radius:var(--radius);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.draft-room__game-menu-restart{background:var(--accent-primary);color:var(--bg-primary)}.draft-room__game-menu-restart:hover{filter:brightness(1.05)}.draft-room__game-menu-close{background:var(--bg-surface);color:var(--status-danger)}.draft-room__game-menu-close:hover{filter:brightness(1.08)}@media(prefers-reduced-motion:reduce){.draft-room__menu-hint,.draft-room__game-menu,.draft-room__game-menu-panel{transition:none}}.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);opacity:0;pointer-events:none;transition:opacity .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease}.draft-room__confirm.is-visible{opacity:1;pointer-events:auto}.draft-room__confirm-panel{display:flex;flex-direction:column;gap:10px;width:min(353px,100%);transform:translateY(10px);transition:transform .35s ease}.draft-room__confirm.is-visible .draft-room__confirm-panel{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.draft-room__confirm,.draft-room__confirm-panel{transition:none}}.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;width:100%;height:40px;padding:0 0 0 10px;overflow:hidden;border:1px solid transparent;border-radius:var(--radius);background:var(--bg-surface);font:inherit;text-align:left;cursor:pointer}.draft-room__person:hover{border-color:color-mix(in srgb,var(--accent-primary) 35%,transparent)}.draft-room__person--viewing{border-color:var(--accent-primary);background:var(--bg-selected)}.draft-room__person--active:not(.draft-room__person--viewing){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 45%,transparent)}.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;justify-content:space-between;gap:12px;min-height:0}.draft-room__chat-log{display:flex;flex:1 1 auto;flex-direction:column;gap:20px;min-height:0;margin-bottom:0;overflow-y:auto}.draft-room__chat-empty{margin:0;color:var(--text-secondary);font-size:10px;text-align:center}.draft-room__chat-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.draft-room__chat-item--mine{align-items:flex-end}.draft-room__chat-sender{margin:0;width:100%;color:var(--text-secondary);font-size:10px;font-weight:400;line-height:1}.draft-room__chat-item--mine .draft-room__chat-sender{text-align:right}.draft-room__chat-bubble{max-width:85%;padding:12px 10px;border-radius:var(--radius);background:var(--bg-selected)}.draft-room__chat-text{margin:0;color:var(--text-primary);font-size:13px;font-weight:400;line-height:1.2;word-break:break-word}.draft-room__chat-system{margin:0;width:100%;color:var(--text-secondary);font-size:10px;font-weight:400;line-height:1;text-align:center}.draft-room__chat-form{display:flex;flex:0 0 auto;width:100%}.draft-room__chat-form input{width:100%;height:40px;padding:0 16px;border:none;border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:400;outline:none}.draft-room__chat-form input::placeholder{color:var(--text-tertiary)}.draft-room__chat-form input:disabled{opacity:.55;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__side-tab-label{position:relative;display:inline-block}.draft-room__chat-unread{position:absolute;top:2px;right:-6px;width:6px;height:6px;border-radius:100px;background:var(--status-danger)}.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-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;flex:1 1 auto;align-content:start;min-height:0;overflow:auto;padding-bottom:8px}.draft-room__board-page-grid .draft-room__player-card--board{width:auto;max-width:none;min-width:0;height:71px;padding-right:0}.draft-room__board-page-grid .draft-room__player-card--board .draft-room__player-card-info{padding-right:12px}.draft-room__board-page-grid .draft-room__player-card--empty{position:relative;justify-content:flex-start;padding:0 28px 0 12px}.draft-room__board-page-grid .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-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}.draft-room__menu-hint{bottom:calc(40px + clamp(16px,2vh,24px))}}@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);padding-bottom:calc(clamp(16px,3vh,28px) + clamp(48px,10vh,96px));overflow:hidden;background:transparent;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:40px;align-items:center;width:min(var(--card-width),100%)}.join-room__field{display:flex;flex-direction:column;gap:20px;align-items:center;width:min(var(--content-width),100%)}.join-room__label{margin:0;width:100%;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;text-align:center}.join-room__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}.join-room__input::placeholder{color:var(--text-tertiary);opacity:1}.join-room__input:focus{box-shadow:0 0 0 1px var(--text-tertiary)}@media(max-width:720px){.join-room__input{font-size:14px!important}}.join-room__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:transparent}.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:transparent;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:transparent;color:var(--text-tertiary);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.join-room__paste:hover:not(:disabled){color:var(--text-secondary)}.join-room__paste:disabled{color:var(--text-muted);cursor:default}.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:-28px 0 0;width:100%;color:var(--status-danger);font-size:12px;font-weight:400;line-height:1;text-align:center}.join-room__back{position:absolute;bottom:clamp(16px,4vh,38px);left:50%;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(var(--content-width),calc(100% - 40px));height:40px;margin:0;padding:0 20px;border:none;border-radius:var(--radius);background:#292d32;color:#f4f5f2;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-align:center;cursor:pointer;transform:translate(-50%)}.join-room__back:hover{filter:brightness(1.08)}@media(max-height:700px){.join-room{padding-bottom:calc(clamp(16px,3vh,28px) + clamp(24px,5vh,40px))}}.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:transparent;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}.draftr-watermark{position:absolute;top:0;right:0;z-index:0;width:0;height:0;overflow:visible;pointer-events:none}.draftr-watermark__band{position:absolute;top:0;left:0;transform:translate(-50%,-50%) rotate(-15deg);transform-origin:center}.draftr-watermark__track{display:flex;width:max-content;animation:draftr-watermark-scroll 48s linear infinite;user-select:none;-webkit-user-select:none}.draftr-watermark__group{display:flex;flex:0 0 auto;gap:20px;align-items:center;padding-right:20px;opacity:.2}.draftr-watermark__logo{display:block;flex:0 0 auto;height:28px;width:auto;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}@keyframes draftr-watermark-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.draftr-watermark__track{animation:none}}.app-shell{position:relative;min-height:100dvh;background:#0b0c0e;color:#f4f5f2}.app-shell--with-watermark{overflow:hidden}.app-shell__stage{position:relative;z-index:1;min-height:100dvh;transition:opacity .35s ease}.app-shell__stage.is-hidden{opacity:0;pointer-events:none}.app-shell__stage.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.app-shell__stage{transition:none}}*{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}html,body,*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}button,[role=button],[role=tab],a{transition:filter .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}@media(prefers-reduced-motion:reduce){button,[role=button],[role=tab],a{transition:none}}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}}