*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#eef3ff;background:radial-gradient(1200px 800px at 50% 35%,#1c2440,#0d1020 55%,#070912);cursor:grab}body.dragging{cursor:grabbing}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;top:18px;left:18px;z-index:10;pointer-events:none;user-select:none;max-width:min(440px,calc(100vw - 36px))}#hud.hidden{opacity:0;transition:opacity .3s}h1{font-size:22px;font-weight:700;letter-spacing:.2px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.sub{margin-top:4px;font-size:13px;color:#a9b4d6;line-height:1.4}#status{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:5px 12px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:600;backdrop-filter:blur(6px)}.dot{width:9px;height:9px;border-radius:50%;background:#ffb43a;animation:pulse 1.1s ease-in-out infinite}.dot.idle,.dot.solved{background:#57d36f;animation:none}.dot.error{background:#ff5d5d;animation:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}#controls{display:flex;gap:10px;margin-top:14px;pointer-events:auto}.btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#eef3ff;font:inherit;font-size:13px;font-weight:600;padding:9px 14px;border-radius:10px;cursor:pointer;transition:transform .08s ease,background .15s ease,filter .15s ease;backdrop-filter:blur(6px)}.btn:hover{background:#ffffff29}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,#4f8dff,#7a5cff);border-color:transparent}.btn.primary:hover{filter:brightness(1.12)}.btn:disabled{opacity:.45;cursor:default;transform:none}#hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:10;font-size:12.5px;color:#9aa6cb;background:#0a0d1a8c;border:1px solid rgba(255,255,255,.08);padding:8px 16px;border-radius:999px;white-space:nowrap;pointer-events:none;user-select:none;backdrop-filter:blur(6px);text-align:center;max-width:calc(100vw - 24px)}#hint.hidden{opacity:0}.keys{display:inline-block;padding:1px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;font-size:11.5px;font-weight:600;color:#dfe7ff}@media (max-width: 640px){h1{font-size:18px}.sub{font-size:12px}#controls{flex-wrap:wrap}#hint{display:block;white-space:normal;line-height:1.55;font-size:11.5px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:7px 12px}}