*,:before,:after{box-sizing:border-box}:root{--font:"Courier New", "Monaco", "Menlo", monospace}html,body{min-height:100%;image-rendering:pixelated;margin:0}body{font-family:var(--font);color:#1a0800;-webkit-font-smoothing:antialiased;background:#5aaff8}#root{min-height:100svh}:root{--sky-top:#2878d8;--sky-mid:#5aaff8;--sky-bot:#b8dcff;--outline:#1a0800;--gold:#f0c030;--gold-dk:#c89010;--gold-lt:#ffe050;--white:#fafafa;--cream:#fff8e8;--panel-bg:#d8eeff;--panel-in:#eef6ff;--green:#38b848;--green-dk:#1a8830;--blue:#3880f8;--blue-dk:#1050c8;--red:#e83030;--text-muted:#4a5a7a}html,body{overflow-x:hidden}.sky-bg{z-index:0;background:linear-gradient(#2060c0 0%,#3888e8 18%,#5aacf8 42%,#88c8ff 68%,#b8dcff 88%,#d0ecff 100%);position:fixed;inset:0}.mountain-layer{z-index:1;width:100%;display:block;position:fixed;bottom:0;left:0}.ground-strip{z-index:3;pointer-events:none;width:100%;height:28px;position:fixed;bottom:0;left:0}.cloud-layer{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cloud{position:absolute}@keyframes drift-a{0%{transform:translate(0)}to{transform:translate(110vw)}}@keyframes drift-b{0%{transform:translate(0)}to{transform:translate(112vw)}}@keyframes drift-c{0%{transform:translate(0)}to{transform:translate(115vw)}}.c1{opacity:.65;animation:90s linear infinite drift-a;top:8%;left:-140px}.c2{opacity:.82;animation:65s linear -22s infinite drift-b;top:5%;left:-190px}.c3{opacity:1;animation:45s linear -10s infinite drift-c;top:2%;left:-200px}.app{z-index:10;width:min(1360px,100vw - 20px);height:100svh;color:var(--outline);flex-direction:column;gap:14px;margin:0 auto;padding:18px 0 42px;display:flex;position:relative}.home-screen{z-index:10;justify-content:center;align-items:center;width:min(980px,100vw - 28px);min-height:100svh;margin:0 auto;padding:30px 0 54px;display:flex;position:relative}.home-screen--setup{padding-bottom:max(360px,52vh)}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.home-hero__eyebrow{color:var(--cream);letter-spacing:1px;text-transform:uppercase;text-shadow:2px 2px 0 var(--outline);margin:0;font-size:13px;font-weight:700}.home-hero__title{color:var(--white);letter-spacing:5px;text-transform:uppercase;text-shadow:-5px -5px 0 var(--outline), 5px -5px 0 var(--outline), -5px 5px 0 var(--outline), 5px 5px 0 var(--outline), 0 5px 0 var(--outline), 5px 0 0 var(--outline), -5px 0 0 var(--outline), 0 -5px 0 var(--outline), 8px 8px 0 var(--gold), 10px 10px 0 var(--gold-dk), 12px 12px 0 #00000059;margin:0;font-size:clamp(46px,11vw,96px);line-height:.95}.home-mascot{flex-direction:column;align-items:center;animation:2.6s ease-in-out infinite home-bob;display:flex}@keyframes home-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-mascot__face{border:5px solid var(--outline);width:128px;height:104px;box-shadow:5px 5px 0 var(--outline);background:#cec8e8;position:relative}.home-mascot__ear{border:5px solid var(--outline);background:#b8b0d0;width:40px;height:40px;position:absolute;top:-34px;transform:rotate(45deg)}.home-mascot__ear--left{left:14px}.home-mascot__ear--right{right:14px}.home-mascot__eye{border-bottom:4px solid var(--outline);width:16px;height:8px;position:absolute;top:36px}.home-mascot__eye--left{left:34px;transform:rotate(12deg)}.home-mascot__eye--right{right:34px;transform:rotate(-12deg)}.home-mascot__nose{border:3px solid var(--outline);background:#e870a0;width:12px;height:10px;position:absolute;top:54px;left:50%;transform:translate(-50%)}.home-mascot__mouth{border-bottom:4px solid var(--outline);width:28px;height:12px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.home-mascot__shadow{filter:blur(3px);background:#0003;width:118px;height:12px;margin-top:12px}.home-panel{border:5px solid var(--outline);background:var(--panel-bg);width:min(560px,100%);min-height:370px;box-shadow:7px 7px 0 var(--outline);transition:min-height .28s;overflow:hidden}.home-panel__body{flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.home-panel__body p{color:var(--outline);margin:0;font-size:14px;font-weight:700;line-height:1.55}.entry-progress{grid-template-columns:14px 1fr 14px;align-items:center;width:84px;display:grid}.entry-progress__dot{border:3px solid var(--outline);background:var(--white);width:14px;height:14px}.entry-progress__dot--active{background:var(--gold)}.entry-progress__line{background:var(--outline);height:4px}.entry-progress__line--active{box-shadow:inset 44px 0 0 var(--gold)}.home-step{gap:16px;width:100%;display:grid}.home-step--forward{animation:.32s cubic-bezier(.2,.8,.2,1) both home-step-in}.home-step--back{animation:.32s cubic-bezier(.2,.8,.2,1) both home-step-back}@keyframes home-step-in{0%{opacity:0;transform:translate(52px)}to{opacity:1;transform:translate(0)}}@keyframes home-step-back{0%{opacity:0;transform:translate(-52px)}to{opacity:1;transform:translate(0)}}.home-step__intro{text-align:left;gap:4px;display:grid}.home-step__intro strong{font-size:15px;font-weight:900}.home-step__intro p{font-size:12px}.profile-setup{gap:8px;width:100%;display:grid}.profile-setup label{color:var(--text-muted);letter-spacing:.8px;font-size:11px;font-weight:900}.profile-setup input{border:3px solid var(--outline);background:var(--white);height:38px;color:var(--outline);box-shadow:2px 2px 0 var(--outline);font:inherit;padding:0 10px;font-size:14px;font-weight:900}.profile-setup input[aria-invalid=true]{border-color:var(--red)}.profile-setup__error{color:var(--red);font-size:11px;font-weight:900}.avatar-trigger{width:100%;color:var(--outline);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:62px auto;justify-content:start;align-items:center;gap:12px;margin-top:6px;padding:0;display:grid}.avatar-trigger__box{border:4px solid var(--outline);background:var(--gold);width:62px;height:62px;box-shadow:4px 4px 0 var(--outline);place-items:center;font-size:29px;display:grid}.avatar-trigger__copy{text-align:left;justify-items:start;gap:3px;display:grid}.avatar-trigger__copy strong{font-size:14px;font-weight:900}.avatar-trigger__copy small{color:var(--text-muted);font-size:10px;font-weight:700}.avatar-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.avatar-picker__btn{border:3px solid var(--outline);background:var(--white);min-width:0;height:68px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;place-items:center;gap:2px;padding:6px 4px;font-size:24px;display:grid}.avatar-character{object-fit:cover;width:100%;height:100%;display:block}.avatar-picker__btn .avatar-character{width:40px;height:40px}.avatar-picker__btn span{text-transform:uppercase;font-size:9px;font-weight:900}.avatar-picker__btn--active{background:var(--gold);box-shadow:4px 4px 0 var(--outline);transform:translate(-2px,-2px)}.avatar-dialog{border:5px solid var(--outline);background:var(--panel-bg);width:min(430px,100vw - 32px);box-shadow:8px 8px 0 var(--outline);color:var(--outline);padding:0}.avatar-dialog::backdrop{background:#081020ad}.avatar-dialog__title{border-bottom:4px solid var(--outline);background:var(--gold);justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding-left:14px;display:flex}.avatar-dialog__title strong{font-size:13px;font-weight:900}.avatar-dialog__title button{border:0;border-left:4px solid var(--outline);background:var(--white);width:46px;color:var(--outline);font:inherit;cursor:pointer;align-self:stretch;font-size:26px;font-weight:900}.avatar-dialog .avatar-picker{padding:18px}.entry-continue{width:100%;min-height:46px}.entry-continue span{margin-left:8px;font-size:19px}.player-summary{border:3px solid var(--outline);background:var(--cream);min-height:54px;box-shadow:3px 3px 0 var(--outline);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.player-summary__avatar{border:3px solid var(--outline);background:var(--white);place-items:center;width:36px;height:36px;font-size:20px;display:grid}.player-summary>span:not(.player-summary__avatar){min-width:0;display:grid}.player-summary small{color:var(--text-muted);font-size:9px;font-weight:900}.player-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.player-summary button{border:3px solid var(--outline);background:var(--white);min-height:30px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;padding:0 10px;font-size:10px;font-weight:900}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;display:grid}.mode-btn{border:3px solid var(--outline);background:var(--white);min-width:0;min-height:116px;box-shadow:3px 3px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;align-content:center;place-items:center;gap:5px;padding:10px 6px;display:grid}.mode-btn>span{border:3px solid var(--outline);background:var(--gold);place-items:center;width:34px;height:34px;font-size:20px;font-weight:900;display:grid}.mode-btn strong{font-size:11px;font-weight:900}.mode-btn small{color:var(--text-muted);font-size:9px;font-weight:700}.mode-btn:hover,.mode-btn--active{background:var(--gold-lt);box-shadow:5px 5px 0 var(--outline);transform:translate(-2px,-2px)}.home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;width:min(1080px,100%);margin-top:18px;display:grid}.home-feature-card{--card-accent:var(--gold);border:4px solid var(--outline);background:var(--white);min-width:0;box-shadow:5px 5px 0 var(--outline);color:var(--outline);text-align:left;grid-template-columns:34px minmax(0,1fr);align-content:start;justify-items:start;gap:10px;padding:18px 16px;transition:transform .15s,box-shadow .15s;animation:.52s cubic-bezier(.2,.9,.25,1.2) both home-card-arrive;display:grid;position:relative}.home-feature-card:nth-child(2){animation-delay:.1s}.home-feature-card:nth-child(3){animation-delay:.2s}.home-feature-card:before{content:"";background:var(--card-accent);border-bottom:3px solid var(--outline);height:7px;position:absolute;inset:0 0 auto}@media (hover:hover){.home-feature-card:hover{box-shadow:8px 11px 0 var(--outline);transform:translateY(-6px)}}@keyframes home-card-arrive{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.home-feature-card__number{border:3px solid var(--outline);background:var(--card-accent);width:34px;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);place-items:center;font-size:14px;font-weight:900;line-height:1;display:grid}.home-feature-card h2{text-shadow:1px 1px 0 var(--white);margin:8px 0 0;font-size:15px;font-weight:900;line-height:1.25}.home-feature-card__body{grid-column:1/-1;gap:10px;display:grid}.home-feature-card h3{margin:4px 0 0;font-size:12px;font-weight:900;line-height:1.3}.home-feature-card p{color:var(--text-muted);margin:0;font-size:13px;font-weight:700;line-height:1.55}.home-feature-card__demo{border:3px solid var(--outline);background:var(--white);width:100%;height:42px;box-shadow:2px 2px 0 var(--outline);grid-column:1/-1;overflow:hidden}.home-feature-card__demo--guess{align-items:center;gap:7px;padding:6px 10px;display:flex}.home-feature-card__demo--guess span{border:2px solid var(--outline);background:var(--panel-in);width:25px;height:25px;color:var(--outline);place-items:center;font-size:14px;font-weight:900;animation:2.4s ease-in-out infinite home-demo-guess;display:grid}.home-feature-card__demo--guess span:nth-child(2){animation-delay:.16s}.home-feature-card__demo--guess span:nth-child(3){background:var(--gold);animation-delay:.32s}.home-feature-card__demo--guess strong{color:var(--green-dk);text-shadow:1px 1px 0 var(--white);margin-left:auto;font-size:21px;animation:2.4s ease-in-out infinite home-demo-check}@keyframes home-demo-guess{0%,35%,to{transform:translateY(0)}18%{transform:translateY(-4px)}}@keyframes home-demo-check{0%,35%{opacity:0;transform:scale(.4)rotate(-20deg)}50%,to{opacity:1;transform:scale(1)rotate(0)}}.home-feature-card ul{color:var(--text-muted);grid-column:1/-1;margin:0;padding-left:18px;font-size:13px;font-weight:700;line-height:1.6}.home-feature-card strong{color:var(--outline)}.home-feature-card li+li{margin-top:7px}.home-gesture-list{gap:7px;display:grid}.home-gesture{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.home-gesture__demo{border:2px solid var(--outline);background:var(--panel-in);width:48px;height:34px;position:relative;overflow:hidden}.home-gesture__demo i{border:2px solid var(--outline);background:var(--gold);border-radius:50%;width:9px;height:9px;display:block;position:absolute}.home-gesture__demo--move i{animation:1.6s ease-in-out infinite home-gesture-move;top:10px;left:5px}.home-gesture__demo--draw:before{content:"";background:var(--gold-dk);transform-origin:0;width:32px;height:4px;animation:1.7s ease-in-out infinite home-gesture-line;position:absolute;top:15px;left:7px}.home-gesture__demo--draw i{animation:1.7s ease-in-out infinite home-gesture-draw;top:9px;left:4px}.home-gesture__demo--pinch i,.home-gesture__demo--erase i{top:10px}.home-gesture__demo--pinch i:first-child{animation:1.6s ease-in-out infinite home-gesture-pinch-left;left:5px}.home-gesture__demo--pinch i:last-child{animation:1.6s ease-in-out infinite home-gesture-pinch-right;right:5px}.home-gesture__demo--erase i:first-child{animation:1.5s ease-in-out infinite home-gesture-erase-left;left:10px}.home-gesture__demo--erase i:last-child{animation:1.5s ease-in-out infinite home-gesture-erase-right;right:10px}.home-gesture__demo--clear i{width:auto;height:auto;color:var(--outline);text-align:center;background:0 0;border:0;border-radius:0;font-size:22px;font-style:normal;animation:1.3s ease-in-out infinite home-gesture-clear;inset:2px 0 0}@keyframes home-gesture-move{0%,to{transform:translate(0)}50%{transform:translate(25px)}}@keyframes home-gesture-line{0%{transform:scaleX(0)}70%,to{transform:scaleX(1)}}@keyframes home-gesture-draw{0%{transform:translate(0)}70%,to{transform:translate(27px)}}@keyframes home-gesture-pinch-left{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes home-gesture-pinch-right{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}@keyframes home-gesture-erase-left{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes home-gesture-erase-right{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}@keyframes home-gesture-clear{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.home-setup{border:3px solid var(--outline);background:var(--panel-in);width:100%;box-shadow:3px 3px 0 var(--outline);text-align:left;gap:12px;padding:12px;display:grid}.home-setup--reveal{animation:.36s cubic-bezier(.2,.8,.2,1) both home-setup-down}@keyframes home-setup-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.setup-summary{color:var(--outline);text-align:center;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.flag-btn{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);border:3px solid var(--outline);background:var(--gold);min-height:44px;box-shadow:4px 4px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:11px 30px 11px 18px;font-size:13px;font-weight:700;display:inline-flex}.flag-btn:disabled{opacity:.55;cursor:not-allowed}.flag-btn--secondary{background:var(--white)}.flag-btn:hover{background:var(--gold-lt)}.flag-btn:active{box-shadow:1px 1px 0 var(--outline);transform:translate(3px,3px)}.ai-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.ai-settings label{min-width:0;color:var(--text-muted);letter-spacing:.5px;gap:5px;font-size:10px;font-weight:900;display:grid}.ai-settings select{border:3px solid var(--outline);background:var(--white);width:100%;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;font-size:12px;font-weight:900}.ai-settings__toggle{border:3px solid var(--outline);background:var(--cream);min-height:34px;box-shadow:2px 2px 0 var(--outline);grid-auto-flow:column;justify-content:center;align-self:end;align-items:center;gap:7px;padding:0 8px;color:var(--outline)!important;display:flex!important}.ai-settings__toggle input{width:16px;height:16px;accent-color:var(--gold)}.room-code-card{border:3px solid var(--outline);background:var(--cream);width:100%;box-shadow:4px 4px 0 var(--outline);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px;display:grid}.room-code-card span,.join-room-form label{color:var(--text-muted);letter-spacing:.8px;font-size:11px;font-weight:900}.room-code-card strong{border:3px solid var(--outline);background:var(--white);color:var(--outline);letter-spacing:2px;padding:4px 8px;font-size:16px;font-weight:900}.room-code-card button,.join-room-form button{border:3px solid var(--outline);background:var(--gold);min-height:32px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;font-size:11px;font-weight:900}.join-room-form{gap:7px;width:100%;display:grid}.join-room-form__row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.join-room-form input{border:3px solid var(--outline);background:var(--white);min-width:0;height:36px;color:var(--outline);box-shadow:2px 2px 0 var(--outline);font:inherit;letter-spacing:2px;text-transform:uppercase;padding:0 10px;font-size:16px;font-weight:900}.join-room-form button:disabled{opacity:.55;cursor:not-allowed}.public-rooms,.history-panel{gap:7px;width:100%;display:grid}.public-rooms__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.public-rooms__head span,.public-rooms p,.history-panel p{color:var(--text-muted);letter-spacing:.8px;margin:0;font-size:11px;font-weight:900}.public-rooms__head button,.public-room{border:3px solid var(--outline);background:var(--white);box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;font-size:11px;font-weight:900}.public-rooms__head button{padding:5px 8px}.public-room{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:7px;display:grid}.public-room:disabled{opacity:.55;cursor:not-allowed}.app__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.app__eyebrow{color:var(--cream);letter-spacing:1px;text-shadow:2px 2px 0 var(--outline);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.app__title{color:var(--white);letter-spacing:4px;text-transform:uppercase;text-shadow:-4px -4px 0 var(--outline), 4px -4px 0 var(--outline), -4px 4px 0 var(--outline), 4px 4px 0 var(--outline), 0 4px 0 var(--outline), 4px 0 0 var(--outline), -4px 0 0 var(--outline), 0 -4px 0 var(--outline), 6px 6px 0 var(--gold), 7px 7px 0 var(--gold-dk), 8px 8px 0 #00000059;margin:0;font-size:clamp(28px,5vw,52px);line-height:1}.mode-chip{border:3px solid var(--outline);background:var(--gold);width:fit-content;box-shadow:3px 3px 0 var(--outline);color:var(--outline);letter-spacing:.5px;margin-top:8px;padding:5px 8px;font-size:11px;font-weight:900}.header-stats{align-items:stretch;gap:10px;display:flex}.room-box,.round-box,.timer-box,.word-bar,.px-panel,.toolbar,.drawing-canvas__wrap{border:4px solid var(--outline);box-shadow:5px 5px 0 var(--outline)}.room-box{background:var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:104px;padding:7px 10px;display:flex}.room-box__status{color:var(--text-muted);text-transform:uppercase;font-size:8px;font-weight:900}.room-box__status--connected{color:var(--green-dk)}.round-box{background:var(--white);flex-direction:column;align-items:center;gap:4px;min-width:92px;padding:8px 12px;display:flex}.timer-box{background:var(--cream);flex-direction:column;align-items:center;gap:4px;min-width:78px;padding:8px 12px;display:flex}.voice-chat-controls{align-items:center;gap:6px;display:flex}.voice-chat-btn{border:4px solid var(--outline);height:100%;min-height:48px;box-shadow:5px 5px 0 var(--outline);background:var(--white);color:var(--outline);font:inherit;white-space:nowrap;cursor:pointer;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:7px;padding:7px 9px;font-size:10px;font-weight:900;display:inline-grid}.voice-chat-btn:hover:not(:disabled){background:var(--cream)}.voice-chat-btn:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.voice-chat-btn:disabled{cursor:not-allowed;opacity:.7}.voice-chat-btn--active{background:var(--green-dk);color:var(--white);grid-template-columns:auto auto auto}.voice-chat-btn--leave{background:var(--red,#d9534f);color:var(--white)}.voice-chat-btn__icon{width:13px;height:18px;display:inline-block;position:relative}.voice-chat-btn__icon:before{content:"";background:currentColor;border:2px solid;border-radius:7px 7px 5px 5px;width:7px;height:11px;position:absolute;top:0;left:3px}.voice-chat-btn__icon:after{content:"";border-bottom:2px solid;border-left:2px solid;border-right:2px solid;width:11px;height:7px;position:absolute;top:10px;left:1px}.voice-chat-btn__icon--muted{transform:rotate(-8deg)}.voice-chat-btn__icon--muted:after{box-shadow:5px -6px 0 -3px}.voice-chat-btn__count{background:var(--white);min-width:20px;height:20px;color:var(--green-dk);border:2px solid;place-items:center;padding:0 5px;font-size:11px;line-height:1;display:inline-grid}.voice-chat-error{max-width:160px;color:var(--red,#d9534f);font-size:10px;font-weight:700}.timer-box--danger{background:#ffe0e0;animation:.8s steps(2,end) infinite timer-blink}@keyframes timer-blink{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.r-lbl,.t-lbl{color:#5a6a8a;font-size:10px;font-weight:700}.r-num{font-size:14px;font-weight:700}.word-bar{background:var(--gold);justify-content:center;align-items:center;padding:8px 20px;display:flex;position:relative}.word-bar__prompt{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,2vw,18px);min-width:0;padding:0 112px 0 190px;display:flex}.word-bar--ai .word-bar__prompt{padding-right:250px}.instructions-btn{border:3px solid var(--outline);background:var(--white);width:auto;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;white-space:nowrap;padding:0 10px;font-size:13px;font-weight:700;line-height:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.instructions-btn:hover{background:var(--cream)}.instructions-btn:active{box-shadow:none;transform:translate(2px,calc(2px - 50%))}.word-picker{width:124px;color:var(--outline);align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex;position:absolute;top:50%;right:110px;transform:translateY(-50%)}.scoreboard-btn{border:3px solid var(--outline);background:var(--white);width:86px;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;font-size:11px;font-weight:900;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.scoreboard-btn:hover{background:var(--cream)}.scoreboard-btn:active{box-shadow:none;transform:translate(2px,calc(2px - 50%))}.word-picker span{flex-shrink:0}.word-picker select{border:3px solid var(--outline);background:var(--white);width:100%;min-width:0;height:32px;color:var(--outline);box-shadow:2px 2px 0 var(--outline);font:inherit;cursor:pointer;padding:0 6px;font-size:11px;font-weight:900}.word-choice-dialog-backdrop{z-index:90;background:#08141cb8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.word-choice-dialog{border:4px solid var(--outline);background:var(--panel-bg);width:min(560px,100%);box-shadow:7px 7px 0 var(--outline);color:var(--outline);text-align:center;gap:16px;padding:22px;display:grid;position:relative}.word-choice-dialog p{margin:0;font-size:12px;font-weight:800;line-height:1.5}.word-choice-dialog__timer{border:4px solid var(--outline);background:var(--gold);width:48px;height:48px;box-shadow:3px 3px 0 var(--outline);place-items:center;font-size:20px;font-weight:900;display:grid;position:absolute;top:-18px;right:18px}.word-choice-dialog__waiting{align-content:center;place-items:center;gap:8px;min-height:112px;display:grid}.word-choice-dialog__waiting strong{font-size:15px;font-weight:900}.word-choice-dialog__dots{letter-spacing:6px;font-size:24px;font-weight:900;animation:.9s steps(3,end) infinite waiting-dots}@keyframes waiting-dots{50%{opacity:.35}}.word-choice-panel__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.word-choice-panel__options button{border:3px solid var(--outline);background:var(--gold);min-height:48px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;padding:8px 10px;font-size:14px;font-weight:900}.word-choice-panel__options button:hover{background:var(--gold-lt)}.transition-panel{border:4px solid var(--outline);background:var(--cream);box-shadow:5px 5px 0 var(--outline);grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr);gap:14px;padding:12px;display:grid}.transition-panel p{color:var(--outline);margin:8px 0 0;font-size:13px;font-weight:900}.transition-panel--final{background:var(--gold-lt);grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto}.transition-panel__list{border-left:2px solid #0000001f;gap:4px;margin:0;padding:8px 0 0 12px;list-style:none;display:grid}.transition-panel__row{grid-template-columns:16px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.transition-panel__row+.transition-panel__row{border-top:1px solid #0000001a}.transition-panel__row--winner{background:var(--gold);box-shadow:2px 2px 0 var(--outline);border-top:none}.transition-panel__rank{color:var(--text-muted);font-size:10px;font-weight:900}.transition-panel__player{align-items:center;gap:6px;min-width:0;display:flex}.transition-panel__player-name{text-overflow:ellipsis;white-space:nowrap;color:var(--outline);font-size:12px;font-weight:900;overflow:hidden}.transition-panel__ai-tag{border:2px solid var(--outline);background:var(--panel-in);color:var(--outline);letter-spacing:.05em;flex-shrink:0;padding:1px 5px;font-size:8px;font-weight:900}.transition-panel__total{white-space:nowrap;color:var(--outline);justify-self:end;font-size:12px;font-weight:900}.end-game-actions{align-content:center;gap:8px;display:grid}.lobby-code{align-items:center;gap:9px;display:flex}.lobby-meta{line-height:1.5;color:var(--text-muted)!important;font-size:11px!important}.lobby-panel{border:4px solid var(--outline);background:var(--panel-bg);box-shadow:5px 5px 0 var(--outline);grid-template-columns:minmax(180px,1fr) minmax(280px,1.6fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.lobby-dialog-backdrop{z-index:80;background:#08141cb8;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.lobby-panel--dialog{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);align-items:start;width:min(980px,100%);max-height:calc(100svh - 44px);padding-top:44px;position:relative;overflow-y:auto}.lobby-panel__close{z-index:2;border:3px solid var(--outline);background:var(--white);width:30px;height:30px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);cursor:pointer;place-items:center;font-size:18px;font-weight:900;line-height:1;display:grid;position:absolute;top:8px;right:8px}.lobby-panel__close:hover{background:var(--cream)}.lobby-panel__close:active{box-shadow:none;transform:translate(2px,2px)}.lobby-panel--dialog .lobby-settings,.lobby-panel--dialog .lobby-actions{grid-column:1/-1}.lobby-panel p{color:var(--outline);margin:8px 0 0;font-size:13px;font-weight:800}.lobby-code{margin-top:10px}.lobby-code>strong{border:3px solid var(--outline);background:var(--gold);box-shadow:2px 2px 0 var(--outline);letter-spacing:1px;padding:7px 10px;font-size:15px}.lobby-players{gap:8px;min-width:0;display:grid}.lobby-players__title{color:var(--outline);justify-content:space-between;gap:8px;font-size:11px;font-weight:900;display:flex}.lobby-players__list{gap:6px;max-height:154px;margin:0;padding:0 3px 3px 0;list-style:none;display:grid;overflow-y:auto}.lobby-player{border:3px solid var(--outline);background:var(--white);min-width:0;min-height:38px;box-shadow:2px 2px 0 var(--outline);align-items:center;gap:8px;padding:7px 9px;display:flex}.lobby-player__number{background:var(--gold);width:20px;height:20px;color:var(--outline);flex:0 0 20px;place-items:center;font-size:9px;font-weight:900;display:grid}.lobby-player__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.lobby-player__status{color:var(--text-muted);white-space:nowrap;flex:none;font-size:9px;font-weight:900}.lobby-settings{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.lobby-settings label{min-width:0;color:var(--text-muted);letter-spacing:.5px;gap:5px;font-size:10px;font-weight:900;display:grid}.lobby-settings select{border:3px solid var(--outline);background:var(--white);width:100%;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;font-size:12px;font-weight:900}.lobby-settings input[type=text],.lobby-settings__wide input{border:3px solid var(--outline);background:var(--white);width:100%;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;padding:0 8px;font-size:12px;font-weight:900}.lobby-settings__wide{grid-column:span 2}.lobby-custom-words{gap:6px;display:grid}.lobby-custom-words__label{color:var(--text-muted);letter-spacing:.5px;font-size:10px;font-weight:900}.lobby-custom-words__list{flex-wrap:wrap;gap:4px;max-height:72px;display:flex;overflow-y:auto}.lobby-custom-words__own{gap:4px;display:grid}.lobby-custom-words__own-label{color:var(--text-muted);letter-spacing:.5px;font-size:9px;font-weight:900}.lobby-custom-words__chip{border:2px solid var(--outline);background:var(--cream);color:var(--outline);letter-spacing:.5px;box-shadow:1px 1px 0 var(--outline);align-items:center;gap:4px;padding:3px 4px 3px 6px;font-size:10px;font-weight:900;display:inline-flex}.lobby-custom-words__chip-remove{color:var(--outline);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;font-weight:900;line-height:1}.lobby-custom-words__chip-remove:hover{color:var(--red,#d92b2b)}.lobby-custom-words__form{align-items:center;gap:6px;display:flex}.lobby-custom-words__form input{border:3px solid var(--outline);background:var(--white);min-width:0;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;text-transform:uppercase;flex:1;padding:0 8px;font-size:12px;font-weight:900}.lobby-custom-words__form button{flex-shrink:0;align-self:center;height:34px;padding:0 14px}.lobby-settings__toggle{border:3px solid var(--outline);background:var(--cream);min-height:34px;box-shadow:2px 2px 0 var(--outline);grid-auto-flow:column;justify-content:center;align-self:end;align-items:center;gap:6px;padding:0 8px;color:var(--outline)!important;display:flex!important}.lobby-settings__toggle input{width:16px;height:16px;accent-color:var(--gold)}.lobby-actions{gap:8px;display:flex}.px-btn--primary{background:var(--green)}.wch{border-bottom:4px solid var(--outline);min-width:clamp(26px,5vw,42px);color:var(--outline);letter-spacing:2px;-webkit-text-stroke:.7px var(--outline);text-shadow:1px 0 0 var(--outline), 0 1px 0 var(--outline);text-align:center;padding:0 6px 3px;font-family:Arial Black,Impact,Arial,Helvetica,sans-serif;font-size:clamp(16px,3.2vw,24px);font-weight:900;line-height:1.1}.wch.spc{border-bottom:none;min-width:12px}.word-bar__count{color:var(--outline);align-self:flex-start;margin-left:2px;font-family:Arial Black,Impact,Arial,Helvetica,sans-serif;font-size:clamp(10px,1.6vw,13px);font-weight:900;line-height:1}.game-side{flex-direction:column;display:flex}.game-grid{flex:1;grid-template-columns:205px minmax(720px,1fr) 240px;align-items:stretch;gap:10px;min-height:0;display:grid}.px-panel{background:var(--panel-bg);min-width:0;position:relative;overflow:hidden}.px-panel:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:8px 8px;position:absolute;inset:0}.px-panel-title{z-index:1;border-bottom:3px solid var(--outline);background:var(--gold);color:var(--outline);letter-spacing:1px;padding:8px 12px 7px;font-size:13px;font-weight:700;position:relative}.side-list{z-index:1;flex:1;padding:10px;position:relative;overflow-y:auto}.gp-card{border:3px solid var(--outline);background:var(--panel-in);box-shadow:2px 2px 0 var(--outline);align-items:center;gap:7px;margin-bottom:7px;padding:7px 8px;display:flex;position:relative}.gp-card--selected{outline:3px solid var(--gold);outline-offset:2px}.gp-card__select{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:0;display:flex}.gp-card__select:disabled{cursor:default}.gp-card__select:not(:disabled):hover .gp-nm{text-decoration:underline}.gp-rank{min-width:24px;color:var(--text-muted);font-size:10px;font-weight:900}.gp-card.guessed .gp-sc,.gp-card.drawing .gp-sc{animation:.42s steps(2,end) score-pop}@keyframes score-pop{50%{transform:scale(1.14)}}.notification-stack{z-index:100;pointer-events:none;gap:8px;width:min(330px,100vw - 28px);display:grid;position:fixed;top:14px;right:14px}.game-notification{border:3px solid var(--outline);background:var(--white);box-shadow:4px 4px 0 var(--outline);color:var(--outline);padding:11px 13px;font-size:12px;font-weight:900;line-height:1.35;animation:.18s steps(2,end) notification-in}.game-notification--success{border-color:var(--green-dk);background:#e8ffec}.game-notification--error{border-color:var(--red);background:#ffe0e0}@keyframes notification-in{0%{opacity:0;transform:translateY(-8px)}}.gp-card.drawing{border-color:var(--gold);background:#fffee0;animation:1.4s steps(2,end) infinite draw-pulse}.gp-card.guessed{border-color:var(--green);box-shadow:2px 2px 0 var(--green-dk);background:#e8ffec}.gp-card--actions{background:var(--white);padding:0;overflow:hidden}.gp-actions-overlay{align-items:stretch;width:100%;height:100%;min-height:38px;display:flex}.gp-action-btn{border:0;border-right:2px solid var(--outline);color:var(--outline);font:inherit;cursor:pointer;background:0 0;flex:1;font-size:13px;font-weight:900;transition:background .1s;position:relative}.gp-action-btn:last-child{border-right:0}.gp-action-btn:hover{background:var(--gold-lt)}.gp-action-btn--vote:hover,.gp-action-btn--report:hover{background:#fff0c0}.gp-action-btn--close:hover{color:var(--red);background:#ffe0e0}@keyframes draw-pulse{0%,to{background:#fffee0}50%{background:#fff8b0}}.gp-av{border:3px solid var(--outline);background:var(--white);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:900;display:flex}.gp-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.gp-nm{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.gp-sc{color:var(--green);font-size:12px;font-weight:700}.draw-ind{flex:none;margin-left:auto;font-size:12px;animation:.5s steps(2,end) infinite alternate pencil-wag}@keyframes pencil-wag{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}.game-board{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.ad-banner{border:3px solid var(--outline);background:var(--panel-in);min-height:90px;box-shadow:3px 3px 0 var(--outline);flex-shrink:0;overflow:hidden}.canvas-shell{flex:1;min-height:0;display:flex;position:relative}.drawing-canvas__wrap{background:var(--white);width:100%;min-height:0;position:relative;overflow:hidden}.drawing-canvas__wrap:after{content:"";z-index:3;pointer-events:none;background-image:linear-gradient(#00000009 1px,#0000 1px),linear-gradient(90deg,#00000009 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.drawing-canvas__surface{width:100%;height:100%;min-height:inherit;touch-action:none;cursor:crosshair;position:relative;overflow:hidden}.drawing-canvas{z-index:2;width:100%;height:100%;min-height:inherit;cursor:crosshair;image-rendering:pixelated;touch-action:none;pointer-events:auto;display:block;position:relative}.drawing-canvas__surface--readonly,.drawing-canvas--readonly{cursor:default}.cc{z-index:5;border:3px solid var(--outline);background:var(--gold);pointer-events:none;width:16px;height:16px;position:absolute}.cc.tl{top:-1px;left:-1px}.cc.tr{top:-1px;right:-1px}.cc.bl{bottom:-1px;left:-1px}.cc.br{bottom:-1px;right:-1px}.game-controls{scrollbar-width:thin;-webkit-overflow-scrolling:touch;border:3px solid var(--outline);background:var(--panel-bg);width:100%;min-height:48px;box-shadow:3px 3px 0 var(--outline);flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 8px;display:flex;overflow-x:auto}.toolbar-stack{display:contents}.toolbar{box-shadow:none;background:0 0;border:0;flex-wrap:nowrap;flex:none;align-items:center;gap:5px;padding:0;display:flex}.utility-bar{border-left:2px solid var(--text-muted);background:0 0;flex-wrap:nowrap;flex:none;align-items:center;gap:7px;margin-left:auto;padding:0 0 0 8px;display:flex}.utility-bar button,.utility-bar select{border:2px solid var(--outline);background:var(--white);min-height:32px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;font-size:11px;font-weight:900}.utility-bar button{padding:0 9px}.utility-bar label{color:var(--outline);align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.utility-bar__toggle input{width:16px;height:16px;accent-color:var(--gold)}.utility-bar span{color:var(--outline);margin-left:auto;font-size:11px;font-weight:900}.toolbar--secondary{border-left:2px solid var(--text-muted);min-width:0;box-shadow:none;border-top:0;border-bottom:0;border-right:0;flex:auto;justify-content:flex-start;padding-left:8px}.toolbar__btn{border:2px solid var(--outline);background:var(--white);width:34px;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.toolbar__btn:hover{border-color:var(--gold);background:var(--cream)}.toolbar__btn:active:not(:disabled),.toolbar__btn--active{box-shadow:none;transform:translate(2px,2px)}.toolbar__btn--active,.toolbar__btn--primary{background:var(--gold)}.toolbar__btn:disabled{opacity:.45;cursor:not-allowed}.toolbar__svg{width:20px;height:20px}.toolbar__badge{border:2px solid var(--white);background:var(--green);width:7px;height:7px;position:absolute;top:3px;right:3px}.toolbar__badge--muted{background:#94a3b8}.toolbar__divider{background:var(--text-muted);width:2px;height:26px}.toolbar__label{color:var(--outline);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.toolbar__label-text{white-space:nowrap}.toolbar__color-panel{gap:12px;padding:14px;display:grid}.toolbar__color-label{color:var(--outline);font-size:10px;font-weight:900;line-height:1}.toolbar__swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar__swatches--dialog{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.toolbar__swatch,.toolbar__color-preview{border:3px solid var(--outline);width:44px;height:44px;box-shadow:3px 3px 0 var(--outline)}.toolbar__swatch{cursor:pointer}.toolbar__swatch:disabled{opacity:.45;cursor:not-allowed}.toolbar__swatch--active{box-shadow:none;outline:2px solid var(--gold);transform:translate(2px,2px)}.toolbar__swatch--paper{width:44px;height:44px}.toolbar__color-preview{margin-left:3px;position:relative}.toolbar__color-preview:before{content:"";border:2px dashed var(--text-muted);pointer-events:none;position:absolute;inset:-4px}.toolbar__brightness{color:var(--outline);grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:7px;font-size:10px;font-weight:900;display:grid}.toolbar__brightness input{width:100%;accent-color:var(--gold);cursor:pointer}.toolbar__brightness input:disabled{cursor:not-allowed}.toolbar__color-trigger{border:2px solid var(--outline);background:var(--white);min-width:64px;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 7px;font-size:11px;font-weight:900;display:inline-flex}.toolbar__color-trigger:hover:not(:disabled){background:var(--cream)}.toolbar__color-trigger:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.toolbar__color-trigger:disabled{opacity:.45;cursor:not-allowed}.toolbar__trigger-chip{border:2px solid var(--outline);width:16px;height:16px;box-shadow:1px 1px 0 var(--outline)}.toolbar__dropdown{z-index:20;border:5px solid var(--outline);background:var(--panel-bg);box-shadow:8px 8px 0 var(--outline);color:var(--outline);position:fixed}.toolbar__color-panel.toolbar__dropdown{width:min(390px,100vw - 32px)}.toolbar__size-trigger{border:2px solid var(--outline);background:var(--white);min-width:66px;height:34px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;justify-content:space-between;align-items:center;gap:7px;padding:0 7px;display:flex}.toolbar__size-trigger:disabled{opacity:.45;cursor:not-allowed}.toolbar__size-preview{background:currentColor;border-radius:50%;min-width:2px;max-width:20px;min-height:2px;max-height:20px}.toolbar__size-grid.toolbar__dropdown{width:min(330px,100vw - 32px)}.toolbar__size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px;display:grid}.toolbar__size-option{border:3px solid var(--outline);background:var(--white);min-height:66px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;align-content:center;place-items:center;gap:5px;padding:7px;font-size:11px;display:grid}.toolbar__size-option>span{background:currentColor;border-radius:50%;min-width:2px;max-width:28px;min-height:2px;max-height:28px}.toolbar__size-option--active{background:var(--gold);box-shadow:none;transform:translate(2px,2px)}.chat-panel{flex-direction:column;min-height:0;display:flex}.hand-control{z-index:1;border-bottom:3px solid var(--outline);background:var(--panel-in);gap:6px;padding:9px 10px;display:grid;position:relative}.hand-control__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hand-control__toggle{color:var(--outline);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.hand-control__info{border:2px solid var(--outline);background:var(--cream);width:18px;height:18px;color:var(--outline);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;font-weight:700;line-height:1;display:flex}.hand-control__info:hover{background:var(--gold)}.hand-control__toggle input{width:16px;height:16px;accent-color:var(--gold)}.hand-control__status{color:var(--text-muted);font-size:11px;font-weight:700}.hand-control__hint{color:var(--outline);font-size:9px;font-weight:800;line-height:1.35}.gesture-debug{z-index:1;border-bottom:3px solid var(--outline);background:var(--white);font-size:9px;position:relative}.gesture-debug>summary{background:var(--gold);color:var(--outline);cursor:pointer;padding:7px 10px;font-weight:900}.gesture-status{max-height:260px;padding:8px 10px;overflow-y:auto}.gesture-status__title{margin:0 0 7px;font-size:11px}.gesture-status__health{border:2px solid var(--outline);background:var(--panel-in);margin-bottom:9px;padding:7px}.gesture-status__health strong{font-size:10px}.gesture-status__health p{margin:4px 0 6px;line-height:1.4}.gesture-status__health small{margin-top:4px;font-size:8px;font-weight:800;display:block}.gesture-status__health--good{background:color-mix(in srgb, var(--green) 22%, var(--white))}.gesture-status__health--warn,.gesture-status__health--wait{background:var(--gold-lt)}.gesture-status__health--bad{background:color-mix(in srgb, var(--red) 14%, var(--white))}.gesture-status__quality-meter{border:1px solid var(--outline);background:var(--white);height:8px;overflow:hidden}.gesture-status__quality-meter span{background:var(--green);height:100%;transition:width .18s;display:block}.gesture-status__health--warn .gesture-status__quality-meter span,.gesture-status__health--wait .gesture-status__quality-meter span{background:var(--gold-dk)}.gesture-status__health--bad .gesture-status__quality-meter span{background:var(--red)}.gesture-status__grid{gap:4px;display:grid}.status-dot{border:1px solid var(--outline);background:var(--red);border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot--ok{background:var(--green)}.gesture-status__quality-note,.gesture-status__clear-hold p,.gesture-status__warn,.gesture-status__error{margin:7px 0 0;line-height:1.35}.gesture-status__calibration{border-top:2px solid var(--outline);margin-top:9px;padding-top:8px}.gesture-status__calibration p{margin:4px 0;line-height:1.35}.gesture-status__calibration button{border:2px solid var(--outline);background:var(--gold-lt);box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;margin:5px 5px 0 0;padding:4px 6px;font-size:10px;font-weight:900}.gesture-status__calibration button:disabled{cursor:wait;opacity:.65}.gesture-status__diagnostics{border-top:2px solid var(--outline);margin-top:9px;padding-top:8px}.gesture-status__diagnostics p{margin:5px 0 0;line-height:1.35}.gesture-status__diagnostics button{border:2px solid var(--outline);background:var(--blue-lt);box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;padding:4px 6px;font-size:10px;font-weight:900}.gesture-status__error,.gesture-status__warn{color:var(--red);font-weight:900}.webcam-hidden{z-index:-1;opacity:0;pointer-events:none;width:640px;height:480px;position:fixed;top:0;left:0}.chat-list{z-index:1;flex-direction:column;flex:1;gap:9px;min-height:0;padding:10px;display:flex;position:relative;overflow-y:auto}.chat-bubble{border:3px solid var(--outline);background:var(--white);box-shadow:2px 2px 0 var(--outline);flex-direction:column;gap:4px;padding:8px 9px;display:flex}.chat-bubble__name{color:var(--text-muted);font-size:11px;font-weight:700}.chat-bubble__text{color:var(--outline);font-size:12px;font-weight:700;line-height:1.45}.chat-bubble--me{border-color:var(--green);box-shadow:2px 2px 0 var(--green-dk);background:#e8ffec}.chat-bubble--ai{border-color:var(--blue);box-shadow:2px 2px 0 var(--blue-dk);background:#eaf2ff}.chat-bubble--ai .chat-bubble__name:after{content:" AI";border:2px solid var(--outline);background:var(--gold);color:var(--outline);margin-left:5px;padding:1px 4px;font-size:9px}.chat-bubble--system{background:var(--cream)}.chat-bubble__cta{border:2px solid var(--outline);background:var(--gold);box-shadow:1px 1px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:900}.chat-bubble__cta:hover{background:var(--gold-lt)}.chat-bubble__cta:active{box-shadow:none;transform:translate(1px,1px)}.chat-bubble--correct{border-color:var(--green);box-shadow:2px 2px 0 var(--green-dk);background:#dfffe6}.chat-bubble--correct .chat-bubble__text{font-weight:900}.chat-form{z-index:1;border-top:3px solid var(--outline);display:flex;position:relative}.chat-input{border:none;border-right:3px solid var(--outline);background:var(--white);min-width:0;color:var(--outline);font:inherit;outline:none;flex:1;padding:10px 9px;font-size:12px;font-weight:700}.chat-input::placeholder{color:#7a8798}.chat-send{background:var(--gold);color:var(--outline);font:inherit;cursor:pointer;border:none;padding:0 10px;font-size:11px;font-weight:700}.chat-send:hover{background:var(--gold-lt)}.chat-send--sign{background:var(--blue);color:var(--white)}.chat-send--sign:hover{background:var(--blue-dk)}.chat-input:disabled,.chat-send:disabled,.px-btn:disabled,.lobby-settings select:disabled,.lobby-settings input:disabled{opacity:.55;cursor:not-allowed}.sign-guess-panel{border:3px solid var(--outline);background:var(--panel-in);box-shadow:3px 3px 0 var(--outline);color:var(--outline);margin:0 10px 10px}.sign-guess-panel__head{border-bottom:3px solid var(--outline);background:var(--gold);justify-content:space-between;align-items:center;padding:7px 8px;font-size:11px;font-weight:900;display:flex}.sign-guess-panel__head button{border:2px solid var(--outline);background:var(--white);width:24px;height:24px;box-shadow:1px 1px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;font-size:15px;font-weight:900;line-height:1}.sign-guess-panel__status{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;padding:8px;font-size:10px;font-weight:900;display:grid}.sign-guess-panel__status strong{border:3px solid var(--outline);background:var(--white);min-height:34px;box-shadow:2px 2px 0 var(--outline);place-items:center;font-size:18px;display:grid}.sign-guess-panel__hint{min-height:26px;color:var(--outline);margin:-2px 8px 8px;font-size:9px;font-weight:800;line-height:1.35}.sign-guess-panel__training{grid-template-columns:54px 78px minmax(0,1fr);align-items:center;gap:6px;margin:0 8px 8px;font-size:9px;font-weight:800;display:grid}.sign-guess-panel__training select,.sign-guess-panel__training button{border:2px solid var(--outline);background:var(--white);min-height:28px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;font-size:9px;font-weight:900}.sign-guess-panel__training button{background:var(--blue);color:var(--white);cursor:pointer}.sign-guess-panel__training span{overflow-wrap:anywhere;min-width:0;line-height:1.25}.sign-guess-panel__word{border:3px solid var(--outline);background:var(--white);min-height:36px;color:var(--outline);overflow-wrap:anywhere;margin:0 8px 8px;padding:8px;font-size:13px;font-weight:900}.sign-guess-panel__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 8px 8px;display:grid}.sign-guess-panel__actions button{border:2px solid var(--outline);background:var(--white);min-height:30px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;font-size:10px;font-weight:900}.sign-guess-panel__actions button:last-child{background:var(--green)}.drawing-cursor{z-index:4;border:3px solid var(--blue);width:14px;height:14px;box-shadow:0 0 0 2px var(--white);pointer-events:none;margin:-7px 0 0 -7px;position:absolute}.drawing-cursor--active{border-color:var(--red)}.modal-bg{z-index:100;background:#001e3c99;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-bg--finale{background:linear-gradient(#080c18c7,#001e3cb8),radial-gradient(circle at 50% 18%,#ffd34d57,#0000 34%)}.scoreboard-dialog{border:5px solid var(--outline);background:var(--panel-bg);width:min(460px,100%);box-shadow:8px 8px 0 var(--outline)}.scoreboard-dialog__list{gap:8px;max-height:55svh;margin:0;padding:16px;list-style:none;display:grid;overflow-y:auto}.scoreboard-dialog__list li{border:3px solid var(--outline);background:var(--white);min-height:42px;box-shadow:2px 2px 0 var(--outline);color:var(--outline);grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.scoreboard-dialog__list li>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scoreboard-dialog__list li>small{border:2px solid var(--outline);background:var(--gold);padding:2px 4px;font-size:8px;font-weight:900}.scoreboard-dialog__list li>span:last-child{color:var(--green-dk);font-size:11px;font-weight:900}.scoreboard-dialog__rank{color:var(--text-muted);font-size:11px;font-weight:900}.scoreboard-dialog__leader{background:var(--gold-lt)!important}.scoreboard-dialog__close{margin:0 16px 16px auto;display:block}.final-podium-dialog{border:5px solid var(--outline);background:var(--panel-bg);width:min(560px,100%);max-height:calc(100svh - 36px);box-shadow:10px 10px 0 var(--outline);overflow-y:auto}.final-podium-dialog__stage{border:3px solid var(--outline);background:var(--blue);box-shadow:3px 3px 0 var(--outline);color:var(--white);text-align:center;margin:14px 16px 0;padding:10px 12px;font-size:11px;font-weight:900}.final-podium-dialog__list{gap:10px;margin:0;padding:16px;list-style:none;display:grid}.final-podium-dialog__place{border:4px solid var(--outline);background:var(--white);min-height:58px;box-shadow:4px 4px 0 var(--outline);color:var(--outline);grid-template-columns:42px 48px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px;display:grid}.final-podium-dialog__place--1{background:var(--gold-lt);min-height:72px}.final-podium-dialog__place--2{background:var(--cream)}.final-podium-dialog__place--3{background:var(--panel-in)}.final-podium-dialog__rank{color:var(--red);font-size:15px;font-weight:900}.final-podium-dialog__avatar{border:3px solid var(--outline);background:var(--white);place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.final-podium-dialog__place>strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.final-podium-dialog__place>small{border:2px solid var(--outline);background:var(--gold);padding:3px 5px;font-size:8px;font-weight:900}.final-podium-dialog__score{color:var(--green-dk);white-space:nowrap;font-size:12px;font-weight:900}.final-podium-dialog__callout{border:3px solid var(--outline);background:var(--white);color:var(--outline);margin:0 16px 16px;padding:12px;font-size:13px;font-weight:900;line-height:1.5}.final-podium-dialog__close{margin:0 16px 16px auto;display:block}.instructions-modal{border:5px solid var(--outline);background:var(--panel-bg);width:min(440px,100%);box-shadow:8px 8px 0 var(--outline)}.instructions-modal__body{color:var(--outline);flex-direction:column;gap:14px;max-height:min(70svh,560px);padding:18px;font-size:13px;font-weight:700;line-height:1.65;display:flex;overflow-y:auto}.instructions-modal__body p,.instructions-modal__body ul{margin:0}.instructions-modal__body ul{padding-left:20px}.instructions-modal__bonus{border:2px solid var(--outline);background:var(--gold);padding:8px 10px}.instructions-modal__feedback{color:var(--text-muted);margin:0;font-size:12px}.instructions-modal__feedback-link{font:inherit;color:var(--outline);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.px-btn{border:3px solid var(--outline);background:var(--gold);box-shadow:4px 4px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;align-self:flex-end;padding:10px 16px;font-size:13px;font-weight:700}.px-btn:hover{background:var(--gold-lt)}.px-btn:active{box-shadow:2px 2px 0 var(--outline);transform:translate(2px,2px)}@media (width<=980px){.game-grid{grid-template-columns:minmax(0,1fr) 230px}.game-side:first-child{grid-column:1/-1;display:flex}.game-side:first-child .side-list{grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.toolbar__color-trigger strong{display:none}.toolbar__color-trigger{width:38px;min-width:38px;padding:0}}@media (width<=900px){.home-feature-grid{grid-template-columns:1fr}.home-feature-card{min-height:auto}}@media (width<=720px){.app{gap:8px;width:min(100vw - 18px,560px);height:100dvh;padding:10px 0}.app__header{align-items:flex-start}.app__eyebrow{display:none}.app__title{letter-spacing:1px;text-shadow:1px 1px 0 var(--outline);font-size:15px}.room-box,.round-box,.timer-box{min-width:0;padding:5px 8px}.room-box .r-num,.round-box .r-num,.timer-box .r-num{font-size:14px}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mode-btn{min-height:104px;padding-inline:3px}.mode-btn strong{font-size:9px}.mode-btn small{display:none}.ai-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.room-code-card{grid-template-columns:1fr;justify-items:stretch}.room-code-card strong{text-align:center}.round-box,.timer-box,.room-box{min-width:78px}.room-box__status{display:none}.header-stats{gap:5px}.game-grid{flex:1;grid-template:"canvas canvas"minmax(0,1fr)"players chat"/1fr 1fr;gap:8px;min-height:0;display:grid}.lobby-panel{grid-template-columns:minmax(0,1fr);align-items:stretch}.lobby-dialog-backdrop{place-items:start center;padding:10px}.lobby-panel--dialog{max-height:calc(100svh - 20px)}.transition-panel,.transition-panel--final{grid-template-columns:minmax(0,1fr)}.lobby-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-settings__wide{grid-column:1/-1}.lobby-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lobby-actions .px-btn{width:100%}.game-side:first-child{flex-direction:column;grid-area:players;height:30svh;min-height:0;max-height:220px;display:flex}.game-side:first-child .side-list{grid-auto-flow:unset;grid-auto-columns:unset;flex-direction:column;flex:1;min-height:0;max-height:none;display:flex;overflow:visible auto}.game-board{grid-area:canvas;min-height:0}.chat-panel{flex-direction:column;grid-area:chat;height:30svh;min-height:0;max-height:220px;display:flex}.hand-control__hint{display:none}.canvas-shell,.drawing-canvas{min-height:160px;max-height:none}.canvas-shell{flex:1;height:auto;min-height:0}.toolbar,.toolbar--secondary{justify-content:center}.word-bar{padding:6px 8px}.word-bar__prompt{gap:3px;padding:0 62px}.word-bar--ai .word-bar__prompt{padding-right:62px}.word-choice-dialog-backdrop{padding:12px}.word-choice-panel__options{grid-template-columns:1fr;display:grid}.instructions-btn{letter-spacing:.2px;width:auto;height:26px;padding:0 6px;font-size:8px;top:50%;left:6px;transform:translateY(-50%)}.instructions-btn:active{transform:translate(2px,calc(2px - 50%))}.word-picker{top:9px;right:102px;transform:none}.scoreboard-btn{width:54px;height:26px;font-size:9px;top:50%;right:6px;transform:translateY(-50%)}.scoreboard-btn:active{transform:translate(2px,calc(2px - 50%))}.utility-bar button,.utility-bar select{min-height:44px}.utility-bar__toggle input{width:22px;height:22px}}@media (width<=420px){.home-screen{align-items:flex-start;padding-top:18px}.home-panel__body{padding:14px}.home-mascot__face{width:108px;height:88px}.avatar-picker__btn{height:60px;font-size:21px}.player-summary{grid-template-columns:auto minmax(0,1fr) auto}}@media (prefers-reduced-motion:reduce){.home-step--forward,.home-step--back,.home-setup--reveal,.home-mascot,.home-feature-card,.home-feature-card__demo--guess span,.home-feature-card__demo--guess strong,.home-gesture__demo i,.home-gesture__demo--draw:before{animation:none}.home-feature-card{transition:none}}:root[data-theme=night]{--blue:#223a68;--blue-dk:#14213d;--panel-bg:#d8e5ff;--panel-in:#edf3ff;--cream:#dfe8ff;--gold:#8fb7ff;--gold-lt:#bdd4ff;--gold-dk:#4269b0}:root[data-theme=forest]{--blue:#3d875f;--blue-dk:#1f4f38;--panel-bg:#e4f4dc;--panel-in:#f2ffe9;--cream:#eef7da;--gold:#c6df62;--gold-lt:#e3f58b;--gold-dk:#6c8b25}.feedback-dock{margin-top:auto;padding-top:8px;display:flex;position:relative}.feedback-fab{padding:6px 10px;font-size:11px}.feedback-bubble{z-index:40;white-space:nowrap;background:var(--white);border:3px solid var(--outline);box-shadow:4px 4px 0 var(--outline);cursor:pointer;border-radius:16px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;animation:.25s ease-out feedback-bubble-pop;position:absolute;bottom:2px;left:calc(100% + 22px)}.feedback-bubble:before,.feedback-bubble:after{content:"";background:var(--white);border:2px solid var(--outline);border-radius:50%;position:absolute}.feedback-bubble:before{width:10px;height:10px;bottom:2px;left:-16px}.feedback-bubble:after{width:6px;height:6px;bottom:-2px;left:-24px}@keyframes feedback-bubble-pop{0%{opacity:0;transform:scale(.6)}}.feedback-modal-backdrop{z-index:70;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-modal{flex-direction:column;gap:10px;width:min(92vw,420px);padding:14px;display:flex}.feedback-modal textarea{resize:vertical;border:3px solid var(--outline);background:var(--white);min-height:110px;padding:8px;font-family:inherit;font-size:13px}.feedback-modal__actions{justify-content:flex-end;gap:8px;display:flex}.home-hero__privacy-link{color:var(--outline);cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:700;text-decoration:underline}.home-hero__privacy-link:hover{opacity:1}.privacy-modal__body{text-align:left;flex-direction:column;gap:10px;font-size:13px;line-height:1.5;display:flex}.room-box--clickable{cursor:pointer;text-align:inherit;font-family:inherit}.room-box--clickable:hover{transform:translateY(-1px)}.share-modal__hint{margin:0;font-size:12px;line-height:1.5}.share-modal__link{border:3px solid var(--outline);background:var(--white);width:100%;padding:8px;font-family:inherit;font-size:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.role-banner{text-align:center;background:var(--outline);color:var(--white);letter-spacing:.08em;padding:5px 12px;font-size:11px;font-weight:900}.role-banner--spectator{background:var(--blue)}.onboarding-modal__steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.onboarding-modal__steps li{align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex}.onboarding-modal__steps li span{border:2px solid var(--outline);background:var(--gold-lt);flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-weight:900;display:inline-flex}.onboarding-modal__hint{color:var(--text-muted);margin:10px 0 0;font-size:11px}.toolbar-lock-note{min-width:120px;color:var(--text-muted);flex:140px;padding:4px 8px;font-size:10px;font-weight:700;line-height:1.35;display:block}.transition-panel__round-points{text-align:center;border:2px solid var(--outline);background:var(--gold-lt);min-width:34px;color:var(--outline);justify-self:end;padding:1px 6px;font-size:10px;font-weight:900}.transition-panel__word{letter-spacing:.08em}.gp-action-btn{min-width:44px;min-height:44px;font-size:11px}.gp-action-btn--confirm,.gp-action-btn--confirm:hover{background:var(--red);color:var(--white)}.chat-send{min-width:48px;min-height:44px}.instructions-btn,.scoreboard-btn{min-height:44px}.home-screen,.app{min-height:100dvh}.app{padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right));padding-bottom:max(0px, env(safe-area-inset-bottom))}@media (height<=480px){.chat-list{max-height:28dvh}.app__header{padding-top:4px;padding-bottom:4px}}