/* Play ST mobile-first frame. All selectors and tokens use the site prefix. */
:root {
  --mobile05b83-paper: #FAFAFA;
  --mobile05b83-green-core: #006400;
  --mobile05b83-green-base: #00380f;
  --mobile05b83-green-page: #00260a;
  --mobile05b83-raised: #00501a;
  --mobile05b83-ink: #333333;
  --mobile05b83-gold: #CD853F;
  --mobile05b83-gold-bright: #e0a35e;
  --mobile05b83-gold-wash: rgba(205,133,63,.16);
  --mobile05b83-gold-line: rgba(205,133,63,.42);
  --mobile05b83-line: rgba(250,250,250,.13);
  --mobile05b83-dim: rgba(250,250,250,.74);
  --mobile05b83-dim-2: rgba(250,250,250,.58);
  --mobile05b83-font-head: "Trebuchet MS", "Segoe UI", sans-serif;
  --mobile05b83-font-body: "Segoe UI", Arial, sans-serif;
  --mobile05b83-topbar-h: 56px;
  --mobile05b83-dock-h: 66px;
  --mobile05b83-pad-x: 14px;
  --mobile05b83-canvas-w: 430px;
}
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { margin:0; background:#00170a; color:var(--mobile05b83-paper); font:14px/1.6 var(--mobile05b83-font-body); overflow-x:hidden; }
img { display:block; max-width:100%; }
h1,h2,h3,p,ul,ol { margin:0; }
ul,ol { padding:0; list-style:none; }
a { color:var(--mobile05b83-gold-bright); text-decoration:none; }
a:hover { color:var(--mobile05b83-paper); }
button { margin:0; border:0; font:inherit; color:inherit; background:none; cursor:pointer; -webkit-tap-highlight-color:rgba(205,133,63,.25); }
:focus-visible { outline:2px solid var(--mobile05b83-gold); outline-offset:2px; }
.mobile05b83-canvas { width:100%; max-width:var(--mobile05b83-canvas-w); min-height:100dvh; margin:auto; background:radial-gradient(120% 42% at 50% 0,rgba(0,100,0,.54),transparent 64%),var(--mobile05b83-green-base); }
.mobile05b83-main { padding-top:var(--mobile05b83-topbar-h); padding-bottom:calc(var(--mobile05b83-dock-h) + 34px + env(safe-area-inset-bottom)); }
.mobile05b83-wrap { padding-inline:var(--mobile05b83-pad-x); }
.mobile05b83-topbar { position:fixed; z-index:60; top:0; left:50%; transform:translateX(-50%); width:100%; max-width:var(--mobile05b83-canvas-w); height:var(--mobile05b83-topbar-h); display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 10px; background:linear-gradient(180deg,rgba(0,80,26,.98),rgba(0,56,15,.97)); border-bottom:1px solid var(--mobile05b83-gold-line); box-shadow:0 6px 18px rgba(0,0,0,.35); }
.mobile05b83-brand { display:flex; align-items:center; gap:7px; min-width:0; }
.mobile05b83-brand-logo { width:32px; height:32px; flex:none; object-fit:cover; border:1px solid var(--mobile05b83-gold-line); border-radius:8px; }
.mobile05b83-brand-name { font:700 16px/1 var(--mobile05b83-font-head); letter-spacing:.4px; white-space:nowrap; }
.mobile05b83-topacts { display:flex; align-items:center; gap:6px; flex:none; }
.mobile05b83-btn-join,.mobile05b83-btn-login { min-height:34px; padding:6px 11px; border-radius:8px; font:600 12px var(--mobile05b83-font-head); transition:background-color .15s,color .15s,border-color .15s; }
.mobile05b83-btn-join { color:#14260c; background:var(--mobile05b83-gold); }
.mobile05b83-btn-join:hover { background:var(--mobile05b83-gold-bright); }
.mobile05b83-btn-login { color:var(--mobile05b83-paper); background:rgba(0,0,0,.18); border:1px solid var(--mobile05b83-gold-line); }
.mobile05b83-btn-login:hover { color:var(--mobile05b83-gold-bright); border-color:var(--mobile05b83-gold); }
.mobile05b83-menubtn { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--mobile05b83-line); border-radius:8px; background:rgba(0,0,0,.18); }
.mobile05b83-menubtn-bars,.mobile05b83-menubtn-bars::before,.mobile05b83-menubtn-bars::after { display:block; width:17px; height:2px; border-radius:2px; background:var(--mobile05b83-paper); transition:transform .18s,opacity .18s; }
.mobile05b83-menubtn-bars::before,.mobile05b83-menubtn-bars::after { content:""; }
.mobile05b83-menubtn-bars::before { transform:translateY(-6px); }
.mobile05b83-menubtn-bars::after { transform:translateY(4px); }
.mobile05b83-menubtn[aria-expanded=true] .mobile05b83-menubtn-bars { background:transparent; }
.mobile05b83-menubtn[aria-expanded=true] .mobile05b83-menubtn-bars::before { transform:translateY(-1px) rotate(45deg); }
.mobile05b83-menubtn[aria-expanded=true] .mobile05b83-menubtn-bars::after { transform:translateY(-3px) rotate(-45deg); }
.mobile05b83-scrim { position:fixed; z-index:55; inset:0; background:rgba(0,20,6,.66); opacity:0; pointer-events:none; transition:opacity .2s; }
.mobile05b83-scrim.mobile05b83-on { opacity:1; pointer-events:auto; }
.mobile05b83-menu { position:fixed; z-index:58; top:var(--mobile05b83-topbar-h); left:50%; transform:translate(-50%,-14px); width:100%; max-width:var(--mobile05b83-canvas-w); max-height:calc(100dvh - var(--mobile05b83-topbar-h)); overflow:auto; padding:14px var(--mobile05b83-pad-x) 22px; background:linear-gradient(180deg,#004211,var(--mobile05b83-green-base) 34%); border-bottom:1px solid var(--mobile05b83-gold-line); opacity:0; pointer-events:none; transition:opacity .2s,transform .2s; }
.mobile05b83-menu.mobile05b83-open { transform:translate(-50%,0); opacity:1; pointer-events:auto; }
.mobile05b83-menu-group + .mobile05b83-menu-group { margin-top:14px; }
.mobile05b83-menu-group-title,.mobile05b83-sec-kicker,.mobile05b83-panel-tag { color:var(--mobile05b83-gold); font-family:var(--mobile05b83-font-head); text-transform:uppercase; letter-spacing:1.3px; }
.mobile05b83-menu-group-title { padding-bottom:7px; border-bottom:1px solid var(--mobile05b83-line); font-size:11px; }
.mobile05b83-menu-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:9px; }
.mobile05b83-menu-link { min-height:44px; display:flex; align-items:center; gap:8px; padding:9px 11px; border:1px solid rgba(250,250,250,.07); border-radius:9px; color:var(--mobile05b83-paper); background:rgba(250,250,250,.05); font-size:13px; line-height:1.3; }
.mobile05b83-menu-link:hover,.mobile05b83-menu-link.mobile05b83-here { color:var(--mobile05b83-paper); border-color:var(--mobile05b83-gold-line); background:var(--mobile05b83-gold-wash); }
.mobile05b83-menu-dot { width:6px; height:6px; flex:none; border-radius:50%; background:var(--mobile05b83-gold); }
.mobile05b83-hero { padding-top:14px; }
.mobile05b83-hero-copy { padding:2px var(--mobile05b83-pad-x) 12px; }
.mobile05b83-h1 { font:700 clamp(21px,6.4vw,27px)/1.22 var(--mobile05b83-font-head); letter-spacing:.2px; }
.mobile05b83-hero-sub { margin-top:8px; color:var(--mobile05b83-dim); font-size:13.5px; }
.mobile05b83-ctarow { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.mobile05b83-cta { min-height:44px; display:inline-flex; align-items:center; gap:7px; padding:9px 15px; border-radius:8px; font:600 13px var(--mobile05b83-font-head); }
.mobile05b83-cta-dot { width:7px; height:7px; flex:none; border-radius:50%; background:currentColor; }
.mobile05b83-cta-gold { color:#14260c; background:var(--mobile05b83-gold); }
.mobile05b83-cta-ghost { color:var(--mobile05b83-paper); background:rgba(0,0,0,.16); border:1px solid var(--mobile05b83-gold-line); }
.mobile05b83-cta:hover { color:var(--mobile05b83-paper); background:var(--mobile05b83-raised); }
.mobile05b83-cta-gold:hover { color:#14260c; background:var(--mobile05b83-gold-bright); }
.mobile05b83-carousel { position:relative; overflow:hidden; border:1px solid var(--mobile05b83-line); border-radius:12px; background:#06240f; }
.mobile05b83-ctrack { display:flex; width:100%; transition:transform .32s ease; }
.mobile05b83-slide { position:relative; flex:0 0 100%; width:100%; padding:0; text-align:left; }
.mobile05b83-slide-img { width:100%; aspect-ratio:2/1; object-fit:cover; background:#0a2a12; }
.mobile05b83-slide-cap { position:absolute; left:10px; right:10px; bottom:9px; width:fit-content; max-width:calc(100% - 20px); padding:6px 11px; border:1px solid var(--mobile05b83-gold-line); border-radius:999px; color:var(--mobile05b83-paper); background:rgba(0,26,8,.78); font:600 11.5px/1.35 var(--mobile05b83-font-head); }
.mobile05b83-cdots { position:absolute; top:9px; right:10px; display:flex; gap:6px; }
.mobile05b83-cdot { width:22px; height:8px; padding:0; border:1px solid rgba(0,0,0,.2); border-radius:999px; background:rgba(250,250,250,.32); }
.mobile05b83-cdot.mobile05b83-on { background:var(--mobile05b83-gold); }
.mobile05b83-chips { display:flex; gap:7px; overflow-x:auto; padding:14px var(--mobile05b83-pad-x) 4px; scrollbar-width:none; }
.mobile05b83-chips::-webkit-scrollbar { display:none; }
.mobile05b83-chip { flex:none; min-height:38px; display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border:1px solid var(--mobile05b83-line); border-radius:999px; color:var(--mobile05b83-dim); background:rgba(250,250,250,.05); font:600 12px var(--mobile05b83-font-head); white-space:nowrap; }
.mobile05b83-chip:hover { color:var(--mobile05b83-paper); border-color:var(--mobile05b83-gold-line); background:var(--mobile05b83-gold-wash); }
.mobile05b83-chip-n { color:var(--mobile05b83-gold); font-size:10.5px; }
.mobile05b83-sec { margin-top:22px; padding:14px 12px 16px; border:1px solid rgba(250,250,250,.07); border-radius:14px; background:linear-gradient(180deg,rgba(0,80,26,.5),rgba(0,44,14,.35)); scroll-margin-top:66px; }
.mobile05b83-sec-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:0 2px 10px; border-bottom:1px dashed var(--mobile05b83-line); }
.mobile05b83-sec-kicker { display:block; margin-bottom:5px; font-size:10.5px; }
.mobile05b83-h2 { font:700 16.5px/1.28 var(--mobile05b83-font-head); }
.mobile05b83-sec-count { flex:none; padding:4px 9px; border:1px solid var(--mobile05b83-line); border-radius:999px; color:var(--mobile05b83-dim-2); font:600 10.5px var(--mobile05b83-font-head); white-space:nowrap; }
.mobile05b83-sec-note { margin:10px 2px 12px; color:var(--mobile05b83-dim); font-size:13px; }
.mobile05b83-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px 7px; }
.mobile05b83-game { display:block; width:100%; min-width:0; padding:5px 4px 7px; border:1px solid rgba(250,250,250,.07); border-radius:12px; background:rgba(250,250,250,.045); text-align:center; }
.mobile05b83-game:hover,.mobile05b83-game:active { border-color:var(--mobile05b83-gold-line); background:var(--mobile05b83-gold-wash); }
.mobile05b83-game-img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:8px; background:#04230d; }
.mobile05b83-game-name { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; margin-top:5px; color:var(--mobile05b83-paper); font:500 10.5px/1.24 var(--mobile05b83-font-head); }
.mobile05b83-gamecell-lead { grid-column:span 2; }
.mobile05b83-gamecell-lead .mobile05b83-game { padding:8px; }
.mobile05b83-gamecell-lead .mobile05b83-game-name { font-size:12px; font-weight:600; }
.mobile05b83-lead-tag { display:inline-block; margin-top:5px; padding:2px 8px; border:1px solid var(--mobile05b83-gold-line); border-radius:999px; color:var(--mobile05b83-gold-bright); background:var(--mobile05b83-gold-wash); font:600 9.5px var(--mobile05b83-font-head); text-transform:uppercase; letter-spacing:.7px; }
.mobile05b83-panel,.mobile05b83-dl,.mobile05b83-answer { margin-top:22px; padding:15px 14px 17px; border:1px solid rgba(250,250,250,.07); border-radius:14px; background:rgba(51,51,51,.34); }
.mobile05b83-dl { border-color:var(--mobile05b83-gold-line); background:linear-gradient(135deg,rgba(205,133,63,.14),rgba(0,60,20,.4) 58%); }
.mobile05b83-answer { border-color:var(--mobile05b83-gold-line); background:linear-gradient(180deg,rgba(0,100,0,.45),rgba(0,40,13,.4)); }
.mobile05b83-panel-tag { display:inline-flex; margin-bottom:9px; padding:4px 10px; border:1px solid var(--mobile05b83-gold-line); border-radius:999px; background:var(--mobile05b83-gold-wash); font-size:10px; }
.mobile05b83-panel p,.mobile05b83-dl p { color:var(--mobile05b83-dim); font-size:13.5px; }
.mobile05b83-panel p+p,.mobile05b83-dl p+p { margin-top:9px; }
.mobile05b83-panel a,.mobile05b83-dl a,.mobile05b83-answer a { border-bottom:1px solid var(--mobile05b83-gold-line); }
.mobile05b83-qlist { display:grid; gap:11px; margin-top:4px; }
.mobile05b83-qblock { padding:11px 12px; border:1px solid rgba(250,250,250,.07); border-radius:9px; background:rgba(0,30,10,.45); }
.mobile05b83-q { color:var(--mobile05b83-paper); font:600 13px/1.4 var(--mobile05b83-font-head); }
.mobile05b83-a { margin-top:6px; color:var(--mobile05b83-dim); font-size:13px; }
.mobile05b83-goalrow { display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border-left:3px solid var(--mobile05b83-gold); border-radius:9px; background:rgba(0,30,10,.45); }
.mobile05b83-goalrow+.mobile05b83-goalrow { margin-top:9px; }
.mobile05b83-goal-k { flex:none; width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--mobile05b83-gold-line); border-radius:50%; color:var(--mobile05b83-gold-bright); background:var(--mobile05b83-gold-wash); font-weight:700; }
.mobile05b83-goal-t { color:var(--mobile05b83-paper); font-weight:600; }
.mobile05b83-goal-d { margin-top:3px; color:var(--mobile05b83-dim); font-size:12.5px; }
.mobile05b83-steps { margin-top:12px; counter-reset:mobile05b83step; }
.mobile05b83-step { position:relative; padding:8px 10px 8px 34px; counter-increment:mobile05b83step; color:var(--mobile05b83-dim); font-size:13px; }
.mobile05b83-step+.mobile05b83-step { border-top:1px dashed var(--mobile05b83-line); }
.mobile05b83-step::before { content:counter(mobile05b83step); position:absolute; left:6px; top:10px; width:20px; height:20px; display:grid; place-items:center; border:1px solid var(--mobile05b83-gold-line); border-radius:50%; color:var(--mobile05b83-gold-bright); background:var(--mobile05b83-gold-wash); font-size:10.5px; font-weight:700; }
.mobile05b83-facts { margin-top:10px; overflow:hidden; border-radius:9px; }
.mobile05b83-fact { display:flex; gap:10px; padding:9px 12px; border-bottom:1px solid rgba(250,250,250,.07); color:var(--mobile05b83-paper); background:rgba(0,30,10,.45); font-size:13px; }
.mobile05b83-fact:last-child { border-bottom:0; }
.mobile05b83-fact-k { flex:none; width:96px; color:var(--mobile05b83-gold); font:600 11px var(--mobile05b83-font-head); text-transform:uppercase; letter-spacing:.6px; }
.mobile05b83-answer .mobile05b83-a2 { margin-top:8px; color:var(--mobile05b83-paper); font-size:13.5px; }
.mobile05b83-answer .mobile05b83-a2+.mobile05b83-a2 { color:var(--mobile05b83-dim); }
.mobile05b83-ext { margin-top:26px; padding:4px var(--mobile05b83-pad-x) 6px; }
.mobile05b83-ext-sec+.mobile05b83-ext-sec { margin-top:20px; }
.mobile05b83-ext-sec { padding:13px; border:1px solid rgba(250,250,250,.07); border-radius:14px; background:rgba(51,51,51,.3); }
.mobile05b83-ext-title { padding-bottom:8px; border-bottom:1px solid var(--mobile05b83-line); font:700 14px var(--mobile05b83-font-head); }
.mobile05b83-ext-group-k { margin:11px 0 6px; color:var(--mobile05b83-gold); font:600 10.5px var(--mobile05b83-font-head); text-transform:uppercase; letter-spacing:1.2px; }
.mobile05b83-ext-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.mobile05b83-ext-link { display:block; min-height:40px; padding:8px 10px; border:1px solid rgba(250,250,250,.07); border-radius:9px; color:var(--mobile05b83-dim); background:rgba(250,250,250,.045); font-size:12.5px; line-height:1.3; }
.mobile05b83-ext-link:hover { color:var(--mobile05b83-paper); border-color:var(--mobile05b83-gold-line); background:var(--mobile05b83-gold-wash); }
.mobile05b83-ext-brandtext { margin-top:10px; color:var(--mobile05b83-dim); font-size:13px; }
.mobile05b83-ext-promos { display:grid; gap:8px; margin-top:10px; }
.mobile05b83-ext-promo { min-height:48px; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--mobile05b83-gold-line); border-radius:9px; color:var(--mobile05b83-paper); background:rgba(0,30,10,.5); text-align:left; font:600 12.5px var(--mobile05b83-font-head); }
.mobile05b83-ext-promo:hover { background:var(--mobile05b83-gold-wash); }
.mobile05b83-ext-promo-arrow { width:22px; height:22px; flex:none; display:grid; place-items:center; border-radius:50%; color:#14260c; background:var(--mobile05b83-gold); }
.mobile05b83-ext-disc { margin-top:12px; padding:10px 12px; border:1px dashed var(--mobile05b83-line); border-radius:9px; color:var(--mobile05b83-dim-2); font-size:11.5px; }
.mobile05b83-foot { margin-top:18px; padding:14px var(--mobile05b83-pad-x) 8px; border-top:1px solid var(--mobile05b83-line); text-align:center; }
.mobile05b83-foot-copy { color:var(--mobile05b83-dim-2); font-size:11.5px; letter-spacing:.3px; }
.mobile05b83-foot-dot { margin:0 5px; color:var(--mobile05b83-gold); }
.mobile05b83-dock { position:fixed; z-index:50; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:var(--mobile05b83-canvas-w); padding-bottom:env(safe-area-inset-bottom); border-top:1px solid var(--mobile05b83-gold-line); background:linear-gradient(180deg,rgba(0,50,17,.94),#00240b); }
.mobile05b83-dock-inner { height:var(--mobile05b83-dock-h); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:end; padding:6px 4px 5px; }
.mobile05b83-dock-item { min-width:44px; min-height:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:4px 2px; border-radius:12px; color:var(--mobile05b83-dim); }
.mobile05b83-dock-item:active { transform:scale(.9); }
.mobile05b83-dock-item:hover,.mobile05b83-dock-item.mobile05b83-is-active { color:var(--mobile05b83-gold); }
.mobile05b83-dock-label { font:600 10px var(--mobile05b83-font-head); }
.mobile05b83-dock-ico { width:26px; height:26px; display:grid; place-items:center; }
.mobile05b83-dock-ico svg { width:23px; height:23px; }
.mobile05b83-dock-ico svg * { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; transition:fill .16s; }
.mobile05b83-dock-item.mobile05b83-is-active .mobile05b83-dock-ico svg .mobile05b83-ico-fill { fill:currentColor; }
.mobile05b83-dock-raise { position:relative; justify-self:center; align-self:end; margin-bottom:2px; }
.mobile05b83-dock-orb { width:52px; height:52px; display:grid; place-items:center; border:3px solid #002a0e; border-radius:50%; color:#14260c; background:linear-gradient(180deg,var(--mobile05b83-gold-bright),var(--mobile05b83-gold)); box-shadow:0 6px 16px rgba(205,133,63,.4); }
.mobile05b83-dock-orb svg { width:30px; height:30px; }
@media (min-width:375px) { .mobile05b83-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px 8px; } .mobile05b83-game-name { font-size:11px; } }
@media (max-width:359px) { :root { --mobile05b83-pad-x:11px; } .mobile05b83-btn-join,.mobile05b83-btn-login { padding-inline:8px; font-size:11.5px; } .mobile05b83-brand-name { font-size:15px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition-duration:.01ms !important; scroll-behavior:auto !important; } }