/* Seri33 Malaysia - "Chrome Dynasty" (sr-): luxury casino x retro-futurism, CSS 3D. */
@font-face{font-family:"Unbounded";src:url(/static/fonts/unbounded-latin-wght.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"Sora";src:url(/static/fonts/sora-latin-wght.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
 --bg:#08061a;--bg2:#100b29;--bg3:#181040;
 --panel:rgba(24,17,58,.74);--panel2:rgba(36,24,84,.6);
 --ink:#f4effd;--muted:#bdb4dc;--dim:#8f86b4;
 --gold:#e9c57a;--gold2:#fff0c6;--gold3:#a87b33;
 --red:#ff3d55;--red2:#c4142f;--blue:#4a74ff;--blue2:#1d3fd1;--cyan:#62e6ff;--mag:#ff4fd8;
 --line:rgba(233,197,122,.22);--line2:rgba(98,230,255,.28);
 --chrome:linear-gradient(180deg,#fff 0%,#fbecc4 30%,#d6ac5c 48%,#7d5a22 52%,#f7dc9a 64%,#fff6dc 82%,#c99b4c 100%);
 --r:18px;--r2:12px;--wrap:1240px;--gut:clamp(16px,4vw,32px);
 --sh:0 24px 60px -24px rgba(0,0,0,.8),0 0 0 1px var(--line);
 --ease:cubic-bezier(.2,.8,.2,1);
 --fd:"Unbounded",system-ui,sans-serif;--fb:"Sora",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.7 var(--fb);overflow-x:hidden;min-height:100vh}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold2)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.sr-wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.sr-skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--gold);color:#120a02;padding:10px 14px;border-radius:8px;font-weight:700}
.sr-skip:focus{left:12px}

/* sky */
.sr-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 50% -10%,#2a1666 0%,var(--bg2) 45%,var(--bg) 75%)}
.sr-stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 38% 32%,#ffe6b0 50%,transparent 51%),radial-gradient(1px 1px at 88% 40%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 62%,#cfe 50%,transparent 51%),radial-gradient(1.2px 1.2px at 58% 74%,#fff 50%,transparent 51%);background-size:420px 420px}
.sr-glow{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.28}
.sr-glow--r{background:var(--red2);left:-25vmax;top:30vh}.sr-glow--b{background:var(--blue2);right:-25vmax;top:-10vh}

/* header */
.sr-head{position:sticky;top:0;z-index:50;background:rgba(8,6,26,.84);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
.sr-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--red),var(--gold),var(--blue),transparent);opacity:.8}
.sr-head-in{display:flex;align-items:center;gap:20px;min-height:72px}
.sr-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.sr-logo img{width:30px;height:auto;filter:drop-shadow(0 0 10px rgba(255,61,85,.45))}
.sr-wm{font:800 1.28rem/1 var(--fd);letter-spacing:.06em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-wm b{font-weight:800}
.sr-nav{margin-left:auto}
.sr-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.sr-nav a{display:block;padding:9px 11px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap;transition:color .2s,background .2s}
.sr-nav a:hover{color:var(--ink);background:rgba(255,255,255,.06)}
.sr-nav a[aria-current=page]{color:var(--gold2);background:rgba(233,197,122,.1);box-shadow:inset 0 -2px 0 var(--gold)}
.sr-head-act{display:flex;align-items:center;gap:10px}
.sr-lang{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}
.sr-lang a{padding:5px 10px;border-radius:999px;font:700 .72rem/1 var(--fd);letter-spacing:.06em;color:var(--muted);text-decoration:none;min-width:36px;text-align:center}
.sr-lang a[aria-current]{background:var(--gold);color:#140c02}
.sr-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.sr-burger span{width:20px;height:2px;background:var(--gold2);border-radius:2px}
.sr-drawer{position:fixed;inset:0;z-index:60;background:rgba(4,3,14,.7);backdrop-filter:blur(6px)}
.sr-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(360px,88vw);background:var(--bg2);border-left:1px solid var(--line);padding:18px;overflow:auto;display:flex;flex-direction:column;gap:14px}
.sr-drawer-top{display:flex;justify-content:space-between;align-items:center}
.sr-drawer-x{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:none;color:var(--ink);font-size:1.6rem;cursor:pointer}
.sr-drawer ul{list-style:none;margin:0;padding:0}
.sr-drawer li a{display:block;padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--ink);text-decoration:none;font-weight:500}
.sr-drawer li a[aria-current=page]{color:var(--gold)}
.sr-drawer-act{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}

