*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#07111f;color:#eaf2ff}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#163c62,#07111f 55%)}.auth-card{width:min(420px,100%);padding:34px;border:1px solid #25445f;border-radius:22px;background:#0d1b2b;box-shadow:0 24px 70px #0008}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#38a6ff;color:#061321;font-size:25px;font-weight:900}.auth-card h1{margin:18px 0 4px;font-size:32px}.muted,.hint{color:#8da3b8}.auth-card form{display:grid;gap:15px;margin-top:25px}.auth-card label,.controls-panel label{display:grid;gap:7px;color:#a9bdd0;font-size:13px}.auth-card input,.controls-panel input{width:100%;border:1px solid #2b4862;background:#081522;color:#eef7ff;border-radius:10px;padding:12px;outline:none}.auth-card input:focus,.controls-panel input:focus{border-color:#36a8ff}.primary,.secondary,.ghost,.danger,.icon-button{border:0;border-radius:10px;padding:11px 16px}.primary{background:#27a7ff;color:#061321;font-weight:800}.secondary{background:#17364f;color:#dceeff}.ghost{background:#102337;color:#cde3f5}.danger{background:#6e2730;color:#fff;width:100%;margin-top:10px}.link-button{border:0;background:none;color:#53b7ff;padding:15px 0 0}.app-shell{min-height:100vh}.topbar{height:76px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;background:#0c2034;border-bottom:1px solid #23415b}.topbar h1{font-size:20px;margin:1px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#47b4ff;font-weight:800}.top-actions{display:flex;align-items:center;gap:10px}.user-chip{font-size:12px;color:#b7cce0;background:#112b42;border:1px solid #284861;padding:9px 12px;border-radius:999px}.layout{max-width:1450px;margin:auto;padding:24px;display:grid;grid-template-columns:330px 1fr;gap:18px}.panel{background:#0d1b2b;border:1px solid #213d55;border-radius:17px;padding:18px;min-width:0}.game-panel{grid-row:span 2}.pattern-panel,.history-panel{min-height:220px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title h2{font-size:15px;margin:0}.step{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#123653;color:#51b8ff;font-size:11px;font-weight:900}.status,.origin-note{font-size:10px;padding:6px 8px;border-radius:999px;background:#172b3d;color:#9bb2c5}.status.recording{background:#53282d;color:#ff9ca5}.status.saved{background:#163e31;color:#7ce0b2}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.controls-panel{align-self:start}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.metrics div{padding:11px;background:#081522;border-radius:10px}.metrics span,.metrics strong{display:block}.metrics span{font-size:10px;color:#7891a6}.metrics strong{font-size:13px;margin-top:4px}.metrics div:last-child{grid-column:span 2}.frame-wrap{height:min(65vh,650px);min-height:420px;border-radius:12px;overflow:hidden;background:#050b12;border:1px solid #1e374b;position:relative}.game-frame{width:100%;height:100%;border:0;background:#fff}.frame-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#71899d;padding:30px}.placeholder-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#122b40;color:#46b3ff;font-size:25px;margin-bottom:12px}.warning{font-size:11px;line-height:1.6;color:#738ba0;margin:12px 2px 0}.warning code{color:#a7c6df}.list{display:grid;gap:7px;max-height:310px;overflow:auto}.list.empty{color:#70889b;font-size:13px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#091725;border:1px solid #173248;border-radius:10px;padding:10px 12px;font-size:12px}.list-row b,.list-row span{display:block}.list-row span{color:#71899d;margin-top:4px;font-size:10px}.list-row code{color:#62c0ff;font-size:10px}.list-row>strong{font-size:10px;color:#8fa6b9}.icon-button{padding:6px 9px;background:#132c42;color:#9ec0da}.toast{position:fixed;right:20px;bottom:20px;z-index:50;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;padding:13px 16px;border-radius:12px;background:#14283b;border:1px solid #2b4c66;box-shadow:0 15px 40px #0006;font-size:13px}.toast.show{transform:translateY(0);opacity:1}.toast.success{border-color:#28785c}.toast.error{border-color:#8e3d49}@media(max-width:950px){.layout{grid-template-columns:1fr}.game-panel{grid-row:auto}.topbar{padding:0 16px}.user-chip{display:none}}