:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff8ff;font-synthesis:none;background:#070d16;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#070d16;min-height:100%;margin:0}body{overflow:hidden}button,select{font:inherit}#manual-games-data-app{background:radial-gradient(circle at 78% 18%,#20aebc2b,#0000 28rem),radial-gradient(circle at 14% 84%,#8054c229,#0000 30rem),#070d16;min-height:100vh;position:relative;overflow:hidden}#lesson-stage{position:absolute;inset:0;overflow:hidden}#lesson-stage>canvas.stage-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.study-hud{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0a1a27f2,#070d16d4);border:1px solid #9ed7e540;border-radius:18px;width:min(590px,100vw - 2rem);margin:1.5rem 0 0 1.5rem;padding:1.1rem;position:relative;box-shadow:0 24px 80px #0008}.back-link,.source-note a{color:#9fddec;font-size:.7rem;text-decoration:none}.back-link:hover,.source-note a:hover{text-decoration:underline}.eyebrow{color:#80d4e9;letter-spacing:.18em;margin-top:.9rem;font-size:.65rem;font-weight:700}h1{letter-spacing:-.06em;margin:.35rem 0 .5rem;font-size:clamp(2rem,4.4vw,3.35rem);line-height:.95}.intro{color:#c5d8e2;margin:0;font-size:.86rem;line-height:1.5}.status-panel{background:#040d1699;border:1px solid #80d4e94d;border-radius:10px;margin:.9rem 0;padding:.7rem .8rem}.status-row{color:#f2fbff;justify-content:space-between;gap:.75rem;font-size:.77rem;font-weight:700;display:flex}.status-row span:last-child{color:#80d4e9;letter-spacing:.12em;text-transform:uppercase;font-size:.64rem}.status-detail{color:#a9c0cb;margin-top:.3rem;font-size:.7rem;line-height:1.4}.control-panel{gap:.65rem;display:grid}.field{color:#a9c0cb;gap:.3rem;font-size:.68rem;display:grid}select,button{color:#eef6ff;background:#132632db;border:1px solid #a1d1e24d;border-radius:8px;padding:.52rem .62rem;font-size:.71rem}button{cursor:pointer}button:hover,select:hover{border-color:#80d4e9}button:disabled{cursor:not-allowed;opacity:.48}.button-row{flex-wrap:wrap;gap:.4rem;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:.42rem;margin:0;display:grid}.metrics div{background:#091620bf;border:1px solid #a1d1e229;border-radius:8px;min-width:0;padding:.42rem}.metrics dt{color:#78909d;letter-spacing:.08em;text-transform:uppercase;font-size:.56rem}.metrics dd{color:#f2fbff;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;margin:.14rem 0 0;font:700 .74rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.contract-strip{color:#80d4e9;justify-content:space-between;gap:.8rem;font:.61rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.contract-strip span:last-child{color:#78909d;text-align:right}.error-panel{color:#ffdede;background:#4c1e2a;border:1px solid #df7878;border-radius:9px;margin-top:.75rem;padding:.65rem;font-size:.72rem}.error-panel span{margin-top:.25rem;display:block}.stage-overlay{z-index:2;color:#dffaff;pointer-events:none;white-space:pre;background:#00090fcc;border:1px solid #91dae74d;border-radius:9px;padding:.7rem;font:.68rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:1rem;left:1rem}.stage-overlay.right{left:auto;right:1rem}.touch-pad{z-index:3;gap:.45rem;display:flex;position:absolute;bottom:1rem;right:1rem}.touch-pad button{touch-action:none;background:#0e3143dd;min-width:5.3rem;padding:.85rem .7rem}.touch-pad button:active{background:#196b7ddd}.data-card{z-index:2;color:#dffaff;pointer-events:none;background:#00090fcc;border:1px solid #91dae74d;border-radius:9px;width:min(270px,30vw);padding:.7rem;font:.66rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:1rem;right:1rem}.signature{z-index:5;color:#76909c;letter-spacing:.15em;font:.58rem ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:.8rem;right:1rem}@media (width<=780px){body{overflow:auto}.study-hud{margin:1rem}.metrics{grid-template-columns:repeat(2,1fr)}.signature{display:none}.data-card{width:230px;top:auto;bottom:5.3rem}}