.site-footer{border-top:1px solid var(--border);background:#0a0406a6;margin-top:auto;padding:2.5rem 0 2rem}.site-footer .grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;display:grid}.site-footer h3{color:var(--gold);margin-bottom:.75rem;font-size:1.05rem}.site-footer a{color:var(--cream-muted);margin-bottom:.4rem;font-size:.95rem;text-decoration:none;display:block}.site-footer a:hover{color:var(--gold-bright)}.site-footer .legal-line{color:var(--cream-muted);border-top:1px solid #d4a84b26;margin-top:2rem;padding-top:1.25rem;font-size:.85rem}@media (width<=720px){.site-footer .grid{grid-template-columns:1fr;gap:1.5rem}}.site-header{z-index:50;height:var(--header-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14080cd9;position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:1rem;height:100%;display:flex}.brand{color:var(--cream);align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand img{border:1px solid var(--border);border-radius:.45rem;width:2.5rem;height:2.5rem}.brand-name{font-family:var(--font-display);letter-spacing:.02em;font-size:1.55rem;font-weight:600}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.15rem 1.1rem;display:flex}.nav a{color:var(--cream-muted);font-size:1.05rem;font-weight:500;text-decoration:none}.nav a:hover,.nav a.active{color:var(--gold-bright)}.nav-play{border:1px solid var(--gold);border-radius:var(--radius);background:linear-gradient(180deg, var(--gold-bright), var(--gold));letter-spacing:.04em;padding:.4rem .85rem;font-weight:700;color:var(--bg-deep)!important}.nav-play:hover,.nav a.nav-play.active{filter:brightness(1.06);color:var(--bg-deep)!important}.nav-toggle{border:1px solid var(--border);color:var(--cream);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.4rem .65rem;display:none}@media (width<=820px){.nav-toggle{display:inline-flex}.nav{top:var(--header-h);border-bottom:1px solid var(--border);background:#14080cf5;flex-direction:column;align-items:stretch;gap:0;padding:.75rem 1rem 1rem;display:none;position:absolute;left:0;right:0}.nav.open{display:flex}.nav a{border-bottom:1px solid #d4a84b1f;padding:.65rem .25rem}}.store-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:28rem;display:grid}.store-badge{border:1px solid var(--border);border-radius:var(--radius);min-width:0;min-height:4.5rem;color:var(--cream);box-sizing:border-box;background:#1a1214bf;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.store-badge:hover{border-color:var(--gold);color:var(--cream);transform:translateY(-1px)}.store-badge.disabled{opacity:.72;cursor:default;pointer-events:none}.store-badge-icon{color:var(--gold-bright);flex-shrink:0}.store-badge-text{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.store-badge .title{font-family:var(--font-display);color:var(--gold-bright);font-size:1.35rem;line-height:1.15}.store-badge .note{color:var(--cream-muted);margin-top:.15rem;font-size:.92rem}.store-badge .label{text-transform:uppercase;letter-spacing:.08em;color:var(--cream-muted);margin-top:.25rem;font-size:.82rem}@media (width<=420px){.store-badges{grid-template-columns:1fr;max-width:none}}:root{--bg-deep:#14080c;--bg-velvet:#2a0f16;--bg-panel:#3a1520;--burgundy:#6b1c2a;--burgundy-bright:#8f2436;--gold:#d4a84b;--gold-bright:#f0d078;--gold-dim:#a67c2e;--cream:#f3e6d0;--cream-muted:#c9b89a;--charcoal:#1a1214;--ink:#f7efe3;--danger:#c44a3a;--ok:#3d9a5f;--border:#d4a84b47;--glow:#d4a84b2e;--radius:4px;--font-display:"Trebuchet MS", "Segoe UI", sans-serif;--font-body:"Trebuchet MS", "Segoe UI", sans-serif;--max:100%;--header-h:4.25rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 120% 80% at 50% -20%, #8f243673, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 100%, #d4a84b14, transparent 50%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-velvet) 45%, var(--charcoal) 100%);background-attachment:fixed;margin:0;font-size:1.2rem;line-height:1.6}body:before{content:"";pointer-events:none;opacity:.07;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:var(--gold-bright);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--cream)}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;color:var(--cream);font-weight:600;line-height:1.15}h1{margin:0 0 .75rem;font-size:clamp(2.8rem,5.5vw,4.25rem)}h2{margin:0 0 .75rem;font-size:clamp(1.85rem,3.2vw,2.4rem)}h3{margin:0 0 .5rem;font-size:1.5rem}p{color:var(--cream-muted);margin:0 0 1rem}.muted{color:var(--cream-muted);font-size:1.1rem}.container{width:min(100% - 3rem, var(--max));margin-inline:auto}.page{flex:1;padding:2.5rem 0 4rem}.page-header{max-width:40rem;margin-bottom:2rem}.page-header p{font-size:1.1rem}.prose{max-width:42rem}.prose h2{margin-top:2rem}.prose ul,.prose ol{color:var(--cream-muted);padding-left:1.25rem}.prose li{margin-bottom:.4rem}.btn{border:1px solid var(--gold);border-radius:var(--radius);background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:var(--bg-deep);font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 1px #0000004d, 0 8px 28px var(--glow);justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex}.btn:hover{color:var(--bg-deep);filter:brightness(1.06);transform:translateY(-1px)}.btn-ghost{color:var(--gold-bright);box-shadow:none;background:0 0}.btn-ghost:hover{color:var(--cream);filter:none;background:#d4a84b14}.btn-danger{background:linear-gradient(180deg, #a83228, var(--danger));color:#fff;box-shadow:none;border-color:#8b1e1e}.btn-danger:disabled{opacity:.45;cursor:not-allowed;transform:none}.cta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(160deg,#3a1520eb,#14080ce0);padding:1.25rem 1.35rem}.warn{border-radius:var(--radius);color:var(--cream);background:#c44a3a1f;border:1px solid #c44a3a73;margin:1.25rem 0;padding:.9rem 1rem}.status-ok{color:var(--ok)}.status-bad{color:var(--danger)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-glow{0%,to{filter:drop-shadow(0 0 12px #d4a84b40)}50%{filter:drop-shadow(0 0 28px #d4a84b73)}}.anim-rise{animation:.7s both rise-in}.anim-rise-delay{animation:.7s .15s both rise-in}.anim-rise-delay-2{animation:.7s .3s both rise-in}.anim-glow{animation:4s ease-in-out infinite soft-glow}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.hero{min-height:calc(100vh - var(--header-h));align-items:center;padding:2.5rem 0 3.5rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#6b1c2a8c,#0000 65%),radial-gradient(at 70% 40%,#d4a84b1f,#0000 45%);height:70%;position:absolute;inset:8% -10% auto}.hero-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:2rem;display:grid;position:relative}.hero-brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--gold-bright);text-shadow:0 2px 24px #d4a84b40;margin:0 0 .85rem;font-size:clamp(3.2rem,8vw,5.5rem);font-weight:700}.hero-tag{color:var(--cream);max-width:34rem;margin:0 0 .75rem;font-size:clamp(1.35rem,2.5vw,1.7rem)}.hero-support{max-width:34rem;margin-bottom:1.5rem;font-size:1.15rem}.hero-visual{justify-content:flex-end;display:flex}.hero-visual img{width:min(100%,38rem);box-shadow:none;background:0 0;border:0;border-radius:0}.how-to-play{max-width:48rem;margin-inline:auto}.how-to-play .page-header,.how-to-play .prose{max-width:none}.section{padding:3rem 0}.section-title{margin-bottom:.5rem}.rank-strip{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.65rem;margin-top:1.25rem;display:grid}.rank-card{border:1px solid var(--border);border-radius:var(--radius);background:#1a12148c;padding:.85rem .9rem}.rank-card strong{color:var(--gold-bright);font-family:var(--font-display);margin-bottom:.2rem;font-size:1.1rem;display:block}.rank-card span{color:var(--cream-muted);font-size:.88rem}.faq-list details{border:1px solid var(--border);border-radius:var(--radius);background:#1a121473;margin-bottom:.65rem;padding:.85rem 1rem}.faq-list summary{cursor:pointer;color:var(--cream);font-weight:600}.faq-list details p{margin:.75rem 0 .15rem}.steps{gap:1rem;margin:1.5rem 0;display:grid}.step{grid-template-columns:2.5rem 1fr;align-items:start;gap:.85rem;display:grid}.step-num{border:1px solid var(--gold);width:2.5rem;height:2.5rem;color:var(--gold-bright);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.sitemap-list{columns:2;gap:2rem}.sitemap-list a{margin-bottom:.45rem;display:block}@media (width<=860px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1;justify-content:center}.hero-visual img{width:min(100%,22rem)}.sitemap-list{columns:1}}.delete-form label.confirm{color:var(--cream-muted);align-items:flex-start;gap:.55rem;margin:1rem 0;display:flex}.delete-form input[type=text]{border-radius:var(--radius);border:1px solid var(--border);width:100%;color:var(--cream);font:inherit;background:#0a040699;margin-top:.35rem;padding:.55rem .65rem}.delete-form .linkish{color:var(--gold-bright);cursor:pointer;font:inherit;background:0 0;border:0;margin-top:.5rem;padding:0;text-decoration:underline}#googleBtn{min-height:44px;margin:.75rem 0 .25rem}