@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes letter-in{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes word-panel-up{0%{transform:translate(-50%,45%)}to{transform:translate(-50%,calc(-100% - 10px))}}@keyframes word-panel-down{0%{transform:translate(-50%,calc(-100% - 10px))}to{transform:translate(-50%,45%)}}@keyframes word-panel-up-overlay{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes word-panel-down-overlay{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.anim-in{animation:rise .55s var(--ease) both}.anim-pop{animation:soft-pop .32s var(--ease) both}.letter-hint.pop{animation:letter-in .22s var(--ease) both}.join{height:100%;min-height:0;display:grid;place-items:center;padding:calc(12px + var(--safe-t)) 16px calc(12px + var(--safe-b));position:relative;overflow:auto;background:#000}.join-shell{width:min(1480px,100%);height:min(900px,calc(100dvh - 24px - var(--safe-t) - var(--safe-b)));min-height:640px;display:grid}.join-layout{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px 24px;align-items:stretch}.join-card{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:18px;padding:0 18px 14px;align-content:start;overflow:auto;background:var(--panel);border:1.5px solid var(--line-strong);border-radius:16px;box-shadow:0 18px 40px #00000059}.panel-head{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:48px;margin:0 -18px 2px;padding:12px 18px;background:#1f1f1f;color:var(--ink);border-bottom:1px solid var(--line-strong);border-radius:14px 14px 0 0}.panel-head h2{margin:0;font-size:1.08rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.field{display:grid;gap:8px}.field label{font-size:.86rem;font-weight:600;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase}.join-card .field input{padding:16px 18px;font-size:1.05rem}.field input,.composer input{width:100%;padding:14px 16px;border-radius:10px;background:var(--panel);color:var(--ink);border:1.5px solid var(--line-strong);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.field input:focus{border-color:var(--leaf);box-shadow:0 0 0 3px var(--leaf-soft)}.composer input:focus{border-color:var(--line-strong);box-shadow:none;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:10px;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.btn svg{width:20px;height:20px}.btn-primary{background:var(--leaf);color:#fff}.btn-primary:hover:not(:disabled){background:var(--leaf-2)}.sala-pick{display:grid;grid-template-columns:1fr;gap:6px}.sala-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;min-height:56px;padding:10px 14px;border-radius:10px;border:none;background:transparent;color:var(--ink-soft);text-align:left}.sala-opt-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}.sala-opt-brand .room-logo{height:34px}.sala-opt-brand .room-logo-naruto{height:28px}.sala-opt-brand .room-logo-text{font-size:1.08rem}.sala-opt-live{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap}.sala-opt-live svg{width:16px;height:16px;flex:0 0 auto}.sala-opt-live.on{color:var(--ok)}.sala-opt.on{background:#ffffff0f;color:var(--ink)}.sala-opt:hover:not(.on){color:var(--ink);background:#ffffff08}.join-actions{display:grid;gap:10px;margin-top:auto}.join-card .btn{min-height:52px;font-size:1.1rem}.btn-discord{background:#5865f2;color:#fff;text-decoration:none}.btn-discord:hover{background:#4752c4}.home-profile{display:grid;gap:12px;padding:12px;border-radius:12px;background:var(--paper-2)}.home-profile-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.home-profile-ava{position:relative;width:72px;height:72px;color:var(--ink-soft);display:grid;place-items:center;font-weight:800;font-size:1.4rem;flex:0 0 auto}.home-profile-ava>img,.home-profile-ava>span{width:100%;height:100%;border-radius:50%;background:#2a2a2a;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);box-sizing:border-box}.home-profile-ava img{object-fit:cover;display:block}.home-profile-edit{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--leaf);color:#fff;cursor:pointer;box-shadow:0 2px 8px #00000059;z-index:1}.home-profile-edit svg{width:13px;height:13px}.home-profile-meta{display:grid;gap:8px;min-width:0}.home-profile-nick{display:grid;gap:4px}.home-profile-nick span{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.home-profile-nick input{width:100%;min-width:0;padding:10px 12px;border-radius:8px;border:1.5px solid var(--line-strong);background:var(--panel);color:var(--ink);font-weight:700}.home-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-profile-btn{min-height:40px;border-radius:10px;border:none;background:#ffffff0f;color:var(--ink);font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.home-profile-btn:hover:not(:disabled){background:#ffffff1a}.home-profile-btn:disabled{opacity:.45;cursor:default}.join-rank{background:transparent;border:1.5px solid var(--line-strong);color:var(--ink-soft)}.join-rank:hover{color:var(--ink);border-color:var(--ink-soft);background:var(--paper-2)}.home-rank{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;padding:0 18px 14px;border:1.5px solid var(--line-strong);border-radius:16px;background:var(--panel);box-shadow:0 18px 40px #00000059;animation-delay:.08s}.home-rank-modes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--paper-2)}.home-rank-modes button{min-height:38px;border-radius:9px;color:var(--ink);font-weight:700;font-size:.92rem;letter-spacing:.04em}.home-rank-modes button.on{background:#ffffff0f;color:var(--ink);box-shadow:none}.home-rank-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch;min-height:38px}.home-rank-tools.com-tema{grid-template-columns:minmax(0,1fr) minmax(110px,140px)}.home-rank-tema,.home-rank-search{width:100%;height:38px;min-height:38px;max-height:38px;box-sizing:border-box;padding:0 12px;border-radius:10px;border:1.5px solid var(--line-strong);background:var(--paper-2);color:var(--ink);font:inherit;font-weight:700;outline:none;line-height:1}.home-rank-search{font-weight:600}.home-rank-tema{cursor:pointer}.home-rank-tema:focus,.home-rank-search:focus{outline:none;box-shadow:none}.home-rank-scroll{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.home-rank-scroll .hist-wrap{flex:1;min-height:0}.home-rank-scroll .stats-empty{padding:28px 8px}.home-rank-empty{padding:28px 8px;text-align:center;color:var(--ink-soft);font-size:.92rem}.home-rank-loading{display:grid;justify-items:center;gap:12px}.rank-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--leaf-soft);border-top-color:var(--leaf);animation:rank-spin .7s linear infinite}@keyframes rank-spin{to{transform:rotate(360deg)}}@media(max-width:860px){.join{place-items:start stretch;padding:calc(10px + var(--safe-t)) 12px calc(12px + var(--safe-b))}.join-shell{width:100%;max-width:100%;min-width:0;height:auto;min-height:0}.join-layout{grid-template-columns:1fr;height:auto;min-width:0;gap:12px}.join-card,.home-rank{width:100%;min-width:0;height:auto}.join-card{gap:14px;padding:0 14px 12px}.panel-head{margin:0 -14px 2px}.home-rank{padding:0 14px 12px;max-height:none}.home-rank-scroll{overflow:visible}.home-rank-scroll .hist-wrap{min-height:280px;max-height:min(58dvh,520px)}.home-rank .stats-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y}.home-rank .stats-table{width:max-content;min-width:100%}.home-rank .stats-table .sticky{left:0;min-width:148px}.home-rank .stats-table-wrap.rolado .sticky:after{content:"";position:absolute;top:0;bottom:0;right:-10px;width:10px;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent);pointer-events:none}}.err,.err-slot{min-height:1.2em;font-size:.88rem}.err{color:var(--danger)}.app-shell{--gap: 10px;--tools-w: 108px;--answers-h: 240px;--top-h: 78px;--side-min: 240px;--stage-w: 1600px;--stage-h: 900px;--room-scale: 1;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;display:grid;place-items:center;background:#000}.room-stage{position:relative;width:var(--stage-w);height:var(--stage-h);zoom:var(--room-scale);flex-shrink:0;overflow:hidden;background:#000}.room{position:relative;width:100%;height:100%;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr);gap:var(--gap);padding:var(--gap);box-sizing:border-box;overflow:hidden;color:var(--ink);background:#000;font-family:var(--font-body)}.room-top{position:relative;z-index:1;min-height:var(--top-h);display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:0 4px;overflow:visible}.room-brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink)}.room-logo{display:block;height:58px;width:auto;flex:0 0 auto;fill:currentColor}.room-logo-naruto{height:46px}.room-logo-text{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(1.75rem,6.2vw,2.45rem);letter-spacing:-.03em;color:#fff;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-ping{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0;border:0;background:transparent;color:#fff;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;box-sizing:border-box}.room-ping svg{flex:none;width:24px;height:18px}.room-ping rect{fill:#eef2f638;transition:fill .3s}.room-ping rect.on{fill:var(--ping-cor, #17a847)}.room-ping b{font-weight:700}.room-ping small{margin-left:1px;font-size:.78rem;font-weight:500;opacity:.75}.room-actions{display:inline-flex;align-items:center;gap:16px;justify-self:end;justify-content:flex-end}.room-body{position:relative;z-index:3;min-height:0;display:grid;grid-template-columns:minmax(var(--side-min),1fr) max-content minmax(var(--side-min),1fr);gap:var(--gap);overflow:visible}.side-left{display:flex;gap:var(--gap);min-width:0;min-height:0;height:100%}.sidebar,.comms,.answers-panel{min-height:0;border-radius:14px;background:var(--panel);border:1.5px solid var(--line);overflow:hidden}.sidebar{display:flex;flex:1 1 0;flex-direction:column;min-width:0}.sidebar-main{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.side-btn{width:44px;height:44px;padding:0;border:0;border-radius:0;display:grid;place-items:center;color:#fff;background:transparent}.side-btn:hover{color:#fff;background:transparent;opacity:.85}.side-btn.leave:hover{color:var(--danger);background:transparent}.side-btn svg{width:28px;height:28px}.players{flex:1;min-height:0;overflow:hidden;padding:4px 8px;display:flex;flex-direction:column}.players-track{position:relative;width:100%;flex:1;min-height:0;--slots: 10}.player{position:absolute;left:0;right:0;top:0;height:calc(100% / var(--slots));display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:2px 8px;border-radius:0;background:transparent;overflow:hidden;border-bottom:1px solid var(--line);box-shadow:none;transition:transform .45s var(--ease);will-change:transform;box-sizing:border-box;container-type:size}.player.is-draw,.player.is-ok{background:transparent}.player.slot-empty{opacity:.72;pointer-events:none}.player.slot-empty .info strong{color:var(--ink-soft)!important;font-weight:600}.avatar-wrap{position:relative;width:min(64px,90cqh);max-width:100%;aspect-ratio:1 / 1;flex-shrink:0;justify-self:center;align-self:center}.avatar{position:relative;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:clamp(.75rem,.42em + 2cqh,1.35rem);color:#fff;border:3.5px solid #2a2a2a;box-shadow:none;box-sizing:border-box;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.player.is-draw .avatar{border-color:var(--leaf)}.player.is-ok .avatar{border-color:var(--ok)}.avatar-empty{background:#1a1a1a;border-color:#2a2a2a;color:#5c6068}.avatar-person{color:#00000052}.avatar-empty svg,.avatar-person svg{width:58%;height:auto;aspect-ratio:1;display:block}.info{min-width:0}.info strong{display:block;font-size:clamp(.92rem,1.35vw,1.12rem);font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)!important;line-height:1.15}.player.is-me .info strong{font-weight:900;-webkit-text-stroke:.35px currentColor;text-shadow:0 0 .4px currentColor}.player.is-draw .info strong{color:var(--leaf)!important}.player.is-ok .info strong{color:var(--ok)!important}.info .pts{display:block;color:var(--ink-soft);font-size:clamp(.78rem,1.1vw,.95rem);font-weight:600;margin-top:1px;line-height:1.15}.player.is-draw .info .pts{color:var(--leaf)}.player.is-ok .info .pts{color:var(--ok)}.player-status{display:block;margin-top:1px;font-size:clamp(.55rem,8.5cqh,.68rem);font-weight:700;letter-spacing:.01em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.player-status.next{color:var(--leaf)}.player-badge{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #2a2a2a;box-shadow:none;box-sizing:border-box;z-index:1;pointer-events:none}.player-badge svg{width:14px;height:14px}.player-badge.draw{color:#fff;background:var(--leaf);border-color:#2a2a2a}.player-badge.ok{color:#fff;background:var(--ok);border-color:#2a2a2a}.points-turn{position:absolute;right:8px;top:50%;z-index:2;min-width:28px;text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--ok);pointer-events:none;animation:pts-turn 1.4s ease-out forwards}.points-turn.remove{color:var(--danger)}@keyframes pts-turn{0%{transform:translateY(-50%) scale(.85);opacity:0}15%{transform:translateY(-50%) scale(1.12);opacity:1}35%{transform:translateY(calc(-50% - 10px)) scale(1);opacity:1}to{transform:translateY(calc(-50% - 28px)) scale(.92);opacity:0}}.arena-wrap{display:contents;position:relative;z-index:2}.arena-main{min-width:0;min-height:0;width:max-content;max-width:calc(var(--stage-w) - (var(--gap) * 4) - (var(--side-min) * 2));height:100%;display:grid;grid-template-rows:minmax(0,1fr) var(--answers-h);justify-items:stretch;gap:var(--gap);overflow:visible}.answers-panel,.comms{position:relative;min-height:0;width:100%;height:100%;justify-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto}.room-comms{min-width:0;width:100%;height:100%;justify-self:stretch}.panel-chat-btn,.panel-report-btn{position:absolute;top:8px;z-index:5;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:var(--leaf);border:0;padding:0}.panel-chat-btn{right:8px}.panel-report-btn{right:48px}.panel-chat-btn svg,.panel-report-btn svg{width:18px;height:18px}.panel-report-btn.done,.panel-report-btn:disabled{opacity:.45;cursor:default}.tools-clip{flex:0 0 0px;width:0;min-width:0;min-height:0;height:100%;overflow:hidden;transition:flex-basis .55s var(--ease),width .55s var(--ease)}.tools-clip.open{flex-basis:var(--tools-w);width:var(--tools-w)}.tools-side{display:flex;flex-direction:column;gap:8px;width:var(--tools-w);height:100%;min-height:0;padding:8px;overflow:hidden;border-radius:14px;background:var(--panel);border:1.5px solid var(--line);box-sizing:border-box;transform:translate(100%);transition:transform .55s var(--ease);pointer-events:none}.tools-clip.open .tools-side{transform:translate(0);pointer-events:auto}.board-stack{position:relative;z-index:1;min-width:0;min-height:0;width:max-content;max-width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr)}.board-card{position:relative;z-index:2;grid-row:1;grid-column:1;min-width:0;min-height:0;width:max-content;max-width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) 7px;justify-items:center;border-radius:14px;background:#2a2a2a;border:1.5px solid var(--line-strong);overflow:hidden}.word-panel{position:absolute;left:50%;top:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;width:min(100%,520px);height:72px;min-height:72px;max-height:72px;padding:8px 12px 8px 16px;border-radius:14px;background:var(--panel);border:1.5px solid var(--line);color:var(--ink);pointer-events:auto;box-shadow:none;box-sizing:border-box;overflow:hidden;will-change:transform;transform:translate(-50%,calc(-100% - 10px));animation:word-panel-up .55s var(--ease) both}.word-panel.is-out{pointer-events:none;animation:word-panel-down .55s var(--ease) both}.word-panel.is-hint{grid-template-columns:minmax(0,1fr);justify-items:center;padding-right:16px}.word-panel-main{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center;align-content:center;gap:1px}.word-panel-label{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);line-height:1}.word-panel-text{color:var(--ink);font-size:1.25rem;font-weight:800;letter-spacing:.12em;text-align:center;line-height:1.05;max-width:100%;min-width:0;min-height:0;width:100%;overflow:hidden;display:grid;place-items:center}.word-panel-text .hint-block{letter-spacing:normal}.fit-hint{width:100%;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden}.fit-hint-inner{max-width:100%;line-height:1.05}.word-panel-actions{display:grid;grid-template-rows:1fr 1fr;gap:6px;justify-items:stretch;align-self:stretch;height:100%;min-height:0}.word-bar-btn{min-height:0;height:100%;padding:0 12px;border-radius:10px;border:1.5px solid var(--line-strong);color:var(--ink);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--paper-2);white-space:nowrap}.word-bar-btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink-soft);background:var(--paper-3)}.word-bar-btn:disabled{opacity:.35}.hint-block{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%}.hint-label{font-size:.65em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);line-height:1.1}.hint-words{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.42em;row-gap:.06em;max-width:100%}.hint-word{display:inline-flex;gap:.2em;white-space:nowrap}.hint-letters{display:inline-flex;justify-content:center;align-items:flex-end;gap:.28em;min-width:0}.letter-slot{display:inline-grid;place-items:center;width:.85em;min-width:.85em;line-height:1;border-bottom:2px solid transparent;box-sizing:border-box}.letter-hint{color:var(--sun)}.letter-revealed{border-bottom-color:var(--sun)}.letter-lined{border-bottom-color:#9aa0a8}.drawer-hint .letter-hint.letter-revealed{color:var(--sun);border-bottom-color:var(--sun)}.canvas-word .letter-slot{border-bottom:0;box-shadow:inset 0 -2px 0 transparent}.canvas-word .letter-lined{border-bottom:0;box-shadow:inset 0 -2px #8b929a}.canvas-word .letter-hint.letter-revealed{border-bottom:0;box-shadow:inset 0 -2px 0 var(--sun)}.letter-blank{color:transparent}.report-btn,.leave-canvas-btn{position:absolute;top:1cqw;right:1cqw;z-index:4;width:4.2cqw;height:4.2cqw;padding:0;border:0;border-radius:0;background:transparent;color:#9aa0a8;display:grid;place-items:center}.report-btn svg,.leave-canvas-btn svg{width:70%;height:70%}.report-btn:hover:not(:disabled),.leave-canvas-btn:hover{color:#6b7280;background:transparent}.report-btn.done,.report-btn:disabled{opacity:.45;cursor:default}.canvas-frame{position:relative;aspect-ratio:16 / 9;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;background:#fff;border-radius:12.5px 12.5px 0 0;overflow:hidden;container-type:inline-size}.canvas-word{display:none;position:absolute;top:1.2cqw;left:50%;z-index:5;max-width:92%;transform:translate(-50%);color:#5c636b;font-size:2.3cqw;font-weight:800;letter-spacing:.06em;line-height:1.15;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-frame canvas{width:100%;height:100%;display:block;object-fit:fill;background:transparent;cursor:crosshair;touch-action:none}.canvas-frame canvas.tool-pen{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='%23fff' stroke-width='4' d='M4 28l2.5-8.5L22 4.5a3 3 0 0 1 4.2 4.2L10.5 24.5 4 28z'/%3E%3Cpath stroke='%2310241f' stroke-width='2' d='M4 28l2.5-8.5L22 4.5a3 3 0 0 1 4.2 4.2L10.5 24.5 4 28z'/%3E%3Cpath stroke='%2310241f' stroke-width='2' d='M19 7.5l5.5 5.5'/%3E%3C/g%3E%3C/svg%3E") 4 28,crosshair}.timer-track{width:100%;height:8px;justify-self:stretch;grid-column:1 / -1;background:var(--paper-3);border-radius:0;overflow:hidden}.timer-bar{height:100%;width:0;background:#f0c418;border-radius:0;transition:width .2s linear}.canvas-ready{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.9cqw;background:#fff;text-align:center;padding:2.5cqw;color:#111;pointer-events:none}.canvas-ready .canvas-actions,.canvas-ready .canvas-actions .btn,.canvas-ready .canvas-actions .ghost{pointer-events:auto}.canvas-ready-copy{display:flex;flex-direction:column;align-items:center;gap:.4cqw;width:100%}.canvas-frame:has(.confirm-clear),.board-card:has(.confirm-clear){background:#111;border-color:transparent}.canvas-frame:has(.confirm-clear) canvas{opacity:0}.canvas-ready.confirm-clear{top:0;right:0;bottom:0;left:0;background:#111;border:0;outline:none;box-shadow:none}.canvas-ready.confirm-clear .ready-eyebrow{color:#ffffff8c}.canvas-ready.confirm-clear .ready-word{font-size:3.75cqw;color:#e4e6ea}.canvas-ready.confirm-clear .ghost{border-color:#ffffff40;color:#ffffffd9;background:#ffffff14}.canvas-ready.confirm-clear .ghost:hover{color:#fff;background:#ffffff24}.ready-eyebrow{font-size:1.55cqw;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#868d96;line-height:1.1}.ready-word{font-family:var(--font-display);font-size:3.75cqw;font-weight:800;letter-spacing:-.03em;color:#111;line-height:1.05;max-width:100%}.status-avatar{width:9.2cqw;height:9.2cqw;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:3.2cqw;font-weight:800;flex:none;border:0;overflow:hidden}.status-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.status-avatar.status-icon svg{width:46%;height:46%;display:block}.status-sub{font-size:2.1cqw;font-weight:600;color:#868d96;max-width:90%}.canvas-actions{display:flex;gap:1cqw;margin-top:.8cqw}.canvas-actions .btn,.canvas-actions .ghost{min-height:4.6cqw;min-width:12.5cqw;padding:0 2.3cqw;border-radius:999px;font-size:1.45cqw;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.canvas-actions .btn-primary{background:var(--leaf);color:#fff}.canvas-actions .btn-primary:hover:not(:disabled){background:var(--leaf-2)}.canvas-actions .ghost{border:0;color:#fff;background:#1a1a1a}.canvas-actions .ghost:hover{background:#2a2a2a}.tool-rail{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex-shrink:0;padding-bottom:8px;border-bottom:1px solid var(--line)}.tool-rail button{width:100%;aspect-ratio:1;border-radius:10px;display:grid;place-items:center;color:var(--ink-soft);background:var(--paper-2);border:1px solid transparent}.tool-rail button svg{width:24px;height:24px;display:block}.tool-rail button.on,.tool-rail button:hover:not(:disabled){background:var(--leaf-soft);border-color:color-mix(in srgb,var(--leaf) 35%,transparent);color:var(--leaf)}.tool-rail button:disabled{opacity:.35}.color-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex-shrink:0}.colors-side,.word-panel-actions.mobile-draw-actions{display:none}.swatch{width:100%;aspect-ratio:1;border-radius:8px;border:1.5px solid rgba(0,0,0,.15);padding:0}.swatch.on{outline:2px solid var(--leaf);outline-offset:1px}.feed{min-height:0;overflow:auto;padding:8px 14px 10px;font-size:1rem;line-height:1.4;font-weight:600}.feed-row{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px;overflow-wrap:anywhere;color:var(--ink)}.feed-ico{flex:0 0 1.05em;width:1.05em;height:1.05em;margin-top:.18em;display:grid;place-items:center}.feed-ico svg{width:100%;height:100%}.feed-txt{min-width:0;flex:1}.feed .ok{color:var(--ok)}.feed .close{color:var(--sun)}.feed .warn,.feed .turn,.feed .hint{color:var(--leaf)}.feed .report{color:var(--danger)}.feed .miss,.feed .pre{color:var(--ink-soft)}.feed .sys{color:var(--ink-soft);font-weight:500}.feed b{margin-right:6px}.room .composer{padding:10px 12px 12px;display:grid;gap:8px;border-top:1px solid var(--line)}.composer-field{position:relative;display:grid}.room .composer input{border-radius:10px;background:var(--paper-2);color:var(--ink);border:1.5px solid var(--line);font-weight:600;font-size:1.02rem;padding:12px 46px 12px 14px}.room .composer input::placeholder{color:var(--ink-soft)}.room .composer input:focus{border-color:var(--line);box-shadow:none;outline:none;background:var(--panel)}.composer-tab{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1;padding:2px 7px;border:1.5px solid color-mix(in srgb,var(--ink-soft) 55%,transparent);border-radius:6px;background:transparent;color:color-mix(in srgb,var(--ink-soft) 85%,transparent);font-size:.68rem;font-weight:700;letter-spacing:.02em;line-height:1.15;text-transform:lowercase;cursor:pointer}.composer-tab:hover{border-color:var(--ink-soft);color:var(--ink)}.composer input:disabled{opacity:.45;cursor:default}.canvas-ready,.canvas-frame:has(.canvas-ready:not(.accept-draw)) canvas{cursor:default}.composer-field:has(input:disabled) .composer-tab{opacity:.55}.players-rail,.sheet-backdrop,.sheet,.mobile-only{display:none}@media(max-width:900px){.desk-only{display:none!important}span.mobile-only{display:inline}.app-shell{display:block;place-items:unset;position:fixed}.room-stage{width:100%;height:100%;zoom:1;transform:none;margin:0}.app-shell.room-forced-land{display:block}.app-shell.room-forced-land .room-stage{position:absolute;top:50%;left:50%;width:100dvh;height:100dvw;margin:0;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}.room{position:relative;width:100%;height:100%;grid-template-rows:minmax(0,1fr);padding:0;gap:0}.room-top{display:none}.room-body{min-height:0;height:100%;grid-template-columns:1fr}.arena-main{max-width:100%}.side-left,.sidebar,.comms,.tools-side{display:none!important}.arena-wrap{display:grid;grid-row:1;grid-template-columns:130px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"board board" "players answers";gap:0;min-height:0;height:100%}.arena-main{display:contents}.board-stack{grid-area:board;width:100%;max-width:none;height:auto;overflow:visible}.board-card{width:100%;max-width:none;height:auto;max-height:none;border-radius:0;border:0;border-bottom:1.5px solid var(--line)}.word-panel.is-hint{top:8px;z-index:30;width:max-content;max-width:min(92%,340px);height:auto;min-height:0;max-height:none;padding:6px 12px;gap:0;border-radius:14px;background:#111111b8;border-color:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%);animation:word-panel-up-overlay .35s var(--ease) both}.word-panel.is-hint.is-out{animation:word-panel-down-overlay .28s var(--ease) both}.word-panel.is-hint .word-panel-main{height:auto;gap:2px}.word-panel.is-hint .hint-label{font-size:.62rem;margin:0}.word-panel.is-hint .word-panel-text{font-size:.95rem;letter-spacing:.08em;line-height:1}.word-panel.is-hint .fit-hint{height:auto}.canvas-frame{width:100%;height:auto;aspect-ratio:16 / 9;max-height:none;border-radius:0}.answers-panel{grid-area:answers}.players-rail{display:flex;flex-direction:column;grid-area:players;gap:4px;padding:6px 6px calc(6px + var(--safe-b));overflow:hidden;border-right:1.5px solid var(--line);background:var(--panel);min-height:0}.players-rail .room-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;flex-shrink:0;margin-bottom:4px}.players-rail .room-ping{justify-content:center;width:100%}.players-rail .room-actions .side-btn{width:40px;height:40px}.players-rail .room-actions .side-btn svg{width:24px;height:24px}.players-rail .players-track{flex:1;min-height:0}.players-rail .player{min-width:0;width:100%;padding:1px 6px;grid-template-columns:auto minmax(0,1fr);gap:6px}.players-rail .player .avatar-wrap{width:min(56px,90cqh);max-width:100%}.players-rail .player .avatar{border-width:3px}.players-rail .player-badge{width:22px;height:22px}.players-rail .player-badge svg{width:12px;height:12px}.players-rail .player .info strong{font-size:.92rem}.players-rail .player .info .pts{font-size:.78rem}.players-rail .player-status{font-size:.66rem}.players-rail .points-turn{right:4px;font-size:.95rem}.answers-panel{height:100%;max-height:none;min-height:0;border-radius:0;border:0;padding-bottom:var(--safe-b)}.composer-tab{display:none}.room .composer input{padding-right:14px}.canvas-word{font-size:2.9cqw;top:1.5cqw}.report-btn,.leave-canvas-btn{width:6.8cqw;height:6.8cqw;top:1.2cqw;right:1.2cqw}.canvas-ready{gap:2.6cqw;padding:3cqw}.ready-eyebrow{font-size:2.45cqw}.ready-word,.canvas-ready.confirm-clear .ready-word{font-size:5.6cqw}.status-avatar{width:13cqw;height:13cqw;font-size:4.6cqw}.status-sub{font-size:3.2cqw}.canvas-actions{gap:1.3cqw;margin-top:1cqw}.canvas-actions .btn,.canvas-actions .ghost{min-height:5.8cqw;min-width:15cqw;padding:0 2.8cqw;font-size:1.85cqw}.mobile-only{display:grid}.sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:40;animation:fade .22s var(--ease) both}.sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:50;max-height:min(78svh,520px);padding:8px 14px calc(18px + var(--safe-b));border-radius:16px 16px 0 0;background:var(--panel);border:1.5px solid var(--line-strong);border-bottom:0;animation:sheet-up .35s var(--ease) both;overflow:auto}.sheet-handle{width:36px;height:4px;border-radius:4px;background:var(--paper-3);margin:6px auto 14px}.sheet.chat-sheet{height:min(70svh,520px)}.sheet.chat-sheet .feed{flex:1;min-height:0}}@media(max-width:900px)and (min-aspect-ratio:13 / 16){.app-shell.kb-answers .arena-wrap{grid-template-columns:127px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"players board" "players answers"}.app-shell.kb-answers .board-stack{min-width:0}.app-shell.kb-answers .canvas-frame{width:100%;height:auto;aspect-ratio:16 / 9;max-height:none}.app-shell.kb-answers .players-rail{padding:6px 4px;border-right:1.5px solid var(--line)}.app-shell.kb-answers .players-rail .room-actions{display:none}.app-shell.kb-answers .answers-panel{min-height:0;padding-bottom:0}}@media(max-width:900px)and (orientation:landscape){.room.drawing-mode{grid-template-rows:minmax(0,1fr)}.room.drawing-mode .room-top{display:none}.room.drawing-mode .room-body{grid-template-columns:var(--tools-w) minmax(0,1fr) var(--tools-w);grid-template-rows:minmax(0,1fr);min-width:0;overflow:hidden}.room.drawing-mode .side-left{display:flex!important;grid-column:1;grid-row:1;width:var(--tools-w);min-width:0}.room.drawing-mode .sidebar{display:none!important}.room.drawing-mode .tools-clip,.room.drawing-mode .tools-clip.open{display:block!important;flex:1 1 auto;width:100%;flex-basis:auto;overflow:hidden}.room.drawing-mode .tools-side{display:flex!important;width:100%;padding:8px;border-radius:0;border-color:transparent;background:var(--panel);overflow-x:hidden;overflow-y:auto;transform:none;pointer-events:auto}.room.drawing-mode .color-rail.desk-only{display:none}.room.drawing-mode .colors-side{display:flex!important;flex-direction:column;grid-column:3;grid-row:1;width:var(--tools-w);height:100%;min-height:0;padding:8px;box-sizing:border-box;background:var(--panel);border-left:0;overflow-x:hidden;overflow-y:auto}.room.drawing-mode .colors-side .color-rail{width:100%;height:auto;align-self:stretch;align-content:start;flex:0 0 auto}.room.drawing-mode .arena-wrap{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--panel)}.room.drawing-mode .arena-main{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;width:100%;max-width:100%;min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--panel)}.room.drawing-mode .board-stack{grid-column:1;grid-row:1;width:100%;max-width:100%;height:100%;min-width:0;min-height:0}.room.drawing-mode .board-card{width:100%;max-width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 7px;background:var(--panel);border-color:transparent;border-radius:0}.room.drawing-mode .canvas-frame{aspect-ratio:16 / 9;width:100%;height:auto;max-width:100%;max-height:100%;margin:auto}.room.drawing-mode .players-rail,.room.drawing-mode .answers-panel,.room.drawing-mode .room-comms{display:none!important}.room.drawing-mode .board-stack{overflow:visible}.room.drawing-mode .word-panel{display:none!important}.room.drawing-mode .canvas-word{display:block}.room.drawing-mode .canvas-word .hint-block{letter-spacing:normal}.room.drawing-mode .canvas-word .letter-lined{border-bottom-color:#8b929a}.room.drawing-mode .colors-side .word-panel-actions.mobile-draw-actions{display:grid;flex:0 0 auto;margin-top:auto;height:auto;grid-template-rows:auto auto;gap:6px;padding-top:8px}.room.drawing-mode .colors-side .word-bar-btn{height:auto;min-height:34px;padding:6px 4px;font-size:.68rem}}.app-shell.room-forced-land .room.drawing-mode{grid-template-rows:minmax(0,1fr)}.app-shell.room-forced-land .room.drawing-mode .room-top{display:none}.app-shell.room-forced-land .room.drawing-mode .room-body{grid-template-columns:var(--tools-w) minmax(0,1fr) var(--tools-w);grid-template-rows:minmax(0,1fr);min-width:0;overflow:hidden}.app-shell.room-forced-land .room.drawing-mode .side-left{display:flex!important;grid-column:1;grid-row:1;width:var(--tools-w);min-width:0}.app-shell.room-forced-land .room.drawing-mode .sidebar{display:none!important}.app-shell.room-forced-land .room.drawing-mode .tools-clip,.app-shell.room-forced-land .room.drawing-mode .tools-clip.open{display:block!important;flex:1 1 auto;width:100%;flex-basis:auto;overflow:hidden}.app-shell.room-forced-land .room.drawing-mode .tools-side{display:flex!important;width:100%;padding:8px;border-radius:0;border-color:transparent;background:var(--panel);overflow-x:hidden;overflow-y:auto;transform:none;pointer-events:auto}.app-shell.room-forced-land .room.drawing-mode .color-rail.desk-only{display:none}.app-shell.room-forced-land .room.drawing-mode .colors-side{display:flex!important;flex-direction:column;grid-column:3;grid-row:1;width:var(--tools-w);height:100%;min-height:0;padding:8px;box-sizing:border-box;background:var(--panel);border-left:0;overflow-x:hidden;overflow-y:auto}.app-shell.room-forced-land .room.drawing-mode .colors-side .color-rail{width:100%;height:auto;align-self:stretch;align-content:start;flex:0 0 auto}.app-shell.room-forced-land .room.drawing-mode .arena-wrap{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--panel)}.app-shell.room-forced-land .room.drawing-mode .arena-main{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;width:100%;max-width:100%;min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--panel)}.app-shell.room-forced-land .room.drawing-mode .board-stack{grid-column:1;grid-row:1;width:100%;max-width:100%;height:100%;min-width:0;min-height:0}.app-shell.room-forced-land .room.drawing-mode .board-card{width:100%;max-width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 7px;background:var(--panel);border-color:transparent;border-radius:0}.app-shell.room-forced-land .room.drawing-mode .canvas-frame{aspect-ratio:16 / 9;width:100%;height:auto;max-width:100%;max-height:100%;margin:auto}.app-shell.room-forced-land .room.drawing-mode .players-rail,.app-shell.room-forced-land .room.drawing-mode .answers-panel,.app-shell.room-forced-land .room.drawing-mode .room-comms{display:none!important}.app-shell.room-forced-land .room.drawing-mode .board-stack{overflow:visible}.app-shell.room-forced-land .room.drawing-mode .word-panel{display:none!important}.app-shell.room-forced-land .room.drawing-mode .canvas-word{display:block}.app-shell.room-forced-land .room.drawing-mode .canvas-word .hint-block{letter-spacing:normal}.app-shell.room-forced-land .room.drawing-mode .canvas-word .letter-lined{border-bottom-color:#8b929a}.app-shell.room-forced-land .room.drawing-mode .colors-side .word-panel-actions.mobile-draw-actions{display:grid;flex:0 0 auto;margin-top:auto;height:auto;grid-template-rows:auto auto;gap:6px;padding-top:8px}.app-shell.room-forced-land .room.drawing-mode .colors-side .word-bar-btn{height:auto;min-height:34px;padding:6px 4px;font-size:.68rem}.stats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stats-modal{position:relative;width:min(1090px,96vw);height:min(780px,90dvh);display:flex;flex-direction:column;padding:20px;border-radius:16px;background:var(--panel);border:1.5px solid var(--line-strong);color:var(--ink)}.stats-modal h3{margin:-20px -20px 12px;padding:14px 52px;text-align:center;font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:#1f1f1f;border-bottom:1px solid var(--line-strong);border-radius:14px 14px 0 0}.stats-nav{position:absolute;top:7px;width:32px;height:32px;border-radius:8px;color:var(--ink-soft);display:grid;place-items:center;padding:0}.stats-nav:hover{background:var(--paper-2);color:var(--ink)}.stats-nav.close{right:16px}.stats-nav.back{left:16px}.stats-nav.close:before,.stats-nav.back:before{content:"";display:block;width:14px;height:14px;background:currentColor}.stats-nav.close:before{mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 5l14 14M19 5L5 19' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/></svg>") center / contain no-repeat}.stats-nav.back:before{mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.5 4l-8 8 8 8' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat}.stats-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:12px}.stats-tabs button{padding:7px 14px;border-radius:8px;border:1.5px solid var(--line);background:var(--paper-2);color:var(--ink-soft);font-size:.78rem;font-weight:700}.stats-tabs button.on{background:var(--paper-3);border-color:var(--ink-soft);color:var(--ink)}.stats-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;margin-bottom:12px;color:var(--ink-soft);font-size:.85rem}.stats-bar>span{padding:2px 12px}.stats-bar>span+span{border-left:1px solid var(--line)}.stats-bar b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.stats-tools{display:flex;gap:8px;margin-bottom:10px}.stats-search{flex:1;min-width:0;padding:10px 12px;border-radius:8px;border:1.5px solid var(--line-strong);background:var(--paper);color:var(--ink)}.stats-search:focus{border-color:var(--ink-soft);box-shadow:none;outline:none}.stats-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.stats-empty{padding:48px 20px;text-align:center;color:var(--ink-soft);font-size:1rem}.stats-table-wrap{overflow:auto;flex:1;min-height:0}.stats-table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.stats-table th,.stats-table td{padding:9px 12px;text-align:center;white-space:nowrap;border-bottom:1px solid var(--line)}.stats-table th{position:sticky;top:0;z-index:2;background:var(--panel);color:var(--ink-soft);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stats-table th[class],.stats-table th.ord{cursor:pointer}.stats-table th.ord,.stats-table td.ord{color:var(--ink);font-weight:700}.stats-table th:hover{color:var(--ink)}.stats-table th.esq,.stats-table td.esq{text-align:left}.stats-table .sticky{position:sticky;left:0;z-index:1;background:var(--panel)}.stats-table thead .sticky{z-index:3}.stats-table tbody tr:hover td,.stats-table tbody tr:hover td.sticky{background:var(--paper-2)}.stats-table tr.me td{background:var(--me-row)}.stats-table tr.me td.sticky{background:var(--me-sticky)}.stats-table tr.left{opacity:.45}.stats-table tr.clickable{cursor:pointer}.stats-name{display:flex;align-items:center;gap:10px;min-width:0}.stats-name .pos{width:28px;flex:none;text-align:center;color:var(--ink-soft)}.avatar-mini{width:30px;height:30px;flex:none;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--paper-3);color:var(--ink);font-size:.75rem;font-weight:700;overflow:hidden;border:1px solid var(--line)}.avatar-mini img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.stats-name .nick{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:700}.apr{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:44px;font-weight:700}.apr i{display:block;width:44px;height:4px;border-radius:2px;background:var(--paper-3);overflow:hidden}.apr b{display:block;height:100%;border-radius:2px}.apr-empty{color:var(--ink-soft)}.ult{position:relative;display:flex;justify-content:center;gap:5px}.ult-dot{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 11px var(--font-body);color:#fff;cursor:help}.ult-tip{position:fixed;z-index:90;transform:translate(-50%,-100%);pointer-events:none;padding:8px 10px;border-radius:8px;background:var(--tip-bg);color:#fff;font-size:.75rem;line-height:1.35;text-align:center;white-space:nowrap}.ult-tip:after{content:"";position:absolute;left:50%;bottom:-12px;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--tip-bg)}.ult-tip b{display:block;font-weight:700}.ult-tip em{color:#34d399;font-style:normal;font-weight:700}.ult-dot.last{box-shadow:0 0 0 2px var(--panel),0 0 0 4px currentColor}.ult-M{background:#eab308;color:#eab308!important}.ult-M:after{content:"";width:12px;height:12px;background:#1b1b1b;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M2 6l5.5 5L12 4l4.5 7L22 6l-2 12H4L2 6Zm2 14h16v2H4v-2Z'/></svg>") center / contain no-repeat}.ult-A{background:#00985f;color:#00985f!important}.ult-A:after{content:"";width:12px;height:12px;background:#fff;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 12.5l5 5L20 6.5' fill='none' stroke='black' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat}.ult-E{background:#dd3636;color:#dd3636!important}.ult-E:after{content:"";width:10px;height:10px;background:#fff;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 5l14 14M19 5L5 19' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/></svg>") center / contain no-repeat}.ult-D{background:#3b82f6;color:#3b82f6!important}.ult-d{background:#6b7280;color:#6b7280!important}.ult-D:after,.ult-d:after{content:"✎";color:#fff}.ult-P{background:#3a3d44;color:#5c6068!important}.ult-N{background:#4a4d54;color:#4a4d54!important}.ult-N:after{content:"";width:8px;height:2px;border-radius:1px;background:#fff}.ult-B{background:#00985f;color:#00985f!important}.ult-B:after{content:"";width:12px;height:12px;background:#fff;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 12a8 8 0 1 0 2.5-5.8L4 8.5M4 4v4.5h4.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat}.tag{display:inline-block;padding:3px 8px;border-radius:6px;color:#fff;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.tag.ok{background:#00985f}.tag.miss{background:#64748b}.sala-nome{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.hist-wrap .stats-table-wrap{flex:1;min-height:0}.stats-paginas{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.stats-paginas button{width:28px;height:28px;padding:0;border:1.5px solid var(--line);border-radius:6px;background:var(--paper-2);color:var(--ink)}.stats-paginas button:not(:disabled):hover{background:var(--paper-3)}.stats-paginas button:disabled{opacity:.35;cursor:default}.stats-paginas button:before{content:"";display:block;width:12px;height:12px;margin:auto;background:currentColor;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16.5 3l-9 9 9 9' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat}.stats-paginas .proxima:before{transform:scaleX(-1)}.desempenho{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.desempenho-topo{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.cmp-chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.cmp-chips .vs{color:var(--ink-soft);font-weight:700}.cmp-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1.5px solid var(--line-strong);border-radius:8px;background:var(--paper-2);color:var(--ink-soft);font-size:.85rem}.cmp-chip:hover{background:var(--paper-3)}.cmp-chip .cmp-cor{width:10px;height:10px;margin-left:6px;border-radius:2px;background:var(--cor)}.cmp-chip .avatar-mini{width:26px;height:26px;font-size:.7rem}.cmp-chip b{color:var(--ink);font-weight:700}.cmp-chip .pct,.cmp-menu .pct{color:var(--ink-soft);margin-left:2px}.cmp-chip .add{padding:4px 6px;color:var(--ink-soft)}.cmp-menu{position:absolute;z-index:5;display:flex;flex-direction:column;gap:2px;min-width:200px;max-height:260px;overflow-y:auto;padding:6px;border:1.5px solid var(--line-strong);border-radius:10px;background:var(--panel)}.cmp-menu .item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;color:var(--ink-soft);text-align:left}.cmp-menu .item:hover,.cmp-menu .item.on{background:var(--paper-2)}.cmp-menu .item b{color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis}.cmp-menu .item .pct{margin-left:auto}.desempenho-area{flex:1;min-height:240px;overflow:auto}.desempenho-svg svg{display:block;font:11px var(--font-body)}.desempenho-svg .grade{stroke:var(--chart-grid)}.desempenho-svg .linha{fill:none;stroke-width:2;stroke-linejoin:round}.desempenho-svg circle{stroke-width:2}.desempenho-svg .ponto{stroke:var(--chart-ponto)}.desempenho-svg .marca{fill:var(--ink);font:11px var(--font-body);text-anchor:middle;dominant-baseline:central;pointer-events:none}.desempenho-svg .eixo{fill:var(--chart-label);font-size:14px;text-anchor:end;dominant-baseline:central}.desempenho-svg .palavra{fill:var(--chart-word);text-anchor:end}.desempenho-svg .palavra.fora{fill:var(--chart-label)}.perfil{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.perfil-top{flex:0 0 auto;display:grid;grid-template-columns:128px 1fr;gap:18px;align-items:stretch;padding:4px 2px 2px}.perfil-avatar{width:128px!important;height:128px!important;border-radius:10px!important;font-size:2.6rem!important;border:2px solid var(--line-strong);background:var(--paper-2);box-shadow:0 8px 20px #00000059}.perfil-info{display:grid;align-content:center;min-width:0}.perfil-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.perfil-cols dl{display:grid;gap:10px;margin:0}.perfil-cols dl>div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:8px;align-items:baseline}.perfil-cols dt{font-size:.82rem;font-weight:700;color:var(--ink-soft)}.perfil-cols dt:after{content:":"}.perfil-cols dd{margin:0;font-size:.98rem;font-weight:800;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perfil-strip{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--paper-2)}.perfil-strip>div{display:grid;gap:2px;min-width:0}.perfil-strip span{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.perfil-strip b{font-size:1.02rem;font-weight:800;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perfil-hist{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.perfil-hist h4{flex:0 0 auto;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.perfil-hist .stats-table-wrap{flex:1;min-height:0}.perfil-hist-table .sala-nome{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}@media(max-width:900px){.stats-modal{width:100%;height:min(92dvh,900px);padding:14px;border-radius:14px}.stats-bar>span+span{border-left:0}.perfil-top{grid-template-columns:96px 1fr;gap:12px}.perfil-avatar{width:96px!important;height:96px!important;font-size:2rem!important}.perfil-cols{grid-template-columns:1fr;gap:8px}.perfil-cols dl>div{grid-template-columns:6.5rem minmax(0,1fr)}}:root{--ink: #e4e6ea;--ink-soft: #a0a4ab;--paper: #000;--paper-2: #1a1a1a;--paper-3: #262626;--panel: #111;--line: rgba(255, 255, 255, .08);--line-strong: #2a2a2a;--leaf: #00a7ff;--leaf-2: #33b8ff;--leaf-soft: rgba(0, 167, 255, .16);--sun: #f9c236;--ok: #17a847;--danger: #dd3636;--info: #0088ff;--scrim: rgba(0, 0, 0, .7);--chart-grid: #262626;--chart-label: #a0a4ab;--chart-word: #e4e6ea;--chart-ponto: #111;--me-row: rgba(255, 255, 255, .06);--me-sticky: #1a1a1a;--rotate-bg: rgba(0, 0, 0, .97);--tip-bg: #000;--scroll-thumb: rgba(255, 255, 255, .2);--shadow: 0 1px 0 rgba(0, 0, 0, .45);--ease: cubic-bezier(.22, 1, .36, 1);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--font-display: "Nunito", sans-serif;--font-body: "Nunito", sans-serif;font-family:var(--font-body);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}input,textarea,.comms .feed,.answers-panel .feed,.sheet.chat-sheet .feed{user-select:text;-webkit-user-select:text}html,body,#root{height:100%;width:100%;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}input{outline:none}a{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px}::-webkit-scrollbar-track{background:transparent}