*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--fbody),system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw,1180px);margin:0 auto;padding:0 20px}
.serif{font-family:var(--fdisp),Georgia,serif}
a{color:inherit;text-decoration:none}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
.hl{color:var(--gold)}
.sec-head{text-align:center;margin-bottom:30px}
.sec-head h2,h2.serif{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.01em}
.sub{color:var(--mut);font-size:16px;max-width:640px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-family:var(--fbody);font-weight:700;font-size:15px;padding:12px 22px;border-radius:var(--rad-sm);transition:transform .15s,box-shadow .15s,filter .15s}
.btn:active{transform:translateY(1px)}
.btn-gold,.cta{background:linear-gradient(180deg,var(--goldL),var(--gold));color:var(--btn-ink);box-shadow:var(--glow)}
.btn-gold:hover,.cta:hover{filter:brightness(1.06)}
.btn-ghost-g{background:transparent;color:var(--ink);border:1px solid var(--line)}
.cta{display:inline-flex;align-items:center;justify-content:center;font-weight:700;padding:13px 26px;border-radius:var(--rad-sm)}
.cta.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
/* disclaimer */
.disc{background:var(--disc-bg);border-bottom:1px solid var(--line)}
.disc .wrap{display:flex;align-items:center;gap:12px;padding:9px 20px}
.disc-badge{flex:none;font-weight:800;font-size:12px;background:var(--gold);color:var(--btn-ink);border-radius:6px;padding:3px 8px}
.disc p{font-size:12.5px;color:var(--mut)}
/* header */
.hd{position:sticky;top:0;z-index:40;background:var(--hd-bg);backdrop-filter:var(--hd-blur);-webkit-backdrop-filter:var(--hd-blur);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:14px;padding:11px 20px}
.logo{font-family:var(--fdisp);font-weight:700;font-size:20px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}
.logo b{color:var(--gold)} .logo .mk{color:var(--gold);font-size:15px}
.hd-nav{display:flex;gap:2px;margin-left:6px;flex-wrap:wrap}
.hd-nav a{font-size:13.5px;font-weight:600;color:var(--mut);padding:8px 11px;border-radius:10px}
.hd-nav a:hover{color:var(--ink);background:rgba(var(--accent-rgb),.08)}
.hd-nav a.active{color:var(--gold);background:rgba(var(--accent-rgb),.12)}
.hd-r{display:flex;align-items:center;gap:10px;margin-left:auto}
.bal{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 13px}
.bal .vc{font-size:10px;font-weight:800;background:var(--gold);color:var(--btn-ink);border-radius:6px;padding:2px 6px}
.bal b{font-family:var(--fdisp);font-size:15px}
.burger{display:none;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer;padding:6px}
.burger span{width:22px;height:2px;background:var(--ink);border-radius:2px}
/* hero */
.hero{padding:46px 0 24px;text-align:center;position:relative;overflow:hidden}
.hero-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.hero h1{font-size:clamp(32px,6vw,58px);font-weight:800;letter-spacing:-.02em;line-height:1.06}
.hero .sub{margin-top:14px}
.hero-cta{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;justify-content:center}
/* stage */
.stage{padding:8px 0 26px}
.stage-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:20px;box-shadow:var(--shadow)}
/* lobby */
.lobby{padding:32px 0}
.lobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.lc{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:20px;min-height:150px;transition:transform .18s,box-shadow .18s,border-color .18s}
.lc:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.4);box-shadow:var(--shadow-h)}
.lc-ic{font-size:30px}
.lc-body h3{font-size:19px;font-weight:700}
.lc-body p{font-size:13.5px;color:var(--mut);margin-top:3px}
.lc-tag{position:absolute;top:14px;right:14px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--mut)}
.lc-tag.t-orig{color:var(--gold);border-color:rgba(var(--accent-rgb),.5)}
.lc-tag.t-sig{color:var(--btn-ink);background:var(--gold);border-color:var(--gold)}
/* features */
.feat{padding:32px 0}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ft{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:22px}
.ft-ic{font-size:26px;margin-bottom:8px}
.ft h3{font-size:17px;font-weight:700;margin-bottom:5px}
.ft p{font-size:14px;color:var(--mut)}
/* responsible gaming */
.rg{padding:32px 0}
.rg-in{display:grid;grid-template-columns:1.3fr .9fr;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:26px}
.rg-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.rg-mini span{font-size:12.5px;color:var(--mut);background:rgba(var(--accent-rgb),.07);border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.rg-help{text-align:center;background:rgba(var(--accent-rgb),.06);border:1px solid var(--line);border-radius:var(--rad);padding:20px}
.rg-ph{font-size:26px} .rg-num{font-size:24px;font-weight:800;margin-top:4px} .rg-org{font-weight:600;margin-top:2px}
.rg-meta{font-size:12px;color:var(--mut);margin:2px 0 12px}
.rg-link{display:block;font-size:13px;color:var(--mut);padding:4px} .rg-link.gold{color:var(--gold)}
.game-about{padding:8px 0 22px}
.about-card{max-width:760px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:24px}
.about-card h2{font-size:22px;font-weight:800;margin-bottom:8px}
.about-card p{color:var(--mut);font-size:15px}
/* gswitch */
.gswitch-sec{padding:4px 0 22px} .gswitch-sec .rl-lab{display:block;text-align:center;margin-bottom:10px}
.gswitch{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.gpill{font-size:14px;font-weight:600;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:9px 16px}
.gpill:hover{border-color:rgba(var(--accent-rgb),.5);color:var(--gold)}
/* doc */
.doc-wrap{padding:32px 0}
.doc{max-width:780px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:30px}
.doc h1{font-size:32px;font-weight:800} .doc .upd{color:var(--mut);font-size:13px;margin:6px 0 18px}
.doc h2{font-size:19px;margin:20px 0 6px} .doc p{color:var(--mut);font-size:15px}
/* footer */
.ft-foot{border-top:1px solid var(--line);padding:30px 0;margin-top:10px}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.ft-brand p{color:var(--mut);font-size:14px;margin-top:10px;max-width:380px}
.ft-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.ft-col a{display:block;color:var(--mut);font-size:14px;padding:3px 0} .ft-col a:hover{color:var(--gold)}
.ft-notice{font-size:12px;color:var(--mut2);border:1px solid var(--line);border-radius:12px;padding:14px;margin:20px 0}
.ft-bot{display:flex;justify-content:space-between;align-items:center;color:var(--mut);font-size:13px}
.pill{font-size:11px;font-weight:800;color:var(--gold);border:1px solid rgba(var(--accent-rgb),.5);border-radius:999px;padding:4px 10px}
/* gate / cookie / toast */
.gate{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}
.gate-card{max-width:420px;background:var(--panel2,var(--panel));border:1px solid var(--line);border-radius:var(--rad);padding:28px;text-align:center}
.gate .age{display:inline-block;font-family:var(--fdisp);font-weight:800;font-size:30px;color:var(--gold)}
.gate h2{margin:6px 0 10px} .gate p{color:var(--mut);font-size:14px}
.gate-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px} .gate-exit{color:var(--mut);font-size:13px}
.cookie{position:fixed;bottom:16px;left:16px;right:16px;max-width:480px;margin:0 auto;z-index:80;background:var(--panel2,var(--panel));border:1px solid var(--line);border-radius:var(--rad);padding:16px;box-shadow:var(--shadow)}
.cookie h4{margin-bottom:6px} .cookie p{font-size:13px;color:var(--mut)} .cookie .row{display:flex;gap:8px;margin-top:10px}
.toast{position:fixed;bottom:84px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:95}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.bnav{display:none}
@media(max-width:860px){
 .hd-nav{position:fixed;inset:54px 0 auto 0;flex-direction:column;background:var(--hd-bg);border-bottom:1px solid var(--line);padding:10px 16px;display:none}
 .hd-nav.open{display:flex}
 .burger{display:flex}
 .rg-in{grid-template-columns:1fr}
 .ft-grid{grid-template-columns:1fr}
 .bnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--hd-bg);backdrop-filter:var(--hd-blur);-webkit-backdrop-filter:var(--hd-blur);border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}
 .bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mut);padding:6px}
 .bnav a.active{color:var(--gold)} .bnav .bi{font-size:18px}
 body{padding-bottom:66px}
}

