:root{color-scheme:dark;--bg:#10161d;--bg2:#171f28;--panel:#1d2832;--txt:#f7f6f2;--muted:#adb9c2;--accent:#ff8b3c;--line:#34404a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1200px,calc(100% - 56px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:10px;background:#fff;color:#000;padding:8px;z-index:50}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff14;background:#10161def;backdrop-filter:blur(16px)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;letter-spacing:.025em;font-size:15px;font-weight:650}.brand b{color:var(--accent)}.brand sup{font-size:8px;margin-top:-12px}.brand-target{font-size:33px;line-height:1;color:var(--accent)}nav{display:flex;align-items:center;gap:29px;font-size:13px;color:#d2d8dc}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{border:1px solid #c46b34;border-radius:5px;padding:11px 16px;color:var(--accent)}.menu-toggle{display:none}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;padding-block:70px 95px}.eyebrow,.kicker{font-size:11px;color:var(--accent);font-weight:750;letter-spacing:.17em}.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #ff8b3c18}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(60px,7vw,100px);line-height:.99;letter-spacing:-.065em;margin:28px 0 27px;font-weight:900}h1 em,h2 em{color:var(--accent);font-style:normal}.hero-copy>p{color:var(--muted);font-size:17px;max-width:540px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.button{border:1px solid var(--line);font-size:13px;font-weight:750;padding:15px 20px;display:inline-flex;gap:18px;align-items:center;justify-content:center;border-radius:5px}.button.primary{background:var(--accent);color:#181818;border-color:var(--accent)}.button.primary:hover{background:#ffae77}.button.secondary:hover{border-color:var(--accent)}.hero-note{font-size:12px!important;color:#83939f!important}.hero-art{position:relative;min-height:470px;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:9%;background:radial-gradient(circle,#e57a321b,transparent 65%);filter:blur(8px);z-index:-2}.orbit{position:absolute;border:1px solid #fc9a4920;border-radius:50%}.orbit-a{width:470px;height:470px}.orbit-b{width:555px;height:555px}.board{position:relative;width:min(370px,75vw);height:min(370px,75vw);aspect-ratio:1;border:13px solid #222d31;box-shadow:0 0 0 5px #bd6934,0 30px 90px #0009;border-radius:50%;background:repeating-conic-gradient(from -9deg,#e8dcc7 0 9deg,#222e30 9deg 18deg);transform:rotate(-5deg);overflow:hidden}.ring{position:absolute;border-radius:50%;inset:0}.ring-outer{inset:7%;border:17px solid #aa2f25;box-shadow:inset 0 0 0 4px #193c2e}.ring-mid{inset:24%;border:11px solid #2b6a44;box-shadow:0 0 0 5px #b72d23}.ring-inner{inset:41%;border:8px solid #bf332c}.bull{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);background:#c94330;border:4px solid #377a43;border-radius:50%}.cross{position:absolute;background:#ffffff30;left:50%;top:0;transform-origin:center}.cross-v{height:100%;width:1px}.cross-h{width:100%;height:1px;left:0;top:50%}.flight{position:absolute;width:14px;height:135px;background:linear-gradient(90deg,#ddd 0 25%,#666 30% 38%,#fafafa 40% 70%,#888 78%);clip-path:polygon(12% 0,88% 0,70% 82%,55% 100%,45% 100%,30% 82%);transform:rotate(38deg);top:29%;left:65%;filter:drop-shadow(2px 5px 3px #000)}.floating{position:absolute;background:#202d38ec;border:1px solid #41515a;box-shadow:0 20px 45px #0005;border-radius:8px;padding:14px 20px;display:flex;flex-direction:column}.floating-one{left:0;bottom:27px}.floating-two{right:0;top:36px}.floating strong{font-size:28px;color:#fff;line-height:1.2}.floating-two strong{font-size:14px}.floating span:not(.tiny-label){font-size:10px;color:var(--muted)}.tiny-label{font-size:9px;color:var(--accent);font-weight:700;letter-spacing:.12em}.strip{background:#202b34;border-top:1px solid #35434c;border-bottom:1px solid #35434c}.strip-inner{display:flex;justify-content:space-between;gap:18px;padding-block:23px;font-size:11px;color:#b9c2c9;font-weight:750;letter-spacing:.09em;flex-wrap:wrap}.section{padding-block:115px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:43px}.section-head>div{max-width:660px}.section-head>p{max-width:355px;color:var(--muted);font-size:15px}h2{font-size:clamp(37px,5vw,64px);line-height:1.1;letter-spacing:-.055em;margin:17px 0 0}h3{font-size:21px;letter-spacing:-.025em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{min-height:245px;padding:32px;background:#1b252e;border:1px solid #34404a;border-radius:10px}.feature.featured{grid-column:span 2;background:linear-gradient(125deg,#283b46,#1b262c)}.feature-icon{display:block;font-size:29px;color:var(--accent);margin-bottom:24px}.feature p,.steps p{color:var(--muted);font-size:14px;margin-bottom:0}.feature-tag{display:inline-block;font-size:10px;color:var(--accent);margin-top:25px;text-transform:uppercase;letter-spacing:.1em}.dark-panel{background:#1b252e}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps article{border-top:1px solid #59636b;padding-top:20px}.steps article>span{font-size:13px;font-weight:800;color:var(--accent)}.steps h3{margin:45px 0 10px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-grid div{background:#1c2731;border:1px solid var(--line);border-radius:8px;padding:27px 20px;font-size:18px;font-weight:750}.game-grid div:before{content:'↗';color:var(--accent);padding-right:13px}.status-section{background:#151f26}.status-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.status-layout p,.contact p{color:var(--muted);max-width:480px}.text-link{color:var(--accent);font-weight:700}.status-box{background:#222f38;border:1px solid #41515b;padding:36px;border-radius:10px}.status-pill{display:inline-block;border:1px solid #cc7a3e;font-size:10px;color:var(--accent);padding:7px 12px;border-radius:50px;letter-spacing:.08em}.status-box h3{margin-top:25px}.status-box ul{padding-left:22px;color:#c8d0d5;font-size:14px;line-height:2}.status-box small,.contact small{font-size:11px;color:#9facb5}.contact-panel{position:relative;overflow:hidden;background:linear-gradient(110deg,#283942,#17232d);border:1px solid #49606a;padding:70px;border-radius:14px}.contact-panel:after{content:'◎';font-size:330px;line-height:1;position:absolute;right:-25px;top:-75px;color:#ff8b3c12;pointer-events:none}.contact-panel>*{position:relative;z-index:1}.contact-panel h2{margin-bottom:20px}footer{border-top:1px solid var(--line)}.footer-inner{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#9ba7af;font-size:12px}.footer-inner .brand{color:#fff}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{min-height:450px}.section-head{align-items:start;flex-direction:column;gap:10px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps,.game-grid{grid-template-columns:repeat(2,1fr)}.status-layout{grid-template-columns:1fr;gap:35px}.footer-inner{flex-wrap:wrap;padding-block:25px}.strip-inner{justify-content:center}}@media(max-width:680px){.container{width:min(100% - 32px,1200px)}.nav{height:68px}.brand{font-size:12px}.menu-toggle{display:block;border:1px solid var(--line);color:#fff;background:transparent;border-radius:5px;padding:6px 11px;font-size:20px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#161f28;padding:24px;flex-direction:column;align-items:stretch;gap:17px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{padding-block:56px 30px;gap:15px;min-height:auto}h1{font-size:clamp(55px,14vw,82px)}.hero-art{min-height:360px}.board{width:275px;height:275px}.orbit-a{width:325px;height:325px}.orbit-b{width:380px;height:380px}.floating-one{bottom:5px}.floating-two{top:0}.section{padding-block:75px}.feature-grid{grid-template-columns:1fr}.feature.featured{grid-column:auto}.feature{min-height:0}.steps,.game-grid{grid-template-columns:1fr 1fr}.game-grid div{font-size:14px;padding:18px 12px}.contact-panel{padding:36px 23px}.footer-inner{align-items:flex-start;flex-direction:column;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v0.2.0: visual styling inspired by the desktop theme; no app screenshots used. */
:root{--bg:#05080d;--bg2:#0a111b;--panel:#111b28;--txt:#f6f8fb;--muted:#a5b2c1;--accent:#ff8a19;--line:#314255}
body{background:radial-gradient(ellipse 65% 36% at 78% 0%,#bd550c18,transparent 75%),radial-gradient(ellipse 50% 40% at 4% 30%,#19395824,transparent 75%),#05080d}
.site-header{background:#070b13ed;border-bottom:1px solid #ff931827;box-shadow:0 10px 35px #0009}
.brand{letter-spacing:.07em;text-shadow:0 1px 2px #000}
.brand b{color:#ffad47;text-shadow:0 0 16px #ff7b0044}
.brand-target{color:#ffa12b;text-shadow:0 0 20px #ff7a0077}
.nav-cta{background:linear-gradient(120deg,#ff8a1922,#ff8a1908);border-color:#fa90276e;box-shadow:inset 0 0 18px #ff8a1910}
.hero{position:relative;min-height:760px;gap:70px}
.hero:before{content:'';position:absolute;inset:3% -4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 45%,#ff7a0e14,transparent 45%)}
h1{font-weight:950;letter-spacing:-.07em;text-shadow:0 2px 2px #000b,0 0 35px #ffffff10}
h1 em,h2 em{color:#ff9a25;text-shadow:0 0 24px #ef76005c}
h2{font-weight:850}
.eyebrow{color:#ffb45e}
.live-dot{background:#ff8a19;box-shadow:0 0 0 5px #ff8b3c18,0 0 18px #ff8a19}
.button{border-radius:10px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button.primary{color:#180b00;background:linear-gradient(145deg,#ffc15c,#ff8b19 57%,#ef6400);border-color:#ffb34d;box-shadow:0 0 0 1px #ff9d2730,0 9px 36px #fa700044,inset 0 1px 0 #ffdf9e}
.button.primary:hover{background:linear-gradient(145deg,#ffd27d,#ff9d33 70%,#ff7a08);box-shadow:0 12px 44px #fa700067}
.button.secondary{background:#101a28b0;box-shadow:inset 0 1px 0 #ffffff0c}
.hero-art:before{background:radial-gradient(circle,#ff831d38 0%,#ee6b0c15 42%,transparent 69%);filter:blur(18px)}
.orbit{border-color:#ff8b1835;box-shadow:0 0 22px #ff7c0e0f,inset 0 0 20px #ff7c0e08}
.board{box-shadow:0 0 0 5px #ce792a,0 0 25px #fc7e164e,0 0 105px #ff7e1626,0 32px 105px #000d}
.floating{background:#101b29f5;border:1px solid #e88a3c75;box-shadow:0 0 25px #ff7d171a,0 18px 45px #0009;border-radius:12px}
.strip{background:#0b131e;border-color:#ac681d38}
.strip-inner{color:#b6c1cb}
.section{position:relative}
.feature,.game-grid div,.status-box{background:linear-gradient(150deg,#152334,#0b121d 85%);border:1px solid #344353;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0b,0 16px 45px #0004;transition:border-color .22s,box-shadow .22s,transform .22s}
.feature:hover,.game-grid div:hover{border-color:#ff8b1999;box-shadow:0 0 25px #ff7b141b,inset 0 1px 0 #ffb85815;transform:translateY(-3px)}
.feature.featured{background:radial-gradient(ellipse at 7% 0%,#ff871b20,transparent 57%),linear-gradient(130deg,#1b2c3e,#0a121c);border-color:#e58b4059}
.feature-icon{color:#ffa23c;text-shadow:0 0 17px #ff850074}
.dark-panel{background:linear-gradient(180deg,#101b29,#09111d);border-block:1px solid #ff911922}
.steps article{border-color:#c479326b}
.steps article>span{color:#ffa034;text-shadow:0 0 13px #f875007a}
.game-grid div:before{color:#ff9c2e}
.status-section{background:radial-gradient(ellipse at 80% 20%,#ff7b0b0b,transparent 55%),#080f1a;border-block:1px solid #ffffff0d}
.status-box{border-color:#ff963b61;box-shadow:0 0 35px #ff7a0b12,0 25px 80px #0008}
.status-pill{color:#ffba6c;background:#ff921813}
.contact-panel{background:radial-gradient(ellipse at 85% 60%,#ff851c28,transparent 55%),linear-gradient(130deg,#162638,#09111c);border-color:#ff922a7c;box-shadow:0 0 42px #f9770b17,inset 0 1px 0 #ffffff16}
.contact-panel:after{color:#ff9d1b15}
footer{background:#050910;border-color:#ff922024}
:focus-visible{outline:2px solid #ffb451;outline-offset:4px}
@media(max-width:900px){.hero{min-height:auto;gap:20px}}
@media(max-width:680px){.hero{gap:18px}.hero-art{overflow:hidden}.floating-one{left:2px}.floating-two{right:2px}}
@media(prefers-reduced-motion:reduce){.button,.feature,.game-grid div{transition:none}.button:hover,.feature:hover,.game-grid div:hover{transform:none}}


/* v0.2.2 branding refresh */
.brand-logo img{display:block;height:56px;width:auto;filter:drop-shadow(0 0 18px rgba(255,132,24,.22));}
.hero-logo{display:block;max-width:min(560px,100%);height:auto;margin:24px 0 18px;filter:drop-shadow(0 8px 30px rgba(255,126,18,.20));}
.footer-brand img{height:40px;width:auto;display:block;opacity:.95}
.brand-logo{padding:4px 0}
@media(max-width:900px){.brand-logo img{height:48px}.hero-logo{max-width:min(500px,100%);margin:18px 0 12px}}
@media(max-width:680px){.brand-logo img{height:34px}.hero-logo{max-width:100%;margin:16px 0 8px}.footer-brand img{height:28px}}



/* v0.2.3 — Full canonical logo appears exactly once, in the hero. The image
   is an optimized WebP of the unchanged approved master artwork. */
.home-text{font-size:12px;letter-spacing:.18em;font-weight:900;color:#e8eff7;border:1px solid #d8894d66;border-radius:24px;padding:9px 14px}
.home-text span{color:#ff9d36}
.hero .hero-copy h1{font-size:clamp(48px,5.4vw,78px);letter-spacing:-.06em;max-width:620px;line-height:1.01}
.hero-full-logo{min-height:0!important;display:flex;align-items:center;justify-content:center;overflow:visible!important;isolation:auto}
.hero-full-logo::before{display:none!important}
.hero-full-logo .full-logo{display:block;width:100%;max-width:740px;height:auto;object-fit:contain;filter:drop-shadow(0 15px 36px #ff751b24)}
.footer-name{font-weight:850;letter-spacing:.04em;color:#d9e3ef}
@media(max-width:900px){.hero-full-logo .full-logo{max-width:640px}.hero .hero-copy h1{font-size:clamp(49px,7vw,70px)}}
@media(max-width:680px){.hero .hero-copy h1{font-size:clamp(37px,9.5vw,60px)}.hero-full-logo{min-height:0}.hero-full-logo .full-logo{width:100%;max-width:520px}.hero{display:flex;flex-direction:column;gap:20px}.hero-full-logo{order:-1;width:100%}.hero-copy{order:0}}


/* Visitor counter — visible only when Cloudflare D1 is configured. */
.visitor-count[hidden]{display:none!important}
.visitor-count{display:flex;align-items:center;gap:12px;border:1px solid #e88a346b;border-radius:14px;padding:11px 17px;background:linear-gradient(110deg,#172331,#091019);box-shadow:0 0 22px #ff7c111d;max-width:max-content;margin:18px auto 0}
.visitor-count .visitor-icon{color:#ff9c31;font-size:22px}
.visitor-count div{display:flex;flex-direction:column;align-items:center;text-align:center}
.visitor-count strong{display:block;text-align:center;width:100%}
.visitor-count strong{color:#ffb24f;font-variant-numeric:tabular-nums;font-size:22px;line-height:1.1}
.visitor-count small{display:block;color:#adb8c5;font-size:11px;letter-spacing:.03em}