:root{--bg:#0f0f1e;--bg-light:#1a1a2e;--paper:#f4e3c4;--ink:#1a1a2e;--ink-soft:#4a4a5a;--accent:#f9c;--warm:#ffe066;--cool:#9cf;--green:#6fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e8f0;background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--bg)}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}::selection{background:var(--accent);color:var(--ink)}.app{width:100vw;height:100vh;position:relative;overflow:hidden}canvas{outline:none;display:block}.hud{pointer-events:none;z-index:5;justify-content:space-between;align-items:center;padding:18px 22px;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hud-right{align-items:center;gap:12px;display:flex}.brand{letter-spacing:.6px;color:#fff;text-shadow:0 1px 4px #0000008c;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;font-weight:700}.brand .dot{color:var(--accent)}.scene-tag{-webkit-backdrop-filter:blur(6px);letter-spacing:.4px;color:#fff;background:#0f0f1e8c;border:1px solid #ffffff14;border-radius:999px;padding:6px 12px;font-size:12px}.back-btn{letter-spacing:.4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0f0f1e8c;border:1px solid #ffffff1a;border-radius:999px;padding:6px 12px;font-size:12px;transition:background .12s}.back-btn:hover{background:#f9c3}.hint{pointer-events:none;z-index:4;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 22px;display:flex;position:fixed;bottom:26px;left:0;right:0}.hint p{letter-spacing:.4px;color:#ffffffc7;text-shadow:0 1px 4px #0009;margin:0;font-size:13px}.hint .hint-small{color:#ffffff80;font-size:11px;font-style:italic}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:50;background:#0f0f1e8c;justify-content:center;align-items:center;padding:22px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--paper);width:100%;max-width:580px;max-height:86vh;color:var(--ink);border-radius:14px;padding:28px 32px;font-family:ui-sans-serif,system-ui,sans-serif;animation:.22s cubic-bezier(.4,0,.2,1) cardIn;position:relative;overflow:auto;box-shadow:0 20px 60px #00000073,inset 0 1px #fff6}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{width:30px;height:30px;color:var(--ink);background:#1a1a2e14;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background .12s;display:inline-flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:#1a1a2e2e}.modal-header{align-items:baseline;gap:12px;margin:0 0 16px;padding-right:36px;display:flex}.modal-emoji{font-size:26px}.modal-title{letter-spacing:-.2px;margin:0;font-size:22px;font-weight:700}.modal-body{color:var(--ink-soft);font-size:15px;line-height:1.65}.modal-body p{margin:0 0 12px}.modal-body p:last-child{margin-bottom:0}.modal-placeholder{text-align:center;color:var(--ink-soft);border:2px dashed #1a1a2e38;border-radius:10px;padding:22px 18px;font-size:14px;font-style:italic}.modal-placeholder strong{color:var(--ink);margin-bottom:6px;font-size:16px;font-style:normal;display:block}@media (width<=640px){.hud{padding:12px 14px;font-size:12px}.brand{font-size:13px}.hint{bottom:16px}.hint p{font-size:12px}.modal-card{max-height:92vh;padding:24px 22px}.modal-title{font-size:19px}}