.tc-root{position:fixed;inset:0;background:radial-gradient(1200px 800px at 70% -10%,#15203f,#0b1020 55%,#070b18);color:#e8eef0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-y:auto;z-index:10}.tc-wrap{max-width:1100px;margin:0 auto;padding:28px 28px 64px}.tc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #2c3760;margin-bottom:22px}.tc-brand{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#5dcaa5;font-weight:700}.tc-class{font-size:30px;font-weight:700;margin:4px 0 2px}.tc-sub{color:#98a0b3;font-size:14px}.tc-back{background:#161d36;border:1px solid #2c3760;color:#e8eef0;border-radius:10px;padding:10px 16px;font-size:15px;cursor:pointer;transition:transform .1s,border-color .15s;white-space:nowrap}.tc-back:hover{transform:translateY(-1px);border-color:#5dcaa5}.tc-tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.tc-tab{background:transparent;border:1px solid transparent;color:#98a0b3;border-radius:10px;padding:9px 16px;font-size:15px;cursor:pointer;transition:all .15s}.tc-tab:hover{color:#e8eef0}.tc-tab.on{background:#161d36;border-color:#2c3760;color:#5dcaa5;font-weight:600}.tc-grid{display:grid;gap:14px}.tc-card{background:#121a33;border:1px solid #2c3760;border-radius:14px;padding:18px 20px}.tc-card h3{margin:0 0 4px;font-size:17px}.tc-card .tc-hint{color:#98a0b3;font-size:13px;margin:0 0 14px}.tc-bar-row{display:flex;align-items:center;gap:12px;margin:9px 0}.tc-bar-label{width:130px;font-size:14px;color:#c7cede;text-transform:capitalize}.tc-bar{flex:1;height:12px;border-radius:7px;background:#0c1226;overflow:hidden}.tc-bar>span{display:block;height:100%;border-radius:7px;transition:width .5s ease}.tc-bar-pct{width:42px;text-align:right;font-size:13px;color:#98a0b3}.tc-pupils{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.tc-pupil{display:flex;align-items:center;gap:11px;background:#0e1631;border:1px solid #222c50;border-radius:11px;padding:10px 13px}.tc-pupil.support{border-color:#5a3340}.tc-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.tc-pupil-name{font-size:15px;flex:1}.tc-pupil-meta{font-size:12px;color:#98a0b3}.tc-miss{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:12px;background:#0e1631;border:1px solid #222c50;margin-bottom:10px}.tc-miss-bar{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex:0 0 auto}.tc-miss-main{flex:1;min-width:0}.tc-miss-title{font-size:16px;font-weight:600}.tc-miss-ref{font-size:12px;color:#98a0b3;margin-top:2px}.tc-miss-slip{font-size:13px;color:#e0b15a;margin-top:5px}.tc-set-btn{border-radius:10px;padding:9px 14px;font-size:14px;cursor:pointer;border:1px solid #2c3760;background:#161d36;color:#e8eef0;white-space:nowrap;transition:all .15s}.tc-set-btn:hover{transform:translateY(-1px);border-color:#5dcaa5}.tc-set-btn.on{background:#1d9e75;border-color:#5dcaa5;color:#fff}.tc-band{margin-bottom:18px}.tc-band-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9fe1cb;margin:0 0 8px}.tc-obj{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:10px;border:1px solid #222c50;background:#0e1631;margin-bottom:7px;cursor:pointer;transition:all .12s}.tc-obj:hover{border-color:#3a4778}.tc-obj.on{border-color:#1d9e75;background:#11321f}.tc-check{width:20px;height:20px;border-radius:6px;border:2px solid #3a4778;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.tc-obj.on .tc-check{background:#1d9e75;border-color:#1d9e75}.tc-obj-title{flex:1;font-size:15px}.tc-obj-ref{font-size:12px;color:#98a0b3}.tc-callout{background:#11321f;border:1px solid #1d9e75;border-radius:12px;padding:14px 18px;font-size:14px;color:#c7e8d5;margin-bottom:18px}.tc-coverage{display:flex;gap:8px;flex-wrap:wrap}.tc-cov{background:#0e1631;border:1px solid #222c50;border-radius:10px;padding:9px 13px;font-size:13px}.tc-cov b{color:#5dcaa5}.bm-root{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 16px 28px;overflow:auto;background:radial-gradient(120% 90% at 50% -10%,#16213f,#0b1020 60%,#070b18);color:#e8eef0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.bm-head{text-align:center;max-width:760px}.bm-head h1{margin:0;font-size:22px;font-weight:700;color:#5dcaa5;letter-spacing:.2px}.bm-head p{margin:4px 0 0;font-size:14px;color:#98a0b3}.bm-back{position:fixed;left:14px;top:14px;background:#161d36b3;color:#9fe1cb;border:1px solid #2c3760;border-radius:9px;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer}.bm-back:hover{background:#222c50cc}.bm-variants{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.bm-chip{background:#161d3699;color:#9fe1cb;border:1px solid #2c3760;border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.bm-chip[aria-pressed=true]{background:#1d9e75;border-color:#5dcaa5;color:#fff}.bm-chip:hover{border-color:#5dcaa5}.bm-card{width:min(940px,96vw);background:#141c348c;border:1px solid #25305a;border-radius:20px;padding:22px 24px 26px;box-shadow:0 18px 50px #00000059;display:flex;flex-direction:column;align-items:center;gap:14px;animation:bm-rise .4s ease both}@keyframes bm-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bm-question{margin:0;text-align:center;font-size:clamp(18px,2.4vw,25px);line-height:1.4;color:#cdeede;max-width:640px}.bm-question.solved{color:#7fe0b0}.bm-bars{width:100%;max-width:780px;height:auto;animation:bm-fade .5s ease both}.bm-bars.solved .bm-unknown-rect{filter:drop-shadow(0 0 6px rgba(127,224,176,.7))}@keyframes bm-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.bm-band{transition:filter .2s}.bm-hint{min-height:20px;margin:0;font-size:16px;color:#cdd6e6;text-align:center}.bm-tiles{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:2px}.bm-tile{min-width:92px;padding:14px 8px;font:inherit;font-size:26px;font-weight:600;color:#eaf2f0;background:linear-gradient(180deg,#2d3c688c,#1a2440b3);border:1.5px solid #3a4a7a;border-radius:14px;cursor:pointer;transition:transform .12s ease,border-color .15s,box-shadow .15s,background .15s,opacity .2s}.bm-tile:hover:not(:disabled){transform:translateY(-2px);border-color:#5dcaa5;box-shadow:0 6px 16px #0000004d}.bm-tile:focus-visible{outline:3px solid #9fe1cb;outline-offset:2px}.bm-tile:active:not(:disabled){transform:translateY(0) scale(.97)}.bm-tile:disabled{cursor:default}.bm-tile.correct{background:#1d9e75;border-color:#7fe0b0;color:#fff;animation:bm-pop .4s ease}.bm-tile.dim{opacity:.3}.bm-tile.wrong{animation:bm-shake .32s ease;border-color:#e06a6a}@keyframes bm-pop{0%{transform:scale(1)}50%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes bm-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.bm-foot{display:flex;align-items:center;gap:16px;font-size:14px;color:#98a0b3}.bm-next{background:#1d9e75;color:#fff;border:1px solid #5dcaa5;border-radius:11px;padding:9px 18px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s,background .15s}.bm-next:hover{transform:translateY(-1px);background:#25b487}.bm-tip{font-size:13px;color:#6f7a90}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/baloo2-latin.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2")}html,body,#root{height:100%;margin:0;padding:0}body{background:#16243f;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#game-container{width:100vw;height:100dvh;touch-action:none}#game-container canvas{display:block}