*{box-sizing:border-box}html,body{color:#dfe6ff;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#0a0d18;min-height:100vh;margin:0;padding:0;font-family:Trebuchet MS,system-ui,-apple-system,sans-serif}button,input{touch-action:manipulation}button{font-family:inherit}.sim-root{flex-direction:column;min-height:100vh;display:flex}.sim-header{background:#0d1122;border-bottom:1px solid #1d2440;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.sim-header h1{letter-spacing:1px;color:#ffd166;margin:0;font-size:16px}.sim-header .sub{color:#6a76a8;font-size:11px}.sim-main{flex:1;justify-content:center;align-items:flex-start;gap:14px;padding:14px;display:flex}.sim-panel{background:#0e1327;border:1px solid #1d2440;border-radius:14px;padding:14px}.sim-panel h2{text-transform:uppercase;letter-spacing:2px;color:#7d89bd;margin:0 0 10px;font-size:12px}.sim-center{flex-direction:column;flex-shrink:1;align-items:center;gap:0;min-width:0;display:flex}.figure-library{flex-direction:column;gap:10px;width:190px;display:flex}.figure-card{cursor:grab;-webkit-user-select:none;user-select:none;background:#171e38;border:2px solid #232c52;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:transform .12s,border-color .12s,opacity .12s;display:flex}.figure-card:hover{border-color:#ffd166;transform:translateY(-2px)}.figure-card.placed{opacity:.3;cursor:default}.figure-card.selected{border-color:#ffd166;box-shadow:0 0 0 2px #ffd16655}.figure-card .glyph{font-size:34px}.figure-card .meta{flex-direction:column;display:flex}.figure-card .meta .name{font-size:14px;font-weight:700}.figure-card .meta .arch{color:#7d89bd;font-size:11px}.scan-pad{cursor:pointer;background:radial-gradient(#232c52 0%,#141a30 70%);border:2px dashed #2e3a6b;border-radius:50%/42%;justify-content:center;align-items:center;width:150px;height:90px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.scan-pad.droptarget,.scan-pad:hover{border-color:#ffd166}.scan-pad .scan-hint{color:#3a4468;font-size:34px}.scan-pad .scan-figure{filter:drop-shadow(0 4px 6px #00000080);font-size:52px;line-height:1;animation:.9s ease-out scan-bounce}.scan-pad .scan-ring{border-radius:inherit;pointer-events:none;border:2px solid #0000;position:absolute;inset:-6px}.scan-pad.scanning{border-color:#7ee0a3;box-shadow:0 0 24px #7ee0a359}.scan-pad.scanning .scan-ring{border-color:#7ee0a3;animation:.9s ease-out scan-ring}@keyframes scan-ring{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@keyframes scan-bounce{0%{opacity:.4;transform:translateY(-18px)scale(.8)}60%{opacity:1;transform:translateY(2px)scale(1.05)}to{transform:translateY(0)scale(1)}}.device-frame{background:linear-gradient(#2e3653,#1b2138);border-radius:26px;align-items:center;gap:16px;padding:26px;display:flex;box-shadow:0 18px 40px #0000008c}.volume-rail{flex-direction:column;align-items:center;gap:8px;display:flex}.volume-rail button{color:#dfe6ff;cursor:pointer;background:#3a4468;border:none;border-radius:10px;width:40px;height:40px;font-size:20px;font-weight:800}.volume-rail button:hover{background:#4a5580}.volume-rail .vol-level{color:#8f9bc4;font-size:11px}.speech-fallback{background:#171e38;border:1px solid #ff8fa366;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;display:flex}.speech-fallback input{color:#dfe6ff;background:#0e1327;border:1px solid #232c52;border-radius:8px;width:220px;padding:6px 10px;font-size:14px}.speech-fallback button{color:#4a0015;cursor:pointer;background:#ff8fa3;border:none;border-radius:8px;padding:7px 12px;font-weight:800}.dev-drawer{flex-direction:column;gap:12px;width:360px;max-height:calc(100vh - 90px);display:flex;overflow-y:auto}.dev-kv{grid-template-columns:110px 1fr;gap:3px 8px;font-size:12px;display:grid}.dev-kv dt{color:#7d89bd}.dev-kv dd{color:#c9d4ff;word-break:break-all;margin:0;font-family:ui-monospace,monospace}.event-log{background:#0a0e1d;border-radius:8px;max-height:190px;padding:8px;font-family:ui-monospace,monospace;font-size:10.5px;line-height:1.5;overflow-y:auto}.event-log .in{color:#7ee0a3}.event-log .fx{color:#8fb8ff}.event-log .err{color:#ff8fa3}.turn-json{white-space:pre;color:#b9c6f5;background:#0a0e1d;border-radius:8px;max-height:220px;padding:8px;font-family:ui-monospace,monospace;font-size:10px;overflow:auto}.fault-row{justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.dev-btn{color:#dfe6ff;cursor:pointer;background:#232c52;border:none;border-radius:8px;padding:6px 10px;font-size:12px}.dev-btn:hover{background:#2e3a6b}.dev-btn.danger{background:#55223a}.latency-grid{grid-template-columns:repeat(3,1fr);gap:6px;font-size:11px;display:grid}.latency-cell{background:#0a0e1d;border-radius:8px;padding:6px 8px}.latency-cell .val{color:#ffd166;font-size:16px;font-weight:800}.header-controls{align-items:center;gap:8px;display:flex}select.dev-select{color:#dfe6ff;background:#171e38;border:1px solid #232c52;border-radius:8px;padding:5px 8px;font-size:12px}.kid-root{padding:max(8px,env(safe-area-inset-top))max(8px,env(safe-area-inset-right))max(8px,env(safe-area-inset-bottom))max(8px,env(safe-area-inset-left));-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#07090f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.kid-stage{align-items:center;gap:12px;display:flex}.kid-tray{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.kid-figure{cursor:pointer;background:#ffffff0a;border:2px solid #ffffff1f;border-radius:18px;justify-content:center;align-items:center;width:72px;height:62px;padding:0;font-size:34px;line-height:1;transition:transform .12s,border-color .2s,background .2s;display:flex;position:relative}.kid-figure:active{transform:scale(.92)}.kid-figure.in-story{background:#ffd16614;border-color:#ffd16673}.kid-figure.hero{border-color:#ffd166}.kid-figure .crown{font-size:16px;position:absolute;top:-9px;right:-4px}.kid-device{border-radius:14px;position:relative;overflow:hidden}.kid-speech{bottom:max(10px,env(safe-area-inset-bottom));z-index:30;position:fixed;left:50%;transform:translate(-50%)}.kid-exit{top:max(6px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right));color:#ffffff24;cursor:pointer;z-index:40;background:0 0;border:none;width:30px;height:30px;font-size:13px;position:fixed}.kid-portrait-overlay{display:none}@media (orientation:portrait){.kid-portrait-overlay{z-index:60;color:#c9d4ff;text-align:center;background:#07090f;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:24px;font-weight:800;display:flex;position:fixed;inset:0}.kid-portrait-overlay .rotate-glyph{font-size:64px;animation:1.6s ease-in-out infinite kid-rotate-hint}}@keyframes kid-rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}