/* buttons */
.sr-btn{--b:var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font:700 .86rem/1 var(--fd);letter-spacing:.03em;text-decoration:none;cursor:pointer;border:1px solid var(--b);transition:transform .25s var(--ease),box-shadow .25s,filter .25s;white-space:nowrap}
.sr-btn--pri{color:#1a0e00;background:linear-gradient(180deg,#fff3cf 0%,#efcb7e 38%,#c9963f 70%,#e8bd68 100%);border-color:#fbe3a6;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -3px 0 rgba(120,80,20,.45) inset,0 10px 26px -10px rgba(233,197,122,.7)}
.sr-btn--pri:hover{transform:translateY(-2px);filter:brightness(1.06)}
.sr-btn--ghost{color:var(--ink);background:rgba(255,255,255,.04)}
.sr-btn--ghost:hover{border-color:var(--gold);color:var(--gold2)}
.sr-btn--lg{min-height:52px;padding:0 26px;font-size:.92rem}

/* typography blocks */
.sr-kicker{margin:0 0 10px;font:600 .74rem/1.3 var(--fd);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}
.sr-kicker::before{content:"";display:inline-block;width:22px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}
.sr-title{margin:0;font:700 clamp(1.45rem,2.6vw,2.1rem)/1.2 var(--fd);letter-spacing:-.01em;color:var(--ink)}
.sr-lead{margin:10px 0 0;color:var(--muted);max-width:62ch}
.sr-sub{margin:0 0 14px;font:700 .95rem/1.3 var(--fd);color:var(--gold2)}
.sr-note{margin:14px 0 0;color:var(--dim);font-size:.86rem}
.sr-display{margin:0;font:800 clamp(3.6rem,10vw,7.6rem)/.92 var(--fd);letter-spacing:-.03em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 rgba(90,40,10,.35)) drop-shadow(0 18px 30px rgba(255,61,85,.25))}
.sr-display-33{background:linear-gradient(180deg,#ffd0d6 0%,#ff5a6e 40%,#9c0b22 54%,#ff3d55 66%,#ffc2cb 100%);-webkit-background-clip:text;background-clip:text}
.sr-display--md{font-size:clamp(2.2rem,5.4vw,3.8rem);line-height:1.02}
.sr-hero-lead{margin:18px 0 0;color:var(--muted);font-size:1.06rem;max-width:56ch}
.sr-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

/* sections */
.sr-sec{margin-top:clamp(56px,8vw,96px)}
.sr-sec-head{margin-bottom:26px;max-width:760px}
.sr-panel{background:linear-gradient(160deg,var(--panel2),var(--panel));border-radius:var(--r);box-shadow:var(--sh);position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sr-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(233,197,122,.55),transparent 35%,transparent 65%,rgba(98,230,255,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sr-tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .35s var(--ease),box-shadow .35s;transform-style:preserve-3d;will-change:transform}

/* hero */
.sr-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding-top:clamp(32px,6vw,72px)}
.sr-ros{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;margin:30px 0 0;padding:0;max-width:560px}
.sr-ro{padding:12px 12px 10px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);text-align:left}
.sr-ro b{display:block;font:800 1.32rem/1.1 var(--fd);color:var(--gold2)}
.sr-ro span{font-size:.74rem;color:var(--dim);line-height:1.3;display:block;margin-top:4px}
.sr-stage{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;justify-self:center;perspective:900px;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#140b38 0%,#2b0f4e 46%,#3a0d3c 58%,#0b0720 59%,#07051a 100%);box-shadow:var(--sh)}
.sr-sun{position:absolute;left:50%;top:14%;width:62%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,#ffe9a8 0%,#ffb35c 30%,#ff4a6b 62%,#b0168f 100%);-webkit-mask:repeating-linear-gradient(180deg,#000 0 52%,transparent 52% 54%,#000 54% 61%,transparent 61% 64%,#000 64% 71%,transparent 71% 75%,#000 75% 82%,transparent 82% 87%,#000 87%);mask:repeating-linear-gradient(180deg,#000 0 52%,transparent 52% 54%,#000 54% 61%,transparent 61% 64%,#000 64% 71%,transparent 71% 75%,#000 75% 82%,transparent 82% 87%,#000 87%);opacity:.92;filter:drop-shadow(0 0 40px rgba(255,90,110,.5))}
.sr-floor{position:absolute;left:-50%;right:-50%;bottom:-6%;height:46%;transform-origin:50% 0;transform:perspective(380px) rotateX(64deg);background:linear-gradient(transparent 0 0),repeating-linear-gradient(90deg,rgba(98,230,255,.55) 0 1.5px,transparent 1.5px 56px),repeating-linear-gradient(0deg,rgba(255,79,216,.55) 0 1.5px,transparent 1.5px 56px);-webkit-mask:linear-gradient(180deg,transparent,#000 30%);mask:linear-gradient(180deg,transparent,#000 30%);animation:sr-floor 2.4s linear infinite}
@keyframes sr-floor{to{background-position:0 0,0 0,0 56px}}
.sr-coin{position:absolute;left:50%;top:44%;width:42%;aspect-ratio:1;margin:-21% 0 0 -21%;transform-style:preserve-3d;animation:sr-spin 14s linear infinite}
@keyframes sr-spin{from{transform:rotateX(-8deg) rotateY(0)}to{transform:rotateX(-8deg) rotateY(360deg)}}
.sr-coin>i{position:absolute;inset:0;border-radius:50%}
.sr-coin-face,.sr-coin-back{display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#fff6d6 0%,#f0cd82 22%,#b68535 52%,#6d4614 78%,#e8c070 100%);box-shadow:inset 0 0 0 6px rgba(255,236,180,.55),inset 0 0 0 12px rgba(110,70,20,.55),inset 0 0 30px rgba(0,0,0,.45)}
.sr-coin-face{transform:translateZ(10px)}
.sr-coin-face img{width:44%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}
.sr-coin-back{transform:rotateY(180deg) translateZ(10px)}
.sr-coin-back b{font:800 clamp(2rem,6vw,3.6rem)/1 var(--fd);color:#5a3a0e;text-shadow:0 1px 0 rgba(255,240,200,.6)}
.sr-coin-edge{transform:translateZ(var(--z));background:linear-gradient(90deg,#6d4614,#d9ae5c,#6d4614)}
.sr-orb{position:absolute;width:24%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55));animation:sr-bob 6s ease-in-out infinite}
.sr-orb--0{left:5%;top:8%}.sr-orb--1{right:4%;top:20%;animation-delay:-2s;width:22%}.sr-orb--2{left:8%;bottom:10%;animation-delay:-4s;width:21%}
@keyframes sr-bob{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(0,-14px,0) rotate(4deg)}}

/* page hero */
.sr-phero{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,4vw,48px);align-items:center;padding-top:16px}
.sr-phero--solo{grid-template-columns:1fr;padding-bottom:8px}
.sr-phero-art{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#140b38 0%,#2b0f4e 50%,#3a0d3c 62%,#0b0720 63%);box-shadow:var(--sh);perspective:800px}
.sr-phero-art .sr-sun{top:8%;width:52%}
.sr-phero-art .sr-floor{height:42%}
.sr-float{position:absolute;inset:12% 22% 18%;display:grid;place-items:center;animation:sr-bob 7s ease-in-out infinite}
.sr-float img{max-height:100%;width:auto;filter:drop-shadow(0 24px 22px rgba(0,0,0,.6))}
.sr-crumbs{margin-top:20px}
.sr-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:.82rem;color:var(--dim)}
.sr-crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}
.sr-crumbs a{color:var(--muted);text-decoration:none}.sr-crumbs a:hover{color:var(--gold2)}

/* categories */
.sr-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;list-style:none;margin:0;padding:0}
.sr-cat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;border-radius:var(--r);text-decoration:none;color:var(--ink);background:radial-gradient(120% 90% at 50% 0%,rgba(74,116,255,.25),transparent 60%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--sh);min-height:44px}
.sr-cat img{width:86%;max-width:120px;transform:translateZ(30px);filter:drop-shadow(0 12px 12px rgba(0,0,0,.5));transition:transform .35s var(--ease)}
.sr-cat:hover img{transform:translateZ(40px) translateY(-6px) scale(1.04)}
.sr-cat span{font:600 .8rem/1.2 var(--fd);text-align:center;transform:translateZ(20px)}

/* promo rail */
.sr-sec--rail{position:relative}
.sr-rail-ctl{position:absolute;right:var(--gut);top:6px;display:flex;gap:8px}
.sr-ic{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--gold2);font-size:1.6rem;line-height:1;cursor:pointer}
.sr-ic:hover{border-color:var(--gold)}
.sr-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,560px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:var(--gold3) transparent}
.sr-promo-c{scroll-snap-align:start}
.sr-promo-c a{display:block;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .3s var(--ease)}
.sr-promo-c a:hover{transform:translateY(-4px)}
.sr-promo-c img{width:100%;aspect-ratio:1107/410;object-fit:cover}

