:root{--ink:#f6f2ff;--ink-soft:#f6f2ffb8;--panel:#0c0d1cb8;--line:#ffffff29;--accent:#ffd166;--font:"Segoe UI", "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0d1a;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.hud{top:max(12px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:absolute}.hud-left,.hud-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-right{justify-content:flex-end}.chip,.ghost{pointer-events:auto;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:13px}.chip.strong{color:var(--accent);font-weight:700}.chip.soft{color:var(--ink-soft)}.ghost{transition:background .15s,transform .15s}.ghost:hover{background:#282a46d9;transform:translateY(-1px)}.ghost.wide{margin-top:14px}.clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 10px #00000080;border-radius:999px;padding:6px 18px;font-size:22px;font-weight:700}.controls{left:50%;bottom:max(26px, env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--line);color:var(--ink-soft);pointer-events:none;text-align:center;border-radius:999px;max-width:92vw;padding:9px 16px;font-size:13px;transition:opacity .8s;position:absolute;transform:translate(-50%)}.controls.fade{opacity:0}.hint-btn{right:max(14px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));color:var(--accent);background:#ffd16629;border:1px solid #ffd1668c;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;animation:.5s both rise;position:absolute}.hint{left:50%;bottom:max(78px, calc(env(safe-area-inset-bottom) + 52px));background:var(--panel);-webkit-backdrop-filter:blur(12px);max-width:min(520px,90vw);font-family:var(--serif);text-align:center;pointer-events:none;border:1px solid #ffd16666;border-radius:16px;padding:14px 18px;font-size:17px;line-height:1.4;animation:.45s both rise;position:absolute;transform:translate(-50%)}.pointer{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.pointer i{background:var(--accent);width:22px;height:22px;transform:rotate(var(--rot,0deg));border-radius:50% 50% 50% 0;position:absolute;top:-11px;left:-11px;box-shadow:0 0 18px #ffd166cc}.pointer span{text-align:center;letter-spacing:.12em;text-transform:uppercase;width:60px;color:var(--accent);text-shadow:0 1px 6px #000000b3;font-size:11px;position:absolute;top:16px;left:-30px}.stick{pointer-events:none;background:#ffffff0f;border:2px solid #ffffff47;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}.stick i{width:46px;height:46px;transform:translate(var(--sx,0px), var(--sy,0px));background:#ffffff80;border-radius:50%;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);text-align:center;background:linear-gradient(160deg,#14162edb,#0a0a18e6);border-radius:26px;width:min(680px,92vw);max-height:92vh;padding:clamp(22px,4vw,40px);animation:.5s both rise;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 90px #0000008c,inset 0 1px #ffffff14}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px}h1,h2{font-family:var(--serif);letter-spacing:.005em;margin:0;font-weight:700;line-height:1.02}h1{background:linear-gradient(#fff 20%,#ffd166 120%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,9vw,84px)}h2{font-size:clamp(28px,5vw,42px)}.tagline{text-wrap:balance;max-width:34em;color:var(--ink-soft);margin:16px auto 4px;font-size:clamp(16px,2.4vw,19px);line-height:1.45}.call{font-family:var(--serif);margin:0 0 22px;font-size:clamp(18px,2.8vw,22px)}.days{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.day{border:1px solid var(--line);color:#fff;text-align:left;border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:132px;padding:16px 12px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.day:hover,.day:focus-visible{border-color:#ffffff80;outline:none;transform:translateY(-4px);box-shadow:0 16px 34px #00000073}.day.paper{color:#2b2a26;background:linear-gradient(165deg,#f7edd6 0%,#bfdca8 55%,#e9824f 140%)}.day.neon{background:radial-gradient(120% 90% at 20% 10%,#24104a 0%,#05060f 70%),#05060f;box-shadow:inset 0 0 0 1px #35f2ff59}.day.glass{background:linear-gradient(150deg,#ff4d5e 0%,#7a2bd6 48%,#2d6bff 100%)}.day .num{letter-spacing:.2em;text-transform:uppercase;opacity:.8;font-size:12px}.day .name{font-family:var(--serif);margin:3px 0 8px;font-size:19px;font-weight:700;line-height:1.12}.day .state{opacity:.85;font-size:12px}.day .tick{letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#00000047;border-radius:999px;padding:3px 8px;font-size:12px;position:absolute;top:10px;right:12px}.foot{color:var(--ink-soft);justify-content:center;gap:14px;margin-top:20px;font-size:12px;display:flex}.foot a{color:var(--ink-soft)}.win .law{max-width:24em;font-family:var(--serif);color:#fff;margin:16px auto 10px;font-size:clamp(20px,3.4vw,28px);line-height:1.3}.win .stats{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0 0 22px}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.big{border:1px solid var(--line);background:#ffffff14;border-radius:999px;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .15s,background .15s}.big:hover{background:#ffffff29;transform:translateY(-2px)}.big.primary{background:var(--accent);border-color:var(--accent);color:#23190a}.big.primary:hover{background:#ffe09a}@keyframes rise{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@media (max-width:620px){.days{grid-template-columns:1fr}.day{min-height:84px}.hud{grid-template-columns:1fr auto}.hud-right{grid-column:1/-1;justify-content:flex-start}.chip.soft{display:none}}