:root{--ink: #f6f2ea;--gold: #e9d9b0;--panel: rgba(20, 17, 13, .62);--line: rgba(233, 217, 176, .35);--sel: #e9d9b0;--sel-ink: #1b150d}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0e0c0a;color:var(--ink);font-family:Helvetica Neue,Arial,sans-serif;-webkit-user-select:none;user-select:none}canvas#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.panel{position:fixed;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px}.intro{left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));padding:28px 26px;text-align:center}.brand{letter-spacing:.32em;font-size:11px;color:var(--gold)}.intro h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:40px;margin:10px 0 2px}.sub{margin:0 0 18px;opacity:.85}#loadbar{height:3px;background:#ffffff26;border-radius:2px;overflow:hidden}#loadfill{height:100%;width:0;background:var(--gold);transition:width .2s}#loadtext{font-size:13px;opacity:.8;margin:8px 0 16px}button{font:inherit;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 18px;cursor:pointer}button:disabled{opacity:.4;cursor:default}#enter{background:var(--gold);color:var(--sel-ink);border:none;padding:12px 28px;font-weight:600}.hint{font-size:12px;opacity:.65;margin:14px 0 0}#crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff9;pointer-events:none}#crosshair.hot{background:var(--gold);box-shadow:0 0 0 4px #e9d9b040}#prompt{position:fixed;left:50%;top:calc(50% + 26px);transform:translate(-50%);background:var(--panel);color:var(--gold);padding:6px 14px;border-radius:999px;font-size:14px;pointer-events:none}.card{left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 32px));padding:22px;text-align:center}.card h2{font-family:Georgia,serif;font-weight:400;margin:0 0 16px;font-size:24px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice{border-radius:12px;padding:18px 14px;text-align:left;display:flex;flex-direction:column;gap:6px}.choice b{font-size:18px}.choice span{font-size:13px;opacity:.8}.choice i{font-style:normal;font-size:12px;color:var(--gold);min-height:1em}.choice:hover,.choice.sel{background:var(--sel);color:var(--sel-ink);border-color:var(--sel)}.choice:hover i,.choice.sel i{color:var(--sel-ink)}.ghost{margin-top:14px;border:none;opacity:.75}#hud{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;gap:8px;flex-wrap:wrap}#hud button{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;padding:9px 14px}@media(hover:none){.desktop-only{display:none!important}}@media(hover:hover){.touch-only{display:none!important}}@media(max-width:520px){.choices{grid-template-columns:1fr}.intro h1{font-size:32px}}.flamerow{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.flamelabel{font-size:13px;opacity:.85;margin-bottom:10px}.flamelabel span{color:var(--gold);margin-left:6px}.swatches{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.swatch{width:38px;height:38px;padding:0;border-radius:50%;background:var(--c);border:2px solid rgba(255,255,255,.25);box-shadow:0 0 12px -2px var(--c)}.swatch.cycle{background:conic-gradient(#ff9a3c,#ff3b2a,#9b4dff,#3d7bff,#19d6bd,#ff9a3c);--c: #e9d9b0}.bedrow{margin-top:10px;padding-top:10px}.swatch.match{background:radial-gradient(circle,#e9d9b0 0 30%,#6b5a3a 31% 100%);--c: #e9d9b0}.swatch.on{border-color:#fff;box-shadow:0 0 0 3px #e9d9b08c,0 0 16px 0 var(--c)}@media(max-width:480px){.swatch{width:34px;height:34px}.choice{padding:14px 10px}}.help table{margin:0 auto 4px;border-collapse:collapse;text-align:left;font-size:14px}.help td{padding:5px 10px;vertical-align:top}.help td:first-child{color:var(--gold);white-space:nowrap}#lockhint{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:8px 14px;font-size:13px;opacity:.85;pointer-events:none}.winlink{display:inline-block;margin-top:12px;font-size:13px;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(233,217,176,.4)}.card{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}#cardclose,#helpclose{position:sticky;bottom:-22px}body.cardopen #hud{display:none}@media(orientation:landscape)and (max-height:500px){.card{top:8px;transform:translate(-50%);padding:12px 16px;max-height:calc(100dvh - 16px);width:min(760px,calc(100% - 24px))}.card h2{font-size:18px;margin-bottom:8px}.choices{grid-template-columns:1fr 1fr;gap:8px}.choice{padding:8px 10px}.flamerow{margin-top:8px;padding-top:8px}.flamelabel{margin-bottom:6px}.swatches{gap:8px}.swatch{width:34px;height:34px}.ghost{margin-top:8px}#cardclose,#helpclose{bottom:-12px;background:var(--panel)}}