/* ritual */
.sr-ritual{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}
.sr-ck,.sr-tks{padding:22px}
.sr-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;list-style:none;margin:0;padding:0;counter-reset:d}
.sr-day{border-radius:14px;padding:12px 4px;text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);transform:perspective(500px) rotateX(18deg);transform-origin:bottom}
.sr-day span{display:block;font-size:.7rem;color:var(--dim);white-space:nowrap}
.sr-day b{display:block;margin-top:6px;font:800 .98rem/1.1 var(--fd);color:var(--dim)}
.sr-day--on{background:linear-gradient(180deg,rgba(255,61,85,.28),rgba(74,116,255,.2));border-color:rgba(233,197,122,.55);box-shadow:0 10px 24px -12px rgba(255,61,85,.8)}
.sr-day--on b{color:var(--gold2)}
.sr-ck{display:flex;flex-direction:column}.sr-ck-art{margin-top:auto;padding-top:16px}.sr-ck-art img{border-radius:14px;width:100%;aspect-ratio:1328/491;object-fit:cover}
.sr-tks ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.sr-tk{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:12px 16px;border-radius:14px;border:1px dashed rgba(255,255,255,.25);background:linear-gradient(90deg,var(--c1),var(--c2))}
.sr-tk--bronze{--c1:#5b3115;--c2:#2a1608}.sr-tk--silver{--c1:#4c5266;--c2:#1f2230}.sr-tk--gold{--c1:#7b5512;--c2:#2e1f05}
.sr-tk-n{grid-row:span 2;font:800 .8rem/1 var(--fd);letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--gold2);border-right:1px dashed rgba(255,255,255,.3);padding-left:10px}
.sr-tk b{font:800 1.05rem/1.2 var(--fd)}
.sr-tk small{color:var(--muted);font-size:.8rem}

