:root {
  --black: #090607; --red-deep: #370609; --red: #98191a; --red-bright: #d63625; --orange: #ff6817; --orange-bright: #ff9d26; --white: #fffaf7; --muted: #d2aca7; --line: rgba(255, 255, 255, .15); --display: 'Press Start 2P', monospace; --body: 'Oxanium', sans-serif; --mono: 'DM Mono', monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; overflow-x: hidden; background: var(--black); color: var(--white); font-family: var(--body); }
body::before { content: ''; position: fixed; inset: 0; z-index: -3; pointer-events: none; background: radial-gradient(circle at 88% 10%, rgba(157,29,23,.3), transparent 28%), radial-gradient(circle at 2% 60%, rgba(88,9,12,.33), transparent 26%); }
body::after { content: ''; position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .11; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.18'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
a { color: inherit; } button { font: inherit; }
.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.ambient { position: fixed; z-index: -2; pointer-events: none; border-radius: 50%; filter: blur(80px); }.ambient--one { top: 13rem; left: -13rem; width: 30rem; height: 30rem; background: rgba(139,20,22,.26); }.ambient--two { top: 52rem; right: -17rem; width: 35rem; height: 35rem; background: rgba(255,82,15,.12); }

.announcement { min-height: 42px; margin-top: 14px; padding: 8px 16px; display: flex; align-items: center; justify-content: center; gap: 11px; border: 1px solid var(--line); border-radius: 16px; background: rgba(100,16,18,.62); box-shadow: inset 0 1px rgba(255,255,255,.12); backdrop-filter: blur(18px) saturate(150%); font-size: 12px; }.announcement p { margin: 0; color: #f8dcda; }.announcement p strong { color: var(--orange-bright); font-size: 10px; letter-spacing: .1em; }.announcement a { color: var(--white); font-weight: 800; text-decoration: none; }.announcement a span { color: var(--orange); font-size: 16px; margin-left: 4px; }.announcement__spark, .status-dot { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(255,104,23,.16), 0 0 15px rgba(255,104,23,.6); }

.site-header { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 30px; position: sticky; top: 10px; z-index: 8; padding: 0 21px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(105deg, rgba(63,8,10,.78), rgba(15,7,8,.73)); box-shadow: 0 16px 38px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.12); backdrop-filter: blur(20px) saturate(145%); }.brand { display: inline-flex; align-items: center; flex: 0 0 auto; text-decoration: none; }.brand__logo { width: 68px; height: 52px; display: block; object-fit: contain; filter: drop-shadow(0 3px 6px rgba(0,0,0,.4)); }.main-nav { display: flex; gap: 7px; }.main-nav a { padding: 10px 12px; border-radius: 10px; color: #d9b5af; font-weight: 700; font-size: 13px; text-decoration: none; transition: .2s ease; }.main-nav a:hover, .main-nav .active { background: rgba(255,255,255,.1); color: var(--white); }.header-actions { display: flex; align-items: center; gap: 14px; }.header-status { display: flex; align-items: center; gap: 8px; padding: 9px 11px; color: #eededc; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(9,6,7,.25); cursor: pointer; font-family: var(--mono); font-size: 11px; }.header-status b { color: var(--white); }.header-status .status-dot { width: 6px; height: 6px; }.account-link { color: var(--white); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }.account-link span { color: var(--orange); font-size: 18px; vertical-align: -1px; }.menu-toggle { display: none; }

.button { min-height: 52px; padding: 13px 18px; border: 1px solid transparent; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; font-family: var(--body); font-size: 13px; font-weight: 800; letter-spacing: .025em; text-decoration: none; cursor: pointer; transition: transform .2s, filter .2s, background .2s; }.button:hover { transform: translateY(-3px); filter: brightness(1.08); }.button--primary { color: #350906; background: linear-gradient(135deg, var(--orange-bright), var(--orange)); box-shadow: 0 11px 23px rgba(125,25,10,.4), inset 0 1px rgba(255,255,255,.64); }.button--primary span { font-size: 19px; }.button--glass { color: var(--white); border-color: rgba(255,255,255,.27); background: rgba(255,255,255,.09); box-shadow: inset 0 1px rgba(255,255,255,.14); backdrop-filter: blur(15px); }.button--glass span { color: var(--orange-bright); font-size: 19px; }
.kicker { margin: 0 0 16px; color: var(--orange-bright); font-size: 11px; font-weight: 800; letter-spacing: .13em; }.kicker span { display: inline-block; width: 21px; height: 2px; margin: 0 9px 3px 0; background: currentColor; } h1, h2, h3, p { margin-top: 0; } h1, h2, h3 { font-family: var(--display); font-weight: 400; } h2 { margin-bottom: 0; font-size: clamp(23px, 3vw, 36px); letter-spacing: -.06em; line-height: 1.36; } h2 em, h1 em { color: var(--orange-bright); font-style: normal; }.text-link { color: var(--orange-bright); font-size: 13px; font-weight: 800; text-decoration: none; }.text-link span { font-size: 18px; margin-left: 4px; }

.site-footer { margin-block: 20px 30px; padding: 28px 30px 17px; border: 1px solid var(--line); border-radius: 24px; background: rgba(28,7,8,.7); box-shadow: inset 0 1px rgba(255,255,255,.08); }.footer__top { display: grid; grid-template-columns: 1fr minmax(220px,420px) auto; gap: 30px; align-items: center; }.footer__top p { margin: 0; color: #c79f9a; font-size: 12px; line-height: 1.55; }.footer__bottom { margin-top: 25px; padding-top: 15px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); color: #9a7471; font-family: var(--mono); font-size: 10px; letter-spacing: .09em; }.toast { position: fixed; z-index: 30; left: 50%; bottom: 25px; padding: 13px 18px; border: 1px solid rgba(255,255,255,.22); border-radius: 14px; background: rgba(39,7,8,.88); box-shadow: 0 15px 30px rgba(0,0,0,.35); color: var(--white); font-size: 13px; font-weight: 800; opacity: 0; transform: translate(-50%,100px); transition: .25s; backdrop-filter: blur(18px); }.toast.visible { opacity: 1; transform: translate(-50%,0); }

@media (max-width:840px) { .site-header { min-height:72px; gap:18px; }.main-nav { gap:0; }.main-nav a { padding-inline:8px; }.header-status { display:none; }.footer__top { grid-template-columns:1fr auto; }.footer__top p { grid-column:1 / -1; grid-row:2; } }
@media (max-width:640px) { .container { width:min(100% - 28px,1180px); }.announcement { margin-top:8px; min-height:38px; padding:8px 12px; gap:8px; border-radius:13px; font-size:10px; }.announcement p strong { font-size:9px; }.announcement a { display:none; }.announcement__spark { width:6px; height:6px; }.site-header { min-height:66px; top:6px; padding:0 15px; border-radius:18px; }.brand__name { font-size:12px; }.main-nav, .header-actions { display:none; }.menu-toggle { width:38px; height:38px; padding:0; display:grid !important; place-content:center; gap:4px; position:absolute; z-index:2; right:15px; top:13px; border:1px solid rgba(255,255,255,.17); border-radius:50%; background:rgba(255,255,255,.09); }.menu-toggle span { display:block; width:17px; height:2px; background:var(--white); }.main-nav.open { position:absolute; display:flex; flex-direction:column; gap:3px; top:58px; left:0; right:0; padding:8px; border:1px solid var(--line); border-radius:16px; background:rgba(47,7,9,.93); box-shadow:0 17px 30px rgba(0,0,0,.28); backdrop-filter:blur(20px); }.main-nav.open a { padding:12px; } h2 { font-size:22px; }.site-footer { margin-top:15px; margin-bottom:16px; padding:24px 19px 14px; border-radius:19px; }.footer__top { grid-template-columns:1fr; gap:17px; }.footer__top p { grid-column:auto; grid-row:auto; }.footer__bottom { gap:12px; flex-direction:column; font-size:9px; }.toast { bottom:max(18px,env(safe-area-inset-bottom)); width:max-content; max-width:calc(100% - 32px); text-align:center; } }

/* Shared page transition and loader: imported once by global.js for every page. */
.page-shell { opacity: 1; transition: opacity .4s ease; }.app-loading { overflow: hidden; }.app-loading .page-shell { visibility: hidden; opacity: 0; }.app-ready .page-shell { visibility: visible; opacity: 1; }
.site-loader { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 44%, rgba(139,25,18,.42), transparent 25%), linear-gradient(135deg,#0e0607,#310809 56%,#0b0607); transition: opacity .42s ease, visibility .42s ease; }.site-loader::before { content:''; position:absolute; inset:0; opacity:.28; background:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px); background-size:38px 38px; mask-image:radial-gradient(circle at center,#000 8%,transparent 72%); }.site-loader--exit { visibility:hidden; opacity:0; }.site-loader__pixel { width:min(360px,calc(100% - 40px)); display:grid; justify-items:center; position:relative; z-index:2; text-align:center; transition:opacity .35s ease,transform .35s ease; }.loader-logo { width:92px; height:92px; padding:8px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:25px; background:rgba(255,255,255,.06); box-shadow:0 15px 35px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.17); }.loader-logo img { width:100%; height:100%; object-fit:contain; image-rendering:auto; }.loader-label { margin:24px 0 18px; color:var(--white); font-family:var(--display); font-size:12px; letter-spacing:-.05em; }.loader-blocks { width:228px; height:25px; display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }.loader-blocks i { display:block; border:1px solid rgba(255,255,255,.2); border-radius:5px; background:#53100e; animation:loader-block 1.35s steps(2,end) infinite; }.loader-blocks i:nth-child(1) { animation-delay:-1.2s; }.loader-blocks i:nth-child(2) { animation-delay:-1s; }.loader-blocks i:nth-child(3) { animation-delay:-.8s; }.loader-blocks i:nth-child(4) { animation-delay:-.6s; }.loader-blocks i:nth-child(5) { animation-delay:-.4s; }.loader-blocks i:nth-child(6) { animation-delay:-.2s; }.loader-tip { margin:16px 0 0; color:#d5aaa1; font-family:var(--mono); font-size:11px; }.site-loader__skeleton { width:min(1180px,calc(100% - 48px)); position:absolute; z-index:1; display:grid; gap:20px; opacity:0; transform:translateY(14px); transition:opacity .35s ease,transform .35s ease; }.site-loader--skeleton .site-loader__pixel { opacity:0; transform:translateY(-12px); }.site-loader--skeleton .site-loader__skeleton { opacity:1; transform:none; }.skeleton-shell { display:flex; gap:12px; padding:16px; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:rgba(255,255,255,.035); }.skeleton-shell > * { display:block; border-radius:12px; background:linear-gradient(100deg,rgba(255,255,255,.06) 30%,rgba(255,255,255,.15) 48%,rgba(255,255,255,.06) 66%); background-size:230% 100%; animation:skeleton-shine 1s linear infinite; }.skeleton-shell--top { height:76px; align-items:center; }.skeleton-shell--top i { width:66px; height:40px; }.skeleton-shell--top b { width:76px; height:25px; }.skeleton-shell--top b:last-child { margin-left:auto; width:120px; }.skeleton-shell--hero { height:350px; align-items:flex-end; }.skeleton-shell--hero i:nth-child(1) { width:37%; height:190px; }.skeleton-shell--hero i:nth-child(2) { width:25%; height:130px; }.skeleton-shell--hero i:nth-child(3) { margin-left:auto; width:220px; height:250px; border-radius:50%; }.skeleton-shell--cards { min-height:100px; }.skeleton-shell--cards i { flex:1; height:68px; } @keyframes loader-block { 50% { transform:translateY(-8px); border-color:#ffc354; background:var(--orange); box-shadow:0 7px 16px rgba(255,104,23,.32); } } @keyframes skeleton-shine { to { background-position:-230% 0; } }
@media (max-width:640px) { .site-loader__skeleton { width:calc(100% - 28px); gap:13px; }.skeleton-shell { padding:12px; border-radius:18px; }.skeleton-shell--top { height:63px; }.skeleton-shell--top b { display:none; }.skeleton-shell--top b:last-child { display:block; width:80px; }.skeleton-shell--hero { height:365px; }.skeleton-shell--hero i:nth-child(1) { width:50%; height:200px; }.skeleton-shell--hero i:nth-child(2) { width:31%; height:95px; }.skeleton-shell--hero i:nth-child(3) { width:100px; height:170px; }.skeleton-shell--cards { min-height:74px; }.skeleton-shell--cards i { height:50px; }.loader-label { font-size:10px; }.loader-logo { width:80px; height:80px; border-radius:22px; } }

/* Minecraft world-generation scene: Steve chops a tree while the world bar fills. */
.loader-scene { width:330px; height:193px; margin:0 auto 21px; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:22px 22px 12px 12px; background:linear-gradient(#6a1d1b 0 48%,#421314 49% 67%,#1c1210 68%); box-shadow:inset 0 1px rgba(255,255,255,.17),0 18px 35px rgba(0,0,0,.26); image-rendering:pixelated; }.loader-scene::before { content:''; position:absolute; inset:0; opacity:.25; background:linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px); background-size:16px 16px; }.scene-cloud { width:50px; height:13px; position:absolute; top:30px; border-radius:3px; background:rgba(255,240,215,.32); box-shadow:11px -7px 0 rgba(255,240,215,.32),21px 0 0 rgba(255,240,215,.32); animation:cloud-drift 5s linear infinite; }.scene-cloud--one { left:23px; }.scene-cloud--two { top:54px; left:126px; transform:scale(.62); animation-delay:-2.4s; }.scene-tree { width:90px; height:160px; position:absolute; z-index:2; right:38px; bottom:17px; transform-origin:center bottom; animation:tree-shake 1.2s steps(2,end) infinite; }.tree-trunk { width:25px; height:87px; position:absolute; z-index:1; left:34px; bottom:0; border-inline:5px solid #552c16; background:repeating-linear-gradient(90deg,#a95525 0 7px,#c57432 7px 13px); box-shadow:inset 0 -15px #6d3318; }.tree-leaves { width:49px; height:45px; position:absolute; z-index:2; background:linear-gradient(135deg,#5e7c29 0 49%,#3e581f 50%); box-shadow:inset 8px -9px rgba(26,43,14,.45); }.tree-leaves--one { top:0; left:18px; }.tree-leaves--two { top:29px; left:0; }.tree-leaves--three { top:34px; right:0; }.scene-steve { width:79px; height:126px; position:absolute; z-index:4; bottom:18px; left:63px; }.steve-head { width:34px; height:31px; position:absolute; top:0; left:22px; border:4px solid #2a160f; background:#d68f5f; box-shadow:inset 0 -7px #a65d3c; }.steve-head::before { content:''; position:absolute; inset:-4px -4px auto; height:10px; background:#4b291a; }.steve-head::after { content:''; width:5px; height:5px; position:absolute; top:16px; left:8px; background:#71c9df; box-shadow:14px 0 #71c9df; }.steve-body { width:43px; height:42px; position:absolute; top:29px; left:18px; border:4px solid #25130e; background:#258ba0; box-shadow:inset 0 -9px #156172; }.steve-leg { width:16px; height:46px; position:absolute; top:68px; border:4px solid #170e0d; background:#31538f; box-shadow:inset 0 -10px #1e315c; }.steve-leg--one { left:21px; }.steve-leg--two { left:42px; }.steve-arm { width:15px; height:44px; position:absolute; z-index:2; top:34px; left:55px; transform-origin:top center; border:4px solid #24130e; background:linear-gradient(#258ba0 0 53%,#d68f5f 54%); animation:steve-chop 1.2s steps(2,end) infinite; }.steve-axe { width:12px; height:53px; position:absolute; z-index:3; top:26px; left:70px; transform-origin:4px 9px; background:#80421d; box-shadow:inset 4px 0 #be7134; animation:axe-chop 1.2s steps(2,end) infinite; }.steve-axe::before { content:''; width:25px; height:19px; position:absolute; top:-4px; left:-7px; border:4px solid #302827; background:#b9c3c4; box-shadow:inset -6px -5px #6d777a; }.scene-chip { width:11px; height:11px; position:absolute; z-index:3; left:158px; bottom:89px; background:#c67331; box-shadow:inset -4px -4px #80421d; opacity:0; animation:wood-chip 1.2s steps(3,end) infinite; }.scene-chip--two { margin-left:14px; margin-bottom:-6px; animation-delay:-.28s; }.scene-chip--three { margin-left:-12px; margin-bottom:-14px; animation-delay:-.56s; }.scene-ground { height:24px; position:absolute; z-index:5; right:0; bottom:0; left:0; display:grid; grid-template-columns:repeat(9,1fr); background:#402317; border-top:5px solid #a45025; }.scene-ground i { border-right:1px solid rgba(0,0,0,.25); background:linear-gradient(#6a391d,#301b13); }.scene-ground i:nth-child(even) { background:linear-gradient(#7c421e,#3c2115); }
.loader-progress { width:236px; height:23px; padding:4px; position:relative; display:grid; grid-template-columns:repeat(6,1fr); gap:3px; border:1px solid rgba(255,255,255,.24); border-radius:6px; background:#210e0d; overflow:hidden; }.loader-progress span { position:absolute; z-index:0; inset:4px auto 4px 4px; width:0; border-radius:2px; background:linear-gradient(90deg,#c9391f,#ff991f); box-shadow:0 0 14px rgba(255,114,22,.45); animation:world-progress 3s steps(6,end) forwards; }.loader-progress i { position:relative; z-index:1; border-right:1px solid rgba(54,12,9,.55); }.loader-tip { min-height:15px; }.site-loader--skeleton .loader-scene { animation:scene-out .35s ease forwards; }
@keyframes steve-chop { 0%,28% { transform:rotate(-33deg); } 42%,100% { transform:rotate(34deg); } } @keyframes axe-chop { 0%,28% { transform:rotate(-33deg); } 42%,100% { transform:rotate(34deg); } } @keyframes tree-shake { 0%,30% { transform:translateX(0); } 42% { transform:translateX(4px); } 54% { transform:translateX(-3px); } 66%,100% { transform:translateX(0); } } @keyframes wood-chip { 0%,33% { opacity:0; transform:translate(0,0) rotate(0); } 42% { opacity:1; } 100% { opacity:0; transform:translate(24px,35px) rotate(115deg); } } @keyframes cloud-drift { to { transform:translateX(44px); } } @keyframes world-progress { to { width:calc(100% - 8px); } } @keyframes scene-out { to { transform:scale(.93); opacity:0; } }
@media (max-width:640px) { .loader-scene { width:290px; height:177px; transform:scale(.94); transform-origin:center bottom; margin-bottom:14px; }.loader-progress { width:220px; }.loader-tip { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .scene-tree,.steve-arm,.steve-axe,.scene-chip,.scene-cloud,.loader-progress span { animation-duration:.01ms; animation-iteration-count:1; } }

/* iOS 27-inspired Liquid Glass refinement: optical layers, stronger contrast, and touch-like controls. */
:root { --glass-edge: rgba(255,255,255,.25); --glass-fill: rgba(78,12,15,.46); --glass-shadow: 0 24px 65px rgba(0,0,0,.26); }
body::before { background:radial-gradient(circle at 84% 8%,rgba(255,114,23,.19),transparent 19%),radial-gradient(circle at 5% 46%,rgba(151,24,25,.34),transparent 28%),radial-gradient(circle at 50% 103%,rgba(255,83,17,.13),transparent 31%),#090607; }
.announcement,.site-header,.site-footer { isolation:isolate; border-color:var(--glass-edge); }.announcement::before,.site-header::before,.site-footer::before { content:''; position:absolute; z-index:0; inset:1px; border-radius:inherit; background:linear-gradient(118deg,rgba(255,255,255,.14),transparent 27%,transparent 72%,rgba(255,158,68,.1)); pointer-events:none; }.announcement > *,.site-header > *,.site-footer > * { position:relative; z-index:1; }.announcement { background:linear-gradient(105deg,rgba(112,19,20,.72),rgba(47,8,11,.53)); box-shadow:0 9px 26px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.17); }.site-header { border-radius:28px; background:linear-gradient(115deg,rgba(82,12,14,.72),rgba(15,8,10,.64)); box-shadow:var(--glass-shadow),inset 0 1px rgba(255,255,255,.18); }.site-header::after { content:''; width:38%; height:70%; position:absolute; z-index:0; top:-19%; left:13%; border-radius:50%; background:radial-gradient(ellipse,rgba(255,255,255,.13),transparent 68%); filter:blur(9px); }.main-nav a { border:1px solid transparent; border-radius:13px; }.main-nav a:hover,.main-nav .active { border-color:rgba(255,255,255,.13); background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055)); box-shadow:inset 0 1px rgba(255,255,255,.19),0 7px 18px rgba(0,0,0,.15); }.header-status { border-color:rgba(255,255,255,.21); background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(0,0,0,.13)); box-shadow:inset 0 1px rgba(255,255,255,.16); }.button { border-radius:20px; }.button--primary { border-color:rgba(255,255,255,.44); background:linear-gradient(145deg,#ffbd4a 0%,#ff8d28 35%,#f75216 100%); box-shadow:0 16px 28px rgba(126,25,10,.4),inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(142,30,8,.24); }.button--glass { border-color:rgba(255,255,255,.3); background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.055)); box-shadow:inset 0 1px rgba(255,255,255,.22),0 10px 23px rgba(0,0,0,.12); }.button:active,.header-status:active,.cart-button:active { transform:scale(.96); }.site-footer { border-radius:29px; background:linear-gradient(135deg,rgba(58,9,11,.75),rgba(18,7,9,.7)); box-shadow:var(--glass-shadow),inset 0 1px rgba(255,255,255,.14); }
@media (max-width:640px) { .site-header { border-radius:22px; }.announcement { border-radius:17px; }.button { border-radius:18px; }.site-footer { border-radius:23px; } }

/* Restore the previous, quieter GamePluse look. Header remains a floating page element, never sticky. */
/* End World palette: near-black void, a trace of chorus purple, and GamePluse fire. */
/* A clean void behind Steve: remove the old supplied-texture and floor-grid layers. */
.hero::after,.hero__grid { display:none!important; }
.art-sun { animation:none!important; }
.site-loader { background:radial-gradient(circle at 50% 44%,rgba(131,68,169,.38),transparent 26%),radial-gradient(circle at 70% 70%,rgba(151,28,26,.2),transparent 35%),linear-gradient(135deg,#050207,#17091d 56%,#08030a)!important; }.site-loader::before { opacity:.22!important; background:linear-gradient(rgba(197,150,228,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(197,150,228,.12) 1px,transparent 1px)!important; }.loader-scene { border-color:rgba(204,160,234,.27)!important; background:linear-gradient(#22102b 0 48%,#170b20 49% 67%,#09050c 68%)!important; box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 35px rgba(0,0,0,.42)!important; }.loader-scene::before { background:linear-gradient(90deg,rgba(206,164,236,.12) 1px,transparent 1px),linear-gradient(rgba(206,164,236,.12) 1px,transparent 1px)!important; }.scene-cloud { background:rgba(221,194,239,.22)!important; box-shadow:11px -7px 0 rgba(221,194,239,.22),21px 0 0 rgba(221,194,239,.22)!important; }.tree-leaves { background:linear-gradient(135deg,#9d62bd 0 49%,#5a2d77 50%)!important; box-shadow:inset 8px -9px rgba(22,8,33,.48)!important; }.tree-trunk { border-inline-color:#4c171a!important; background:repeating-linear-gradient(90deg,#a94d28 0 7px,#d27635 7px 13px)!important; box-shadow:inset 0 -15px #632519!important; }.scene-ground { background:#211127!important; border-top-color:#a4512c!important; }.scene-ground i { background:linear-gradient(#482253,#170b20)!important; }.scene-ground i:nth-child(even) { background:linear-gradient(#5d2a67,#210d27)!important; }.loader-progress { border-color:rgba(210,170,237,.32)!important; background:#120817!important; }.loader-progress span { background:linear-gradient(90deg,#853f9d,#ff9e2f)!important; box-shadow:0 0 14px rgba(178,101,215,.45)!important; }.loader-progress i { border-right-color:rgba(52,15,67,.7)!important; }.loader-tip { color:#c9b2d2!important; }.skeleton-shell { border-color:rgba(206,165,235,.15)!important; background:rgba(133,74,163,.07)!important; }.skeleton-shell > * { background:linear-gradient(100deg,rgba(149,88,181,.09) 30%,rgba(237,205,255,.2) 48%,rgba(149,88,181,.09) 66%)!important; }
/* These use !important because older page-specific color passes are still present below their base styles. */
.site-header { position:relative!important; top:auto!important; margin-top:12px!important; }
@media (max-width:640px) { .site-header { position:relative!important; top:auto!important; margin-top:8px!important; } }
.hero { border-color:rgba(197,159,229,.19)!important; background:radial-gradient(ellipse at 84% 24%,rgba(115,69,150,.36),transparent 20%),radial-gradient(ellipse at 48% 115%,rgba(112,17,23,.63),transparent 39%),linear-gradient(120deg,#07030a 0%,#150812 48%,#320c17 100%)!important; box-shadow:0 29px 68px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.09)!important; }.hero::before { opacity:.7!important; background:radial-gradient(circle at 11% 18%,rgba(255,255,255,.37) 0 1px,transparent 1.7px) 0 0/46px 46px,radial-gradient(circle at 67% 38%,rgba(255,193,138,.35) 0 1px,transparent 1.8px) 0 0/73px 73px!important; mask-image:linear-gradient(to bottom,#000,transparent 91%)!important; }.hero__grid { opacity:.44!important; background:linear-gradient(45deg,rgba(74,37,93,.48) 25%,transparent 25%) 0 0/30px 30px,linear-gradient(-45deg,rgba(74,37,93,.48) 25%,transparent 25%) 0 0/30px 30px!important; }.hero h1 { text-shadow:6px 6px 0 rgba(12,2,13,.66),0 0 25px rgba(175,104,217,.15)!important; }.hero__description { color:#dad0df!important; }.meta-label { color:#ba9dc1!important; }
.art-sun { width:205px!important; height:205px!important; top:54px!important; right:16%!important; z-index:0!important; background:radial-gradient(circle,#020104 0 22%,#100817 23% 31%,transparent 32%),conic-gradient(from 12deg,transparent 0 8%,rgba(186,108,224,.75) 12%,rgba(48,16,66,.16) 24%,rgba(251,125,35,.74) 36%,rgba(94,39,119,.16) 47%,rgba(187,86,42,.68) 59%,rgba(81,34,109,.14) 73%,rgba(196,116,228,.67) 88%,transparent 97%)!important; box-shadow:0 0 0 8px rgba(31,11,39,.68),0 0 25px 10px rgba(152,74,190,.26),0 0 69px 20px rgba(244,78,20,.18)!important; animation:black-hole-spin 13s linear infinite!important; }.art-sun::before { content:''!important; position:absolute!important; inset:22px!important; border-radius:50%!important; background:radial-gradient(circle at 39% 38%,rgba(255,255,255,.07),transparent 9%,rgba(0,0,0,.88) 39%,#030105 65%)!important; box-shadow:inset 0 0 27px #000!important; }.art-sun::after { content:''!important; position:absolute!important; width:250px!important; height:62px!important; top:70px!important; left:-23px!important; border:3px solid rgba(216,135,255,.36)!important; border-left-color:rgba(255,134,42,.12)!important; border-right-color:rgba(255,134,42,.12)!important; border-radius:50%!important; transform:rotate(-19deg)!important; box-shadow:0 0 14px rgba(169,90,221,.25)!important; }.art-orbit { border-color:rgba(203,139,234,.34)!important; }.orbit--two { border-color:rgba(255,150,70,.18)!important; }.art-cube { background:linear-gradient(135deg,#9f62bf 0 42%,#7c171e 43% 68%,#2a0a1e 69%)!important; box-shadow:5px 7px 0 rgba(4,1,5,.64)!important; }.player { filter:drop-shadow(15px 20px 0 rgba(0,0,0,.55)) drop-shadow(0 0 12px rgba(164,88,210,.15))!important; }.art-platform { background:linear-gradient(#5a1c33 0 14%,#2d1530 15% 32%,#15101e 33% 66%,#050307 67%)!important; box-shadow:0 16px 0 #030205!important; }.art-platform i { background:rgba(177,103,208,.21)!important; }.art-badge { border-color:rgba(207,169,235,.25)!important; background:rgba(17,7,22,.74)!important; }.art-badge small { color:#c9b7cf!important; }
.trust { border-color:rgba(194,150,225,.18)!important; background:linear-gradient(115deg,rgba(32,8,23,.79),rgba(12,7,19,.84))!important; }.trust article { background:rgba(137,77,166,.055)!important; }.trust__icon { color:#d09ae8!important; background:rgba(141,73,177,.16)!important; }.trust p { color:#bbaebe!important; }.gamemodes { border-color:rgba(195,156,229,.18)!important; background:radial-gradient(circle at 15% 45%,rgba(120,58,153,.24),transparent 33%),radial-gradient(circle at 82% 95%,rgba(131,18,24,.17),transparent 34%),linear-gradient(115deg,rgba(15,6,20,.95),rgba(5,4,10,.98))!important; }.mode-card { border-color:rgba(195,157,228,.14)!important; background:rgba(140,78,166,.055)!important; }.mode-card::after { background:radial-gradient(circle,rgba(154,87,190,.19),transparent 68%)!important; }.mode-card:hover { border-color:rgba(208,143,236,.5)!important; background:rgba(130,62,154,.15)!important; }.mode-card__icon { border-color:rgba(212,164,236,.21)!important; background:linear-gradient(145deg,rgba(143,76,182,.29),rgba(107,20,26,.25))!important; }.mode-card__name small,.mode-card__status { color:#bcaebe!important; }
.rank-card { border-color:rgba(194,152,225,.17)!important; background:linear-gradient(145deg,rgba(63,15,42,.74),rgba(9,5,13,.94))!important; }.rank-card--featured { background:linear-gradient(145deg,rgba(123,25,26,.76),rgba(40,9,31,.95))!important; }.rank-card::after { background:radial-gradient(circle,rgba(166,88,208,.19),transparent 68%)!important; }.rank-card:hover { border-color:rgba(211,151,239,.54)!important; }.perks { border-color:rgba(194,152,225,.17)!important; background:linear-gradient(125deg,rgba(46,11,33,.88),rgba(8,5,13,.96) 64%)!important; }.perk { border-color:rgba(198,158,230,.16)!important; background:rgba(130,71,161,.06)!important; }.community { border-color:rgba(196,153,229,.18)!important; background:radial-gradient(circle at 76% 10%,rgba(160,88,199,.23),transparent 23%),linear-gradient(120deg,rgba(25,6,20,.97),rgba(86,17,27,.88))!important; }
.shop-hero { border-color:rgba(197,159,229,.19)!important; background:radial-gradient(circle at 72% 40%,rgba(138,78,173,.34),transparent 17%),radial-gradient(circle at 39% 102%,rgba(122,20,26,.34),transparent 35%),linear-gradient(115deg,#0c0510,#250a19 59%,#4e121b)!important; box-shadow:0 24px 55px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.09)!important; }.shop-hero__content > p:not(.kicker),.shop-hero__crumbs { color:#d7cadb!important; }.shop-hero__art > i { background:linear-gradient(135deg,#a566bf 0 42%,#791923 43% 66%,#260a1d 67%)!important; box-shadow:6px 7px 0 rgba(3,1,5,.47)!important; }.shop-hero__coin { border-color:#9144a2!important; color:#25051b!important; background:radial-gradient(circle at 35% 29%,#f8ccff,#b771d2 57%,#7f2c79 58%)!important; box-shadow:0 0 65px rgba(160,77,196,.38),inset 0 0 0 6px rgba(255,255,255,.2)!important; }
.shop-sidebar,.cart-panel { border-color:rgba(196,154,228,.18)!important; background:linear-gradient(145deg,rgba(39,9,29,.9),rgba(8,5,13,.96))!important; }.category { color:#c9bacd!important; }.category:hover,.category.is-active { border-color:rgba(204,147,233,.39)!important; background:rgba(142,78,170,.15)!important; }.category__icon { color:#d09ae8!important; background:rgba(141,73,177,.16)!important; }.cart-button { border-color:rgba(198,157,229,.21)!important; background:rgba(134,75,162,.12)!important; }.cart-button__count,.sidebar-help > span { background:#c078d5!important; color:#27061f!important; }
.product-card { border-color:rgba(196,154,228,.16)!important; background:linear-gradient(145deg,rgba(53,13,40,.79),rgba(8,5,13,.95))!important; box-shadow:inset 0 1px rgba(255,255,255,.08),0 17px 32px rgba(0,0,0,.28)!important; }.product-card:hover { border-color:rgba(211,151,239,.51)!important; box-shadow:inset 0 1px rgba(255,255,255,.1),0 22px 37px rgba(0,0,0,.38)!important; }.product-card--featured { border-color:rgba(204,137,231,.53)!important; }.product-art { background:radial-gradient(circle at 50% 43%,rgba(174,96,211,.55),transparent 23%),linear-gradient(135deg,#200a1d,#57152e)!important; }.product-art--blaze { background:radial-gradient(circle at 50% 43%,rgba(255,166,59,.76),transparent 24%),linear-gradient(135deg,#3c0c1c,#84201c)!important; }.product-art--inferno,.product-art--red { background:radial-gradient(circle at 50% 43%,rgba(185,75,203,.54),transparent 24%),linear-gradient(135deg,#1b0719,#661523)!important; }.product-art--key,.product-art--gold,.product-art--coins { background:radial-gradient(circle at 50% 43%,rgba(255,171,57,.67),transparent 24%),linear-gradient(135deg,#28131a,#693116)!important; }.product-art--cosmetic { background:radial-gradient(circle at 50% 43%,rgba(178,88,208,.62),transparent 24%),linear-gradient(135deg,#250a20,#65172f)!important; }.product-art span { border-color:rgba(225,191,242,.34)!important; background:linear-gradient(135deg,#d78dea,#8f3a9b)!important; color:#210719!important; box-shadow:0 0 34px rgba(170,80,203,.44),inset 0 2px rgba(255,255,255,.52)!important; }.product-art i { background:#bc73d1!important; box-shadow:3px 4px 0 #531442!important; }.shop-guarantees { border-color:rgba(196,154,228,.18)!important; background:linear-gradient(135deg,rgba(44,11,34,.81),rgba(10,6,15,.87))!important; }.shop-guarantees article { background:rgba(139,78,165,.06)!important; }.shop-guarantees article > span { color:#d09ae8!important; background:rgba(141,73,177,.16)!important; }.cart-close { background:rgba(140,79,168,.13)!important; }
@keyframes black-hole-spin { to { transform:rotate(360deg); } }
@media (max-width:640px) { .art-sun { width:156px!important; height:156px!important; top:83px!important; right:5%!important; }.art-sun::after { width:192px!important; height:47px!important; top:54px!important; left:-19px!important; }.hero { background:radial-gradient(ellipse at 84% 18%,rgba(111,66,145,.3),transparent 24%),linear-gradient(130deg,#07030a,#200913 71%,#3a0d18)!important; } }
:root { --black:#050207; --end-purple:#7c4d9c; --end-purple-bright:#b279d4; --red-deep:#26050a; --red:#741219; --red-bright:#b62d2a; --orange:#ed5b16; --orange-bright:#ff9e2f; --muted:#c9b8ca; --line:rgba(217,188,245,.16); }
body { background:var(--black); }
body::before { background:radial-gradient(ellipse at 86% 7%,rgba(114,61,151,.19),transparent 25%),radial-gradient(ellipse at 6% 54%,rgba(87,8,19,.28),transparent 29%),radial-gradient(ellipse at 53% 108%,rgba(68,29,98,.18),transparent 34%),#050207; }
body::after { opacity:.08; }.ambient--one { background:rgba(94,47,133,.16); }.ambient--two { background:rgba(142,22,24,.13); }
.announcement { border-color:rgba(191,146,223,.22); background:linear-gradient(105deg,rgba(43,8,18,.86),rgba(12,7,18,.83)); box-shadow:0 12px 32px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.08); }.announcement p { color:#e8dce9; }
.site-header { border-color:rgba(199,159,232,.2); background:linear-gradient(112deg,rgba(30,7,15,.9),rgba(8,6,14,.88)); box-shadow:0 20px 46px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08); }.main-nav a { color:#cbb9cf; }.main-nav a:hover,.main-nav .active { background:rgba(139,81,169,.17); color:var(--white); }.header-status { border-color:rgba(193,148,220,.17); background:rgba(13,7,19,.6); color:#e6d9e8; }
.announcement__spark,.status-dot { box-shadow:0 0 0 4px rgba(201,109,44,.13),0 0 17px rgba(255,115,24,.48); }.button--primary { color:#27070a; background:linear-gradient(135deg,#ffb13d,#ed5b16 61%,#bd2c23); box-shadow:0 13px 28px rgba(150,33,18,.38),inset 0 1px rgba(255,255,255,.58); }.button--glass { border-color:rgba(202,166,230,.28); background:rgba(108,63,134,.13); box-shadow:inset 0 1px rgba(255,255,255,.1); }
.site-footer { border-color:rgba(188,145,220,.17); background:linear-gradient(130deg,rgba(22,6,15,.88),rgba(8,5,11,.9)); box-shadow:inset 0 1px rgba(255,255,255,.06),0 15px 34px rgba(0,0,0,.25); }.footer__top p,.footer__bottom { color:#ac9aaf; }.toast { border-color:rgba(198,156,227,.27); background:rgba(15,7,20,.94); }

/* Keep the outer page void uniform; panels provide all of the intentional color. */
body,body::before { background:#09070b!important; }.ambient,body::after { display:none!important; }
/* Skeleton panels were visually mistaken for page background; the loader is now only the Minecraft scene. */
.site-loader__skeleton { display:none!important; }

/* Opaque End surfaces: no panel can inherit or reveal a background behind it. */
.site-header { background:#120914!important; backdrop-filter:none!important; }.announcement { background:#1a0a12!important; backdrop-filter:none!important; }.site-footer { background:#0f0812!important; }
.hero { background:#170a16!important; }.hero::before,.hero__copy::before,.gamemodes::before,.mode-card::after,.rank-card::after,.perks::after,.community::before,.community__glow { display:none!important; }
.trust { background:#100913!important; }.trust article { background:#1b0c1c!important; }.gamemodes { background:#0e0712!important; }.mode-card { background:#1a0c1b!important; }.rank-card { background:#180b18!important; }.rank-card--featured { background:#3a101c!important; }.perks { background:#100812!important; }.perk { background:#1a0c1c!important; }.community { background:#210b17!important; }
.shop-hero { background:#190b18!important; }.shop-sidebar,.cart-panel { background:#110913!important; }.product-card { background:#190b19!important; }.shop-guarantees { background:#100913!important; }.shop-guarantees article { background:#1a0c1b!important; }.product-art { background:#2b0e29!important; }
.site-loader { background:#09060d!important; }.loader-scene { background:#160b1c!important; }

/* One shared corner system: frames, cards, then controls. */
:root { --radius-frame:22px; --radius-card:16px; --radius-control:12px; }
.site-header,.announcement,.site-footer,.hero,.trust,.gamemodes,.perks,.community,.shop-hero,.shop-sidebar,.shop-guarantees,.cart-panel { border-radius:var(--radius-frame)!important; }
.trust article,.mode-card,.rank-card,.perk,.product-card,.shop-guarantees article { border-radius:var(--radius-card)!important; }
.button,.header-status,.art-badge,.hero__meta > div,.rank-card__crest,.mode-card__icon,.cart-button,.category,.category__icon,.category-toggle,.cart-close,.product-art span,.add-to-cart span,.featured-label,.product-badge,.menu-toggle,.main-nav.open { border-radius:var(--radius-control)!important; }
.announcement__spark,.status-dot,.cart-button__count,.sidebar-help > span { border-radius:50%!important; }
@media (max-width:640px) { .site-header,.announcement,.site-footer,.hero,.trust,.gamemodes,.perks,.community,.shop-hero,.shop-sidebar,.shop-guarantees,.cart-panel { border-radius:var(--radius-frame)!important; } }

/*
  ┌──────────────────────────────────────────┐
  │ GAMEPLUSE — SIMPLE HUMAN EDIT SETTINGS    │
  │ Edit these values when changing the theme │
  └──────────────────────────────────────────┘
*/
:root {
  --page-void: #09070b;
  --surface-deep: #0e0712;
  --surface-red: #210b17;
  --surface-purple: #180b18;
  --accent-orange: #ff9e2f;
  --accent-purple: #b279d4;
  --text-main: #fffaf7;
  --text-muted: #c9b8ca;
}

/* No decorative pseudo-elements on site containers or cards.
   This prevents invisible layers from showing through or using a different radius. */
.site-header::before,.site-header::after,.announcement::before,.announcement::after,.site-footer::before,.site-footer::after,
.hero::before,.hero::after,.hero__copy::before,.hero__copy::after,.hero__grid::before,.hero__grid::after,
.trust::before,.trust::after,.trust article::before,.trust article::after,.gamemodes::before,.gamemodes::after,
.mode-card::before,.mode-card::after,.rank-card::before,.rank-card::after,.perks::before,.perks::after,
.perk::before,.perk::after,.community::before,.community::after,.community__glow::before,.community__glow::after,
.shop-hero::before,.shop-hero::after,.shop-sidebar::before,.shop-sidebar::after,.product-card::before,.product-card::after,
.shop-guarantees::before,.shop-guarantees::after,.shop-guarantees article::before,.shop-guarantees article::after { content:none!important; display:none!important; }

/* The black hole is intentionally the only art element allowed to use pseudo-elements. */
.art-sun::before,.art-sun::after { display:block!important; }

/* A richer End-void background, built from solid colors only. */
body {
  background: linear-gradient(
    145deg,
    #221026 0%,
    #140b19 30%,
    #0b090f 58%,
    #190b15 100%
  ) fixed!important;
}

/* The black hole is a static hero illustration. */
.art-sun { animation:none!important; }