:root{--bg:#05060a;--ink:#f2ead2;--muted:#a49579;--gold:#d8b76a;--danger:#ea5f5f;--ice:#8fc1ce;--panel:rgba(8,8,12,.62);--line:rgba(255,255,255,.18)}
*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden;background:#020204;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(180,151,82,.13),transparent 38%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.8));z-index:2}body:after{content:"";position:fixed;inset:-20%;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.08) 3px 4px);mix-blend-mode:overlay;z-index:20}#app{position:relative}canvas{width:100vw;height:100vh;display:block;background:#05060a;image-rendering:auto}.overlay{position:absolute;inset:0;display:none;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 45%,rgba(32,25,20,.66),rgba(0,0,0,.92) 68%),linear-gradient(135deg,rgba(130,102,50,.11),transparent);z-index:10}.overlay.active{display:grid}.overlay>div,.overlay>p,.overlay>h1,.overlay>h2,.overlay>button{max-width:820px}.seal{width:82px;height:82px;margin:auto;display:grid;place-items:center;border:1px solid rgba(216,183,106,.42);border-radius:50%;font-size:44px;color:var(--gold);box-shadow:0 0 60px rgba(216,183,106,.2),inset 0 0 35px rgba(216,183,106,.08)}.kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:12px;margin:24px 0 8px}.overlay h1{font-family:Georgia,serif;font-size:clamp(48px,10vw,118px);line-height:.84;margin:0;text-shadow:0 7px 0 #000,0 0 60px rgba(216,183,106,.22)}.overlay h1 span{font-size:.48em;color:#bfc9cc;letter-spacing:.08em}.overlay h2{font-family:Georgia,serif;font-size:clamp(42px,7vw,86px);line-height:.95;margin:20px 0 10px}.summary,.truth{color:#c7b99a;line-height:1.7;margin:20px auto}.truth{max-width:760px;font-size:13px;color:#9f947f}.primary{cursor:pointer;border:1px solid rgba(216,183,106,.55);background:linear-gradient(180deg,#dfc37a,#866a32);color:#130f08;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:16px 28px;box-shadow:0 18px 45px rgba(0,0,0,.35);transition:transform .2s,filter .2s}.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.controls{display:grid;grid-template-columns:auto auto;gap:8px 20px;justify-content:center;margin:24px auto;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);color:#cdbf9d}.controls span:nth-child(odd){color:#f7e4a5;font-weight:800}.panel{position:absolute;top:16px;left:16px;right:16px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.brand,.stats{backdrop-filter:blur(14px);background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.28);border-radius:18px}.brand{padding:12px 16px;letter-spacing:.03em}.moon{color:var(--gold);font-size:22px;margin-right:8px}.stats{display:flex;gap:10px;flex-wrap:wrap;padding:10px}.stats span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);color:#cabd9f;font-size:13px}.stats b{color:#fff}.help{position:absolute;left:16px;bottom:16px;max-width:420px;z-index:4;background:rgba(5,5,9,.54);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);border-radius:18px;padding:14px 16px;color:#c6bda7;line-height:1.45;font-size:13px}.help p{margin:.35em 0}.toast{position:absolute;left:50%;bottom:38px;transform:translateX(-50%) translateY(20px);z-index:8;opacity:0;transition:.25s;background:rgba(8,8,12,.74);backdrop-filter:blur(14px);border:1px solid rgba(216,183,106,.38);color:#ffe7a0;border-radius:999px;padding:14px 20px;box-shadow:0 18px 50px rgba(0,0,0,.45);font-weight:800}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mobilePad{display:none;position:absolute;inset:auto 16px 16px auto;z-index:8;gap:18px;align-items:end}.stick{display:grid;grid-template-columns:52px 52px 52px;grid-template-rows:52px 52px 52px;gap:6px}.stick button,.act{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(10px);border-radius:16px;font-weight:900}.stick button[data-dir=up]{grid-column:2}.stick button[data-dir=left]{grid-column:1;grid-row:2}.stick button[data-dir=down]{grid-column:2;grid-row:3}.stick button[data-dir=right]{grid-column:3;grid-row:2}.act{width:70px;height:70px;border-radius:50%;background:rgba(216,183,106,.22);color:#ffe7a0}@media (max-width:760px){.panel{align-items:flex-start}.brand{display:none}.stats{justify-content:center}.help{display:none}.mobilePad{display:flex}.overlay h1{font-size:56px}.controls{font-size:12px}.truth{display:none}.toast{bottom:118px;white-space:nowrap}.stats span{font-size:12px;padding:7px 9px}}