/* rtp games */
.sr-games{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0;padding:0}
.sr-game{border-radius:var(--r);overflow:hidden;background:var(--panel);box-shadow:var(--sh)}
.sr-game img{width:100%;aspect-ratio:1;object-fit:cover}
.sr-game-n{display:flex;justify-content:space-between;gap:8px;padding:12px 14px 4px;font:700 .86rem/1.25 var(--fd)}
.sr-game-n small{font:500 .72rem/1.4 var(--fb);color:var(--dim)}
.sr-meter{position:relative;display:flex;align-items:center;gap:10px;padding:6px 14px 14px}
.sr-meter i{flex:1;height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}
.sr-meter i::after{content:"";position:absolute;inset:0;width:var(--v);background:linear-gradient(90deg,var(--blue),var(--cyan),var(--gold));border-radius:inherit}
.sr-meter b{font:800 .86rem/1 var(--fd);color:var(--gold2)}

/* vip */
.sr-vip{padding:22px}
.sr-legend{display:flex;justify-content:space-between;margin:0 0 10px;padding:0 16px 0 132px;font-size:.74rem;color:var(--dim);text-transform:uppercase;letter-spacing:.1em}
.sr-tiers{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.sr-tier{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:linear-gradient(90deg,rgba(233,197,122,calc(.05 + var(--i)*.03)),rgba(255,255,255,.02));border:1px solid rgba(233,197,122,calc(.1 + var(--i)*.05));transform:perspective(900px) translateZ(calc(var(--i)*2px));margin-left:calc(var(--i)*1.2%)}
.sr-tier-n{font:800 .86rem/1 var(--fd);letter-spacing:.06em;text-transform:uppercase;color:var(--gold2)}
.sr-tier-d{font:600 .95rem/1.2 var(--fd);color:var(--ink)}
.sr-tier-b{font:800 1rem/1.2 var(--fd);color:var(--gold);text-align:right}
.sr-tier-b small{display:block;font:500 .66rem/1.3 var(--fb);color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
.sr-tiers--full .sr-tier{grid-template-columns:110px 1fr 110px 110px}
.sr-terms{margin:18px 0 0;padding-left:20px;color:var(--muted);font-size:.9rem}

/* providers */
.sr-prov{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;list-style:none;margin:0;padding:0}
.sr-prov li{border-radius:14px;overflow:hidden;box-shadow:var(--sh)}
.sr-prov img{width:100%;aspect-ratio:367/500;object-fit:cover}

/* app band */
.sr-app{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:center;padding:28px;overflow:hidden}
.sr-app-art{display:grid;place-items:center}
.sr-app-art img{width:min(240px,70%);animation:sr-wheel 18s linear infinite;filter:drop-shadow(0 20px 26px rgba(0,0,0,.6))}
@keyframes sr-wheel{to{transform:rotate(360deg)}}
.sr-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.sr-steps li{display:flex;gap:12px;align-items:center;color:var(--muted)}
.sr-steps span{flex:0 0 36px;height:36px;border-radius:10px;display:grid;place-items:center;font:800 .8rem/1 var(--fd);color:#1a0e00;background:var(--gold)}

/* lucky draw */
.sr-draw{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.sr-prizes{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.sr-prize{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.sr-prize span{color:var(--muted)}
.sr-prize b{font:800 1.2rem/1 var(--fd);color:var(--gold2)}
.sr-prize--top{background:linear-gradient(90deg,rgba(255,61,85,.3),rgba(74,116,255,.2));border-color:var(--gold)}
.sr-draw-art{overflow:hidden}
.sr-jps{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:16px 0 0;padding:0}
.sr-jp{padding:18px;border-radius:14px;text-align:center;background:radial-gradient(100% 120% at 50% 0%,rgba(233,197,122,.25),transparent 70%),var(--panel);border:1px solid var(--line)}
.sr-jp span{display:block;color:var(--muted);font-size:.84rem}
.sr-jp b{font:800 1.8rem/1.2 var(--fd);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}

/* article */
.sr-article{padding:clamp(22px,4vw,48px)}
.sr-article>*:first-child,.sr-rm-body>*:first-child{margin-top:0}
.sr-article h1{font:800 clamp(1.6rem,3.4vw,2.4rem)/1.15 var(--fd);margin:0 0 18px;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-article h2{font:700 clamp(1.18rem,2.2vw,1.5rem)/1.3 var(--fd);margin:2em 0 .7em;color:var(--gold2);padding-left:16px;border-left:3px solid var(--red)}
.sr-article h3{font:700 1.05rem/1.35 var(--fd);margin:1.6em 0 .5em;color:var(--ink)}
.sr-article p,.sr-article li{color:#ddd6f3;max-width:76ch}
.sr-article ul,.sr-article ol{padding-left:22px}
.sr-article li{margin:.35em 0}
.sr-article li::marker{color:var(--gold)}
.sr-article a{color:var(--cyan);text-underline-offset:3px}
.sr-article a:hover{color:var(--gold2)}
.sr-article strong{color:var(--ink)}
.sr-tbl{overflow-x:auto;margin:1.4em 0;border-radius:14px;border:1px solid var(--line)}
.sr-article table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:460px}
.sr-article th{background:rgba(233,197,122,.12);color:var(--gold2);font:700 .8rem/1.3 var(--fd);text-align:left;padding:12px 14px;letter-spacing:.02em}
.sr-article td{padding:11px 14px;border-top:1px solid rgba(255,255,255,.07);color:#ddd6f3}
.sr-article tbody tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.sr-checked{margin-top:2.2em!important;padding-top:14px;border-top:1px solid var(--line);font-size:.84rem;color:var(--dim)!important}
.sr-rm:not(.is-open) .sr-rm-body{max-height:520px;overflow:hidden}
.sr-rm-fade{position:absolute;left:1px;right:1px;bottom:76px;height:140px;background:linear-gradient(180deg,transparent,#170f3c);pointer-events:none;border-radius:0}
.sr-rm.is-open .sr-rm-fade{display:none}
.sr-rm-btn{margin-top:18px}

/* faq */
.sr-faq{display:grid;gap:10px}
.sr-faq-i{border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.sr-faq-i summary{cursor:pointer;list-style:none;padding:16px 52px 16px 18px;font:600 .95rem/1.45 var(--fd);position:relative;min-height:44px}
.sr-faq-i summary::-webkit-details-marker{display:none}
.sr-faq-i summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--gold);transition:transform .25s}
.sr-faq-i[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.sr-faq-i div{padding:0 18px 16px;color:var(--muted)}
.sr-faq-i p{margin:0}

/* posts */
.sr-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.sr-post{display:flex;flex-direction:column;height:100%;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);background:var(--panel);box-shadow:var(--sh)}
.sr-post img{width:100%;aspect-ratio:16/7;object-fit:cover}
.sr-post-t{padding:14px 16px 6px;font:700 .96rem/1.35 var(--fd)}
.sr-post-m{padding:0 16px 16px;margin-top:auto;font-size:.78rem;color:var(--dim)}
.sr-post-hero{margin-top:16px}
.sr-post-art{border-radius:24px;overflow:hidden;box-shadow:var(--sh)}
.sr-post-art img{width:100%;aspect-ratio:1107/410;object-fit:cover}
.sr-byline{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:.86rem;color:var(--dim)}
.sr-byline a{color:var(--gold2);font-weight:600}

/* footer */
.sr-foot{margin-top:clamp(64px,9vw,110px);border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(16,11,41,.6),#05040f);position:relative;padding-bottom:24px}
.sr-deco{height:14px;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(233,197,122,.35) 18px 19px),linear-gradient(90deg,transparent,rgba(233,197,122,.12),transparent)}
.sr-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px;padding-top:40px}
.sr-foot-brand p{color:var(--dim);font-size:.88rem;max-width:40ch}
.sr-foot-t{margin:0 0 12px;font:700 .78rem/1 var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.sr-foot ul{list-style:none;margin:0;padding:0}
.sr-foot li a{display:inline-block;padding:6px 0;color:var(--muted);text-decoration:none;font-size:.9rem}
.sr-foot li a:hover{color:var(--gold2)}
.sr-foot-18{display:flex;gap:14px;align-items:flex-start}
.sr-foot-18 p{margin:0;color:var(--dim);font-size:.86rem}
.sr-18{flex:0 0 48px;height:48px;border-radius:50%;display:grid;place-items:center;font:800 .9rem/1 var(--fd);border:2px solid var(--red);color:var(--red)}
.sr-foot-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);font-size:.8rem;color:var(--dim)}
.sr-foot-base p{margin:0}
.sr-tabbar{display:none}

/* responsive */
@media (max-width:1240px){.sr-nav{display:none}.sr-burger{display:flex}.sr-head-act{margin-left:auto}}
@media (max-width:1080px){.sr-cats{grid-template-columns:repeat(4,1fr)}.sr-prov{grid-template-columns:repeat(4,1fr)}.sr-games{grid-template-columns:repeat(3,1fr)}.sr-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
 .sr-hero,.sr-phero,.sr-ritual,.sr-draw,.sr-app{grid-template-columns:1fr}
 .sr-stage{max-width:440px}.sr-phero-art{max-width:520px;width:100%}
 .sr-posts{grid-template-columns:1fr 1fr}
 .sr-tiers--full .sr-tier{grid-template-columns:1fr 1fr;row-gap:6px}.sr-tiers--full .sr-tier-b{text-align:left}
}
@media (max-width:760px){
 body{padding-bottom:76px}
 .sr-hide-s{display:none}
 .sr-head-in{min-height:64px;gap:10px}
 .sr-head-act .sr-btn--pri{display:none}
 .sr-ros{grid-template-columns:repeat(2,1fr)}
 .sr-cats{gap:8px}.sr-cat{padding:10px 4px}.sr-cat span{font-size:.66rem}
 .sr-games{grid-template-columns:repeat(2,1fr)}
 .sr-prov{grid-template-columns:repeat(3,1fr)}
 .sr-posts{grid-template-columns:1fr}
 .sr-rail{grid-auto-columns:88%}
 .sr-rail-ctl{display:none}
 .sr-days{grid-template-columns:repeat(4,1fr)}
 .sr-legend{display:none}
 .sr-tier{grid-template-columns:1fr auto;margin-left:0}.sr-tier-d{grid-column:1;grid-row:2;font-size:.85rem;color:var(--muted)}.sr-tier-b{grid-row:span 2}
 .sr-tiers--full .sr-tier{grid-template-columns:1fr 1fr}.sr-tiers--full .sr-tier-d{grid-column:2;grid-row:1}.sr-tiers--full .sr-tier-b{grid-row:auto}
 .sr-foot-grid{grid-template-columns:1fr}
 .sr-tabbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(8,6,26,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
 .sr-tabbar ul{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0;align-items:center}
 .sr-tabbar a{display:flex;align-items:center;justify-content:center;min-height:48px;color:var(--muted);text-decoration:none;font:600 .72rem/1.1 var(--fd);text-align:center}
 .sr-tab-cta{display:flex!important;margin:0 4px;border-radius:14px;background:linear-gradient(180deg,#fff3cf,#e2b45e);color:#1a0e00!important}
}
@media (max-width:420px){.sr-lang a{padding:5px 8px;min-width:32px}.sr-wm{font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .sr-tilt{transform:none!important}
}