.skin-clay{
 --bg:#fbeee6;--panel:#ffffff;--panel2:#fff6f0;--line:rgba(60,30,30,.07);
 --ink:#3a2730;--mut:#8a7177;--mut2:#b09a9e;
 --gold:#ff5d8f;--goldL:#ff86ab;--gold2:#e23e76;--accent-rgb:255,93,143;--btn-ink:#ffffff;
 --felt2:#fff3ee;--black:#3a2730;--green:#36c98a;--red:#ff6a6a;
 --chip10:#ff5d8f;--chip25:#ffa53d;--chip50:#5ec8ff;--chip100:#9b6bff;--chip250:#36c98a;--chip500:#ffd23d;
 --rad:26px;--rad-sm:16px;--maxw:1120px;--fdisp:'Fredoka';--fbody:'Nunito';
 --shadow:0 12px 0 -3px rgba(60,30,30,.05),0 18px 34px rgba(226,62,118,.13);
 --shadow-h:0 18px 0 -3px rgba(60,30,30,.06),0 22px 40px rgba(226,62,118,.2);
 --hd-bg:rgba(251,238,230,.86);--hd-blur:blur(8px);--disc-bg:rgba(255,93,143,.1);
 --glow:0 6px 0 -1px var(--gold2),0 12px 22px rgba(226,62,118,.3);
 --glow2-rgb:91,200,255;background:radial-gradient(720px 420px at 86% -6%,rgba(var(--glow2-rgb),.18),transparent 60%),radial-gradient(720px 480px at 0% 4%,rgba(var(--accent-rgb),.16),transparent 60%),#fbeee6;background-attachment:fixed;
}
.skin-clay .lc,.skin-clay .ft,.skin-clay .stage-card,.skin-clay .rg-in,.skin-clay .gate-card,.skin-clay .cookie,.skin-clay .doc{border:0}
.skin-clay .btn-gold:active,.skin-clay .cta:active{transform:translateY(4px);box-shadow:0 2px 0 -1px var(--gold2)}
.skin-clay .lc:hover{transform:translateY(-5px) rotate(-.4deg)}
.skin-clay .lc-ic,.skin-clay .ft-ic{filter:drop-shadow(0 3px 0 rgba(60,30,30,.08))}
.skin-clay .hd{border-bottom:0;box-shadow:0 6px 20px rgba(226,62,118,.08)}
.skin-clay .bal,.skin-clay .gpill,.skin-clay .rg-mini span,.skin-clay .win-strip{border:0;box-shadow:inset 0 0 0 1px rgba(60,30,30,.05)}
.skin-clay h1 .hl,.skin-clay h2 .hl{color:var(--gold2)} /* solid accent */