@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./barlow-condensed-latin-700-normal-B9NQhHK3.woff2) format("woff2")}:root{color-scheme:dark;--navy: #141b2d;--blue: #1f6bff;--magenta: #ff2e88;--yellow: #ffc928;--ink: #f4f7fb;--muted: #9aa3b5;font-family:Barlow Condensed,Arial Narrow,system-ui,sans-serif;font-weight:700;letter-spacing:.04em}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--navy);color:var(--ink);touch-action:none;overscroll-behavior:none}body{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}canvas#view{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}#ui{position:fixed;inset:0;z-index:2;pointer-events:none}#ui button,#ui input,#ui select,#ui textarea,#ui label,#ui a,#ui .dash,#ui .panel,#ui .screen{pointer-events:auto}#grade{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 45%,rgba(20,27,45,.35) 100%)}#fade{position:fixed;inset:0;z-index:5;background:#0d1220;opacity:0;pointer-events:none;transition:opacity .18s linear}#fade.on{opacity:1}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.boot{position:absolute;left:24px;bottom:24px;margin:0;font-size:22px;letter-spacing:.08em;color:var(--ink)}.panel{background:#141b2de6;color:var(--ink);box-shadow:inset 0 0 0 2px var(--blue);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}h1,h2,h3,.eyebrow,.chip,.btn,.tab{font-family:Barlow Condensed,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.06em}h1{font-size:64px;line-height:.9;margin:0}h2{font-size:28px;margin:0}h3{font-size:18px;margin:0;color:var(--yellow)}.prose,td,input,select,textarea,.banner,.error,.notice{font-family:system-ui,sans-serif;font-weight:550;letter-spacing:0;text-transform:none;font-size:16px;line-height:1.4}.eyebrow{color:var(--yellow);margin:0 0 4px;font-size:16px}.prose{color:var(--muted);margin:0}.error{color:#ffb4c8;min-height:1.2em}.notice{color:var(--yellow)}.banner{background:#1f6bff2e;border-left:3px solid var(--blue);padding:10px 12px}.btn,.icon-btn,.tab,.swatch{min-height:44px;min-width:44px;border:2px solid var(--blue);background:#1c2744;color:var(--ink);padding:8px 14px;border-radius:2px}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-magenta{background:var(--magenta);border-color:var(--magenta);color:#fff}.btn-ghost{background:transparent}.btn.is-on,.tab.is-on,.swatch.is-on{border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}.btn:focus-visible,.icon-btn:focus-visible,.tab:focus-visible,.swatch:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px;margin-top:16px}.field{display:flex;flex-direction:column;gap:4px;font-size:16px;min-width:120px}input,select,textarea{background:#0e1424;border:2px solid #2a3a62;border-radius:2px;padding:10px 12px;min-height:44px}textarea{width:100%;resize:vertical}.check{display:flex;gap:10px;align-items:center;min-height:44px;font-size:18px}.screen{position:absolute;inset:0}#title{display:grid;place-items:end start;padding:6vh 6vw}#title[hidden],#creator[hidden],#join[hidden],#hud[hidden],#dash[hidden]{display:none}.title-card{padding:28px 32px;max-width:720px}.wordmark{display:flex;gap:18px;align-items:center;margin-bottom:18px}.wordmark svg{width:84px;height:84px;flex:none}.creator-screen{position:absolute;inset:0;pointer-events:none}.creator-screen[hidden]{display:none}.creator-panel{pointer-events:auto;position:absolute;top:12px;right:12px;bottom:12px;width:min(560px,46vw);display:flex;flex-direction:column;padding:12px 12px 8px;background:#0c1020f0;border:2px solid #b14bff;box-shadow:0 0 0 1px #1f6bff,0 18px 40px #00000059;border-radius:18px}.icon-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.icon-tab{min-height:74px;min-width:0;padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:2px solid transparent;color:var(--ink);border-radius:8px;font-size:16px}.icon-tab svg{width:28px;height:28px}.icon-tab span{font-size:16px;letter-spacing:.03em;line-height:1}.icon-tab.is-on{background:var(--blue);border-color:var(--blue)}.creator-scroll{overflow:auto;margin-top:10px;padding-right:4px}.creator-scroll h3{margin:12px 0 6px;color:var(--ink);font-size:14px}.portraits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.portrait,.preset-shot{background-color:#182033;background-repeat:no-repeat;background-size:calc(var(--cols, 8) * 100%) calc(var(--rows, 5) * 100%);background-position:calc(var(--c, 0) * 100% / (var(--cols, 8) - 1)) calc(var(--r, 0) * 100% / (var(--rows, 5) - 1))}.portrait{aspect-ratio:1;width:100%;min-height:64px;padding:0;border:2px solid #2a3a62;border-radius:10px;background-color:#d5deee}.portrait.is-on{border-color:#3ec6ff;box-shadow:0 0 0 2px #3ec6ff}.portrait-clear{font-size:13px;color:var(--muted)}.switch{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:56px;margin:8px 0 12px;padding:8px 12px;background:#182033;border:2px solid #2a3a62;border-radius:12px}.switch-label{display:flex;align-items:center;gap:10px;font-size:22px}.switch-label svg{width:32px;height:32px}.switch i{width:58px;height:30px;border-radius:16px;background:#2a3348;position:relative;flex:none}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#d5dbe6}.switch.is-on{border-color:var(--blue)}.switch.is-on i{background:var(--blue)}.switch.is-on i:after{left:31px}.stage-controls{pointer-events:none}.stage-controls .arrow,.stage-controls .stage-btn,.stage-controls .preset,.stage-controls .back-link{pointer-events:auto}.arrow{position:absolute;bottom:30%;width:64px;height:64px;border-radius:18px;background:#101628d1;border:2px solid #3ec6ff;color:#fff;display:grid;place-items:center}.arrow svg{width:28px;height:28px}.arrow{left:1.5vw}.arrow-right{left:33vw;right:auto}.stage-actions{position:absolute;left:2vw;bottom:124px;display:flex;gap:12px}.stage-btn{min-width:148px;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:22px;border-radius:12px}.stage-btn svg{width:28px;height:28px}.creator-screen .presets{position:absolute;left:2vw;bottom:14px;width:min(460px,38vw);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.preset{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:112px;padding:6px;background:#101628e6;border:2px solid #3ec6ff;color:var(--ink);border-radius:12px}.preset-shot{width:100%;height:78px;border-radius:8px;display:block}.back-link{position:absolute;top:16px;left:16px}.join{position:absolute;top:16px;right:16px;bottom:16px;width:min(420px,34vw);overflow:auto;padding:18px}.tabs,.swatches,.pics{display:flex;flex-wrap:wrap;gap:8px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:6px}.tile svg,.preset svg,.icon-btn svg,.emote svg{width:36px;height:36px;display:block}.tile span,.preset span,.emote span{font-size:13px;line-height:1.1;text-align:center}.presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.preset{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:84px;padding:6px;background:#1c2744;border:2px solid var(--blue);color:var(--ink)}.preset-fig{width:36px;height:44px;border-radius:18px 18px 8px 8px;position:relative;display:block}.preset-fig i,.preset-fig b{position:absolute;left:6px;right:6px;height:10px}.preset-fig i{top:16px}.preset-fig b{top:28px}.stage-hint{position:fixed;left:24px;bottom:24px;margin:0;color:var(--ink);font-size:18px;text-shadow:0 1px 2px #141b2d}.swatch{width:44px;padding:0}.tab{background:transparent}.pic{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px}.pic span{font-family:system-ui,sans-serif;text-transform:none;letter-spacing:0}.hud-left{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.brand{margin:0 0 -2px 4px;font-size:13px;letter-spacing:.16em;color:#f4f7fb;text-shadow:0 1px 2px #141b2d}.hud-right{position:absolute;top:16px;right:16px;display:flex;gap:8px}.chip,.prompt,.debug,.pop,.minimap{background:#141b2deb;box-shadow:inset 0 0 0 2px var(--blue),inset 0 -3px #00000059}.hint{position:absolute;top:62px;left:0;margin:0;padding:0;background:none;box-shadow:none;white-space:nowrap;color:var(--ink);font-size:18px;text-shadow:0 1px 2px #141b2d;transition:opacity .8s linear}#help{position:static;top:auto;left:auto;max-width:none;white-space:nowrap;margin:4px 0 0;padding:6px 12px;font-size:16px;line-height:1.2;background:#141b2deb;box-shadow:inset 0 0 0 2px var(--blue);border-radius:999px;pointer-events:none}.hint.is-out{opacity:0}.chip{padding:12px 18px 12px 16px;font-size:26px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:inset 5px 0 0 var(--blue),inset 0 0 0 2px var(--blue),inset 0 -3px #00000059}.help{margin:0;max-width:280px;padding:8px 10px;color:var(--muted)}.prompt{position:absolute;left:50%;bottom:28px;transform:translate(-50%);margin:0;padding:10px 16px;font-size:20px}.icon-btn{background:#141b2deb;width:48px;padding:0;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--blue),inset 0 -3px #00000059}.chat-btn{position:absolute;left:16px;bottom:16px}.minimap{position:absolute;right:16px;bottom:16px;width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--magenta);display:none}.minimap.is-open{display:block}.pop{position:absolute;top:76px;right:16px;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:220px}.pop[hidden]{display:none}#emote-wheel{flex-direction:row;flex-wrap:wrap;width:min(440px,calc(100vw - 32px))}#chat-pop{inset:auto auto 76px 16px}.emote{min-width:72px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px}.settings{width:min(320px,calc(100vw - 32px));max-height:min(70vh,520px);overflow:auto}.debug{position:absolute;left:16px;bottom:72px;margin:0;padding:8px 10px;font-size:14px;white-space:pre-wrap;font-family:ui-monospace,monospace;max-width:420px}#toast{position:absolute;left:50%;top:72px;bottom:auto;transform:translate(-50%);background:#141b2df0;box-shadow:inset 0 0 0 2px var(--yellow);padding:12px 16px;max-width:min(520px,calc(100% - 32px));opacity:0;pointer-events:none;transition:opacity .16s linear;font-size:18px;z-index:8}#toast.on{opacity:1}.menu-row{display:flex;align-items:center;gap:8px}.leave-room{margin-top:8px;min-height:44px}.dodge-touch{margin-top:8px}.dodge-stats{margin:8px 0;padding-left:18px;font-family:system-ui,sans-serif;font-weight:600;letter-spacing:0;text-transform:none}#menu-launch{display:none;width:48px;height:48px;font-size:26px}.esc-chip{margin:0;padding:6px 10px;background:#141b2deb;box-shadow:inset 0 0 0 2px var(--blue),inset 0 -3px #00000059;font-size:16px;pointer-events:none}body.touch #menu-launch{display:grid}body.touch .esc-chip{display:none}.sysmenu{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:16px;background:#080a1280;pointer-events:auto}.sysmenu[hidden],.sysmenu [hidden]{display:none}.menu-card,.map-card{width:min(520px,100%);max-height:min(92vh,780px);overflow:auto;padding:18px 18px 16px}.map-card{width:min(880px,100%)}.menu-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.menu-actions .btn{min-height:48px;font-size:20px;text-align:left}.map-stage{position:relative;margin-top:12px}#class-map{width:100%;height:auto;display:block;background:#1a6b45}#map-hotspots,#map-people{position:absolute;inset:0}.map-hot{position:absolute;transform:translate(-50%,-50%);min-height:44px;max-width:148px;padding:4px 8px;font-size:14px;line-height:1.1;white-space:nowrap;background:#141b2de0}.map-hot.is-host{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow);background:#3a3208}.map-hot.is-mine{border-color:var(--magenta)}.map-who{position:absolute;width:22px;height:22px;min-width:22px;min-height:22px;padding:0;border-radius:50%;border:2px solid #f4f7fb;transform:translate(-50%,-50%)}.map-who span{display:none;position:absolute;left:50%;bottom:26px;transform:translate(-50%);padding:2px 6px;background:#141b2d;color:#f4f7fb;font-size:13px;white-space:nowrap;pointer-events:none}.map-who:hover span,.map-who:focus span,.map-who:focus-visible span{display:block}.map-roster{margin:12px 0 0;padding:0 0 0 18px;font-family:system-ui,sans-serif;font-weight:650;letter-spacing:0;text-transform:none}.map-roster li{margin:4px 0}.stick-home,.stick{display:none;pointer-events:none}.stick-home[hidden],.stick[hidden]{display:none!important}body.touch .stick-home{display:block}body.touch .stick:not([hidden]){display:block}.stick-home{position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));width:118px;height:118px;border-radius:50%;border:3px solid rgba(244,247,251,.55);background:radial-gradient(circle,#1f6bff38,#141b2d61 68%);box-shadow:inset 0 0 0 14px #141b2d47}.stick{position:absolute;z-index:3;width:118px;height:118px;margin-left:-59px;margin-top:-59px;border-radius:50%;border:3px solid rgba(244,247,251,.85);background:#141b2d80}.stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:var(--blue);box-shadow:inset 0 -3px #00000059;transform:translate(-50%,-50%)}.touch-act{display:none;position:absolute;z-index:3;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:84px;height:84px;border-radius:50%;background:var(--magenta);border:3px solid white;color:#fff;font-size:15px;letter-spacing:.04em;place-items:center;padding:8px}body.touch .touch-act{display:grid}body.touch .minimap{right:calc(16px + env(safe-area-inset-right));bottom:calc(112px + env(safe-area-inset-bottom))}body.touch .chat-btn{left:calc(148px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom))}body.touch .prompt{bottom:calc(118px + env(safe-area-inset-bottom))}body.touch .hud-left{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left))}body.touch .hud-right{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}@media(max-width:900px)and (orientation:landscape)and (max-height:500px){.stick-home,.stick{width:96px;height:96px}.stick{margin-left:-48px;margin-top:-48px}.stick-knob{width:44px;height:44px}.touch-act{width:68px;height:68px;font-size:13px}body.touch .chat-btn{left:calc(124px + env(safe-area-inset-left))}body.touch .minimap{bottom:calc(92px + env(safe-area-inset-bottom))}}@media(min-width:700px)and (min-height:700px){.stick-home,.stick{width:156px;height:156px}.stick{margin-left:-78px;margin-top:-78px}.stick-home{box-shadow:inset 0 0 0 18px #141b2d47}.stick-knob{width:70px;height:70px}.touch-act{width:108px;height:108px;font-size:18px}body.touch .minimap{bottom:calc(140px + env(safe-area-inset-bottom))}body.touch .chat-btn{left:calc(190px + env(safe-area-inset-left))}}.modal{position:absolute;inset:0;display:grid;place-items:center;background:#080a128c}.modal[hidden]{display:none}.modal-card{padding:22px;width:min(460px,calc(100% - 32px))}.dash{position:absolute;inset:0;overflow:auto;padding:16px;background:#080a1273}.dash-card{padding:18px;width:min(980px,100%);margin:0 auto}.class-row,.roster{width:100%;text-align:left}.class-row{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:8px}.class-row span{font-family:system-ui,sans-serif;text-transform:none;letter-spacing:0;color:var(--muted)}.roster{border-collapse:collapse}.roster th,.roster td{border-bottom:1px solid #2a3a62;padding:8px 6px;text-align:left;vertical-align:middle}.roster th{font-size:14px;color:var(--muted)}.code-big{font-size:40px;letter-spacing:.18em;margin:0;color:var(--yellow)}code{font-size:20px;color:var(--yellow)}#print-sheet{display:none}.login-card{border:2px solid #141b2d;padding:12px;margin:8px;width:240px;display:inline-block;vertical-align:top;color:#141b2d}.pics-print{display:flex;gap:8px;align-items:center}.pics-print span{font-family:system-ui,sans-serif;font-size:12px}@media(max-width:800px){h1{font-size:46px}#title{place-items:end stretch;padding:16px}.creator-panel{inset:auto 8px 8px;width:auto;max-height:52vh}.arrow{bottom:auto;top:22vh}.arrow-right{left:auto;right:12px}.stage-actions{bottom:auto;top:34vh}.creator-screen .presets{bottom:auto;top:44vh;width:min(520px,92vw)}.stage-btn{min-width:120px}.hud-right{flex-wrap:wrap;max-width:70vw;justify-content:flex-end}.roster .row{flex-direction:column;align-items:stretch}}.bell-banner{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:4;margin:0;max-width:min(92vw,640px);padding:10px 16px;background:var(--yellow);color:var(--navy);font-size:22px;text-align:center;pointer-events:none}.teacher-btn{width:auto;padding:0 10px}.teacher-panel,.play-card{position:absolute;z-index:4;padding:12px;max-height:min(72vh,560px);overflow:auto}.teacher-panel{top:64px;right:12px;width:min(340px,calc(100vw - 24px))}.play-card{left:12px;bottom:12px;width:min(380px,calc(100vw - 24px))}.play-card .hint,.teacher-panel .hint,.sign-note{color:var(--yellow);font-size:14px}.chess-board{width:248px;margin:8px 0}.blitz-picks{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.blitz-picks .btn{padding:6px 8px;font-size:13px}.blitz-picks .btn.is-on{outline:2px solid var(--yellow)}.aim-pad{display:grid;grid-template-columns:repeat(3,28px);gap:4px;margin:8px 0}.aim{width:28px;height:28px;padding:0;background:#c4a574;border:2px solid #141b2d}.aim.is-on{background:#ffe14a}.blitz-meter{position:relative;height:14px;margin:8px 0 10px;background:#10141c;border:2px solid var(--blue)}.blitz-meter i{position:absolute;top:-2px;left:0;width:8px;height:14px;margin-left:-4px;background:var(--yellow)}.chess-row{display:flex}.sq{width:31px;height:31px;min-width:31px;min-height:31px;padding:0;font-size:22px;line-height:27px;background:#f7f4ea;color:#141b2d;border-width:1px}.sq.dark{background:#1d4ed8;color:#f4f7fb}.sq.is-on{outline:2px solid var(--yellow)}.brief h2{font-size:26px;line-height:1.05;margin:0 0 10px}.brief p{margin:0 0 6px;line-height:1.35;font-family:system-ui,sans-serif;font-weight:600;letter-spacing:0;text-transform:none}.brief-saved{margin-top:12px;color:var(--yellow);font-size:14px}.chess-card h2{margin:0 0 2px;line-height:1}.chess-status{margin:0 0 8px;font-family:system-ui,sans-serif;font-weight:650;letter-spacing:0;text-transform:none;font-size:16px;line-height:1.35}.sq .pw{color:#fffdf8;-webkit-text-stroke:1.5px #141b2d;paint-order:stroke fill}.sq .pb{color:#14161c;-webkit-text-stroke:1.5px #f7f8fb;paint-order:stroke fill}.field input,.field textarea,.field select{width:100%;margin-top:4px;background:#10141c;border:2px solid var(--blue);padding:8px}body.touch .play-card{bottom:calc(108px + env(safe-area-inset-bottom));max-height:42vh}@media(prefers-reduced-motion:reduce){#fade,#toast{transition:none}}@media print{canvas,#ui,#fade,#grade{display:none!important}#print-sheet{display:block!important;background:#fff;color:#141b2d}body{overflow:visible;background:#fff}}