:root{
  color-scheme:dark;
  --bg:#0b0d0e;
  --panel:#15181b;
  --line:#30363c;
  --text:#f6f3ef;
  --muted:#aeb4bd;
  --orange:#ff7a18;
  --orange-soft:#ff9a3d;
  --green:#78b866;
  --green-soft:#a2d58f;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
html{background:#0b0d0e}
body{min-height:100vh}
a{color:inherit}
.landing-page{position:relative;overflow-x:hidden;background:#0b0d0e}
.landing-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,122,24,.045) 0,rgba(255,122,24,.012) 43%,transparent 49%,transparent 51%,rgba(120,184,102,.012) 57%,rgba(120,184,102,.045) 100%)}
.landing-page:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 78%,transparent)}
.landing-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.landing-glow{position:absolute;width:50vw;height:50vw;min-width:520px;min-height:520px;border-radius:50%;filter:blur(30px);opacity:.22}
.landing-glow-gaming{left:-24vw;top:-20vw;background:radial-gradient(circle,rgba(255,122,24,.48),rgba(255,122,24,.10) 44%,transparent 70%)}
.landing-glow-wildlife{right:-25vw;bottom:-25vw;background:radial-gradient(circle,rgba(120,184,102,.44),rgba(120,184,102,.09) 46%,transparent 70%)}
.landing-wordmark{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);font-size:clamp(7rem,18vw,18rem);font-weight:1000;letter-spacing:-.07em;color:rgba(255,255,255,.018);white-space:nowrap;user-select:none}
.landing-shell{position:relative;z-index:1;width:min(1220px,calc(100% - 36px));min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:48px 0 24px}
.landing-header{text-align:center;margin:0 auto 30px;max-width:880px}
.landing-site-mark{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.72rem;letter-spacing:.29em;color:#c2c7cc;font-weight:900;margin-bottom:10px}
.landing-site-mark span{display:block;width:42px;height:1px;background:linear-gradient(90deg,transparent,#5f666e)}
.landing-site-mark span:last-child{background:linear-gradient(90deg,#5f666e,transparent)}

.scurry-coin{width:84px;height:84px;margin:0 auto 14px;position:relative;perspective:800px}
.scurry-coin-spinner{position:relative;width:100%;height:100%;display:block;transform-style:preserve-3d;animation:scurryCoinSpin 10s linear infinite}
.scurry-coin-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:4px;background:#050607;box-shadow:0 12px 34px rgba(0,0,0,.42),0 0 26px rgba(255,122,24,.08),0 0 26px rgba(120,184,102,.08)}
.scurry-coin-face:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(var(--orange) 0 49.5%,#d7d7d7 49.5% 50.5%,var(--green) 50.5% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.scurry-coin-back{transform:rotateY(180deg)}
.scurry-coin-face img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.scurry-coin-front img{transform:scale(.92)}
.scurry-coin-back img{transform:scale(.88)}
@keyframes scurryCoinSpin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
.landing-tagline strong{color:#f3f3f1;font-weight:800}
.landing-header h1{font-size:clamp(2.7rem,6.8vw,5.2rem);margin:0;line-height:.98;letter-spacing:-.045em;font-weight:900}
.landing-header h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0%,#fff2e7 40%,#e8f7e2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-header p{margin:14px 0 0;color:#bac0c7;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.5}
.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}
.brand-card{min-height:430px;text-decoration:none;border:1px solid #32383e;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(28,31,35,.97),rgba(18,21,24,.98));isolation:isolate;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.brand-card:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.72;transition:opacity .25s ease,transform .4s ease}
.brand-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,13,14,.04) 0%,rgba(11,13,14,.08) 34%,rgba(11,13,14,.78) 82%,rgba(11,13,14,.94) 100%)}
.gaming-card:before{background:radial-gradient(circle at 22% 15%,rgba(255,122,24,.22),transparent 35%),linear-gradient(140deg,rgba(255,122,24,.13),transparent 55%)}
.wildlife-card:before{background:radial-gradient(circle at 78% 17%,rgba(120,184,102,.22),transparent 35%),linear-gradient(220deg,rgba(120,184,102,.14),transparent 55%)}
.brand-sheen{position:absolute;inset:-30% -10%;z-index:0;opacity:0;transform:translateX(-28%) rotate(8deg);background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.055) 50%,transparent 60%);transition:opacity .25s ease,transform .55s ease;pointer-events:none}
.brand-card:hover,.brand-card:focus-visible{transform:translateY(-7px);outline:none}
.gaming-card:hover,.gaming-card:focus-visible{border-color:rgba(255,122,24,.85);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,122,24,.10),0 0 55px rgba(255,122,24,.10)}
.wildlife-card:hover,.wildlife-card:focus-visible{border-color:rgba(120,184,102,.9);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(120,184,102,.10),0 0 55px rgba(120,184,102,.10)}
.brand-card:hover .brand-sheen,.brand-card:focus-visible .brand-sheen{opacity:1;transform:translateX(30%) rotate(8deg)}
.brand-topline{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand-kicker{font-size:.72rem;letter-spacing:.21em;font-weight:900;color:#d4d8dc}
.brand-visual{position:absolute;z-index:1;right:-32px;top:26px;width:min(49%,285px);aspect-ratio:1;display:grid;place-items:center;opacity:.36;filter:saturate(.86) contrast(1.03);transition:opacity .25s ease,transform .38s cubic-bezier(.2,.8,.2,1),filter .25s ease;pointer-events:none}
.brand-visual:before{content:"";position:absolute;inset:8%;border-radius:50%;filter:blur(28px);opacity:.46;z-index:-1}
.gaming-card .brand-visual:before{background:rgba(255,122,24,.26)}
.wildlife-card .brand-visual:before{background:rgba(120,184,102,.24)}
.brand-visual img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,0,0,.42))}
.brand-card:hover .brand-visual,.brand-card:focus-visible .brand-visual{opacity:.76;transform:translate(-8px,5px) scale(1.055);filter:saturate(1) contrast(1.04)}
.brand-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;max-width:72%}
.brand-content strong{font-size:clamp(2.25rem,4.4vw,3.55rem);line-height:.98;letter-spacing:-.045em;margin-bottom:14px}
.brand-copy{color:#b6bcc3;line-height:1.55;font-size:.98rem;max-width:31rem}
.brand-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.brand-tags span{border:1px solid #363c42;background:rgba(255,255,255,.025);border-radius:999px;padding:6px 9px;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#989fa7}
.enter{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:.92rem;font-weight:900;letter-spacing:.02em}
.enter b{font-size:1.16rem;transition:transform .2s ease}
.brand-card:hover .enter b,.brand-card:focus-visible .enter b{transform:translateX(5px)}
.gaming-card .enter{color:var(--orange-soft)}
.wildlife-card .enter{color:var(--green-soft)}
.landing-note{display:flex;align-items:center;justify-content:center;gap:12px;margin:21px auto 0;color:#70767d;font-size:.62rem;letter-spacing:.2em}
.landing-note span{display:block;width:44px;height:1px;background:#31363b}.landing-note b{font-weight:800}
footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;text-align:center;color:#6f757d;font-size:.76rem;margin-top:17px}footer a{text-decoration:none;color:inherit}footer a:hover{color:#c9cdd1}.footer-dot{opacity:.5}
@media(max-width:900px){
  .landing-shell{justify-content:flex-start;padding-top:36px}
  .brand-card{min-height:385px}
  .brand-visual{width:min(44%,240px);right:-26px}
  .brand-content{max-width:76%}
}
@media(max-width:760px){
  .landing-page:before{background:linear-gradient(180deg,rgba(255,122,24,.04),transparent 45%,rgba(120,184,102,.045))}
  .landing-shell{width:min(100% - 24px,620px);padding:30px 0 22px}
  .landing-header{margin-bottom:24px}
  .scurry-coin{width:70px;height:70px;margin-bottom:12px}
  .landing-site-mark{font-size:.64rem;letter-spacing:.23em}
  .brand-grid{grid-template-columns:1fr;gap:14px}
  .brand-card{min-height:310px;padding:22px;border-radius:18px}
  .brand-visual{width:185px;right:-16px;top:34px;opacity:.30}
  .brand-content{max-width:78%}
  .brand-content strong{font-size:clamp(2.25rem,11vw,3.25rem)}
  .brand-copy{font-size:.92rem}
  .brand-tags{margin-top:13px}
  .landing-note{margin-top:17px}
  footer{flex-wrap:wrap}
}
@media(max-width:440px){
  .landing-site-mark span{width:24px}
  .landing-header h1{font-size:2.55rem}
  .brand-card{min-height:300px}
  .brand-visual{width:160px;right:-28px;top:44px;opacity:.22}
  .brand-content{max-width:88%}
  .brand-tags span{font-size:.59rem;padding:5px 7px}
  footer .footer-dot,footer span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  .brand-card,.brand-visual,.brand-sheen,.enter b{transition:none!important}.scurry-coin-spinner{animation:none!important}
}

/* Shared account entry on the root chooser. */
.landing-header{position:relative}
.landing-quick-nav{position:absolute;right:0;top:0;display:flex;align-items:center;gap:9px;border:1px solid #4d4a3d;border-radius:999px;padding:7px 12px;background:rgba(12,14,16,.78);color:#747b82;font-weight:900;font-size:.78rem;letter-spacing:.02em;backdrop-filter:blur(10px)}
.landing-quick-nav a{display:inline-flex;align-items:center;justify-content:center;color:#f1dd9d;text-decoration:none;padding:1px 2px}
.landing-quick-nav a:hover{color:#fff}
.landing-quick-nav:has(a:hover){border-color:#8f8152;background:rgba(22,22,18,.92)}
@media(max-width:760px){.landing-quick-nav{position:static;margin:0 auto 14px;width:max-content}}

/* =====================================================================
   0.9.58 — ROOT CHOOSER UI QA
   Keep the quick Shop / Sign In control from floating into the hero copy.
   ===================================================================== */
.landing-page,.landing-shell{max-width:100%;overflow-x:clip}
.landing-shell,.landing-header,.brand-grid,.brand-card,.brand-topline,.brand-content,.landing-quick-nav{min-width:0}
.landing-page :where(img,picture,video,svg,canvas){max-width:100%}
.landing-page :where(h1,h2,h3,p,span,strong,a){overflow-wrap:anywhere}
.landing-quick-nav{max-width:100%;flex-wrap:wrap;justify-content:center}
@media(max-width:980px){
  .landing-quick-nav{position:static;margin:0 auto 14px;width:max-content;max-width:100%}
  .landing-header{display:flex;flex-direction:column}
  .landing-quick-nav{order:-1}
}
@media(max-width:760px){
  .landing-shell{overflow:visible}
  .brand-card{max-width:100%}
  .brand-topline{align-items:flex-start;flex-wrap:wrap}
  .brand-content{max-width:min(88%,34rem)}
}
@media(max-width:440px){
  .landing-quick-nav{width:100%;border-radius:14px}
  .landing-quick-nav a{flex:1 1 auto;padding:5px 7px}
  .brand-content{max-width:94%}
}
@supports not (overflow:clip){.landing-page,.landing-shell{overflow-x:hidden}}

/* =====================================================================
   0.9.59 — ROOT CHOOSER FINAL POLISH
   ===================================================================== */
.landing-page :where(h1,h2,h3,strong,.brand-kicker,.brand-tags span,.enter,.landing-quick-nav a){overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.landing-page :where(p,.brand-copy){overflow-wrap:break-word!important;word-break:normal!important}
.landing-quick-nav{row-gap:6px!important}
.brand-topline,.brand-content{min-width:0}
@media(max-width:520px){
  .brand-topline{display:grid;grid-template-columns:1fr;gap:8px}
  .brand-content{max-width:100%!important;padding-right:0}
  .brand-visual{opacity:.16}
}