:root{--ink: #16110d;--ink-soft: #2a2118;--cream: #f6efdc;--cream-soft: #ece4cc;--paper: #fbf7ea;--line: #d8c9a4;--muted: #6f6149;--gold: #d99a2b;--gold-deep: #b27a16;--red: #d2453b;--red-deep: #a8332a;--emerald: #2f8b58;--emerald-soft: #3fa56c;--shadow-card: 0 1px 2px rgba(22, 17, 13, .06), 0 8px 24px rgba(22, 17, 13, .08);--radius-sm: 6px;--radius: 12px;--radius-lg: 18px;--font-display: "Bebas Neue", "Oswald", "Impact", "Helvetica Neue", sans-serif;--font-body: "Inter", "SF Pro Text", "Helvetica Neue", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--red-deep);text-decoration:none;border-bottom:1px solid rgba(168,51,42,.25);transition:border-color .15s,color .15s}a:hover{color:var(--red);border-bottom-color:var(--red)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(1.85rem,5vw + .5rem,3.2rem)}h2{font-size:clamp(1.4rem,2.5vw + .4rem,2rem)}h3{font-size:1.15rem}p{margin:0 0 1em}.container{max-width:1080px;margin:0 auto;padding:0 18px}.page-wrap{min-height:100vh;padding-bottom:96px}.site-header{background:var(--ink);color:var(--cream);padding:14px 0;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:50}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.05em;color:var(--cream);border:0}.brand b{color:var(--gold)}.nav-desktop{display:none}.nav-desktop a{color:var(--cream-soft);font-size:.95rem;margin-left:18px;border:0;padding-bottom:2px;border-bottom:2px solid transparent}.nav-desktop a:hover{color:var(--gold);border-bottom-color:var(--gold)}@media(min-width:880px){.nav-desktop{display:flex;align-items:center}}.hero{padding:36px 0 28px;background:radial-gradient(circle at 12% 18%,rgba(217,154,43,.18),transparent 55%),radial-gradient(circle at 88% 82%,rgba(63,165,108,.16),transparent 60%),var(--cream);border-bottom:1px solid var(--line)}.hero h1{color:var(--ink)}.hero .lede{font-size:1.05rem;color:var(--ink-soft);max-width:780px}.hero.has-bg{position:relative;isolation:isolate;padding:64px 0 56px;color:var(--cream);background:linear-gradient(110deg,#16110deb,#16110dc7 38%,#16110d6b),image-set(url(/images/game/hero-480.webp) 1x,url(/images/game/hero-960.webp) 2x) center/cover no-repeat,var(--ink);border-bottom:3px solid var(--gold)}.hero.has-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 30%,rgba(217,154,43,.18),transparent 50%),radial-gradient(circle at 12% 90%,rgba(210,69,59,.14),transparent 55%);pointer-events:none;z-index:-1}.hero.has-bg h1{color:var(--cream);text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero.has-bg .lede{color:var(--cream-soft);max-width:640px}.hero.has-bg .kw-stamp{background:#16110d8c;border-color:#d99a2b59;color:var(--cream-soft)}@media(min-width:720px){.hero.has-bg{padding:96px 0 88px;background:linear-gradient(110deg,#16110de6,#16110d99,#16110d40),url(/images/game/hero-960.webp) center/cover no-repeat,var(--ink)}}@media(min-width:1280px){.hero.has-bg{background:linear-gradient(110deg,#16110de0,#16110d8c 55%,#16110d2e),url(/images/game/hero-1920.webp) center/cover no-repeat,var(--ink)}}.hero.has-bg .kpi-card{background:#16110d99;border-color:#d99a2b59;color:var(--cream)}.hero.has-bg .kpi-card .lab{color:var(--cream-soft)}.hero.has-bg .kpi-card .k{color:var(--gold)}.brand-logo{height:38px;width:auto;display:block}.brand-mark{height:30px;width:30px;display:block}.brand-link{display:inline-flex;align-items:center;gap:10px;border:0}.brand-link:hover{background:transparent}figure.shot{margin:0 0 14px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--ink)}figure.shot img{width:100%;height:auto;display:block}figure.shot figcaption{padding:8px 14px 10px;font-size:.82rem;color:var(--cream-soft);background:var(--ink);font-style:italic}figure.shot figcaption a{color:var(--gold)}.shot-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.shot-grid.cols-2{grid-template-columns:1fr 1fr}}@media(min-width:880px){.shot-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.video-embed{position:relative;width:100%;aspect-ratio:16/9;background:var(--ink);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);margin-bottom:12px}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-embed.facade{cursor:pointer;background-size:cover;background-position:center}.video-embed.facade:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#16110d00 50%,#16110db3)}.video-embed.facade .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;border-radius:12px;background:var(--red);display:flex;align-items:center;justify-content:center;color:var(--cream);font-size:22px;border:0;cursor:pointer;box-shadow:0 4px 18px #00000073}.video-embed.facade .meta{position:absolute;left:14px;right:14px;bottom:12px;color:var(--cream);font-size:.9rem;text-shadow:0 1px 4px rgba(0,0,0,.6);z-index:1}.kpi-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;max-width:720px}.kpi-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;box-shadow:var(--shadow-card)}.kpi-card .k{font-family:var(--font-display);font-size:1.4rem;color:var(--gold-deep)}.kpi-card .lab{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}@media(min-width:720px){.kpi-row{grid-template-columns:repeat(4,1fr)}}.section{padding:28px 0}.section h2{margin-bottom:14px}.section .sub{color:var(--muted);margin-bottom:18px;max-width:820px}.card-grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:640px){.card-grid.cols-2{grid-template-columns:1fr 1fr}}@media(min-width:880px){.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px}.card h3{font-family:var(--font-display);font-size:1.15rem;margin:0;color:var(--ink)}.card p{margin:0;color:var(--ink-soft);font-size:.95rem}.card .more{align-self:flex-start;color:var(--red-deep);font-weight:600;border:0}.code-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.code-status.active{background:#3fa56c29;color:var(--emerald);border:1px solid rgba(63,165,108,.5)}.code-status.check{background:#d99a2b2e;color:var(--gold-deep);border:1px solid rgba(217,154,43,.5)}.code-status.expired{background:#d2453b24;color:var(--red-deep);border:1px solid rgba(210,69,59,.4)}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl{width:100%;border-collapse:collapse;min-width:560px}.tbl th,.tbl td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:.95rem}.tbl th{background:var(--cream);color:var(--ink);font-family:var(--font-display);letter-spacing:.04em}.code-spotlight{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-soft) 100%);color:var(--cream);border-radius:var(--radius-lg);padding:22px 22px 24px;display:grid;grid-template-columns:1fr;gap:14px}.code-spotlight h2{color:var(--cream);margin-bottom:4px}.code-spotlight .code-tag{font-family:var(--font-display);font-size:2rem;letter-spacing:.18em;color:var(--gold);background:#d99a2b1f;padding:8px 14px;border-radius:var(--radius);display:inline-block}.code-spotlight .reward{font-size:1.05rem}.code-spotlight .meta{font-size:.85rem;color:var(--cream-soft)}@media(min-width:720px){.code-spotlight{grid-template-columns:1.2fr 1fr;align-items:center}}.btn{display:inline-block;background:var(--gold);color:var(--ink);font-weight:700;padding:10px 16px;border-radius:var(--radius-sm);border:0;letter-spacing:.03em;cursor:pointer}.btn:hover{background:var(--gold-deep);color:var(--cream)}.btn.ghost{background:transparent;color:var(--cream);border:1px solid var(--gold)}.btn.ghost:hover{background:var(--gold);color:var(--ink)}.btn.red{background:var(--red);color:var(--cream)}.btn.red:hover{background:var(--red-deep)}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin-bottom:10px}.faq details[open]{border-color:var(--gold)}.faq summary{cursor:pointer;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em;color:var(--ink);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+";color:var(--gold-deep);margin-right:8px;font-weight:700}.faq details[open] summary:before{content:"–"}.faq p{margin-top:10px;color:var(--ink-soft)}.quick-actions{position:sticky;bottom:64px;z-index:30;background:var(--paper);border-top:1px solid var(--line);padding:8px 12px;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -18px}.quick-actions a{flex:0 0 auto;border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:6px 12px;border-radius:999px;font-size:.85rem;white-space:nowrap}.quick-actions a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}@media(min-width:880px){.quick-actions{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.bottom-nav a{border:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.72rem;color:var(--muted);padding:4px 0}.bottom-nav a span.icon{font-family:var(--font-display);font-size:1.2rem;color:var(--ink)}.bottom-nav a:hover,.bottom-nav a.is-active{color:var(--red-deep)}.bottom-nav a.is-active span.icon{color:var(--gold-deep)}@media(min-width:880px){.bottom-nav{display:none}.page-wrap{padding-bottom:0}}.site-footer{background:var(--ink);color:var(--cream-soft);padding:26px 0 30px;margin-top:28px;font-size:.9rem}.site-footer a{color:var(--gold);border:0}.site-footer a:hover{color:var(--cream)}.site-footer .legal{color:var(--muted);margin-top:10px;font-size:.8rem}.muted{color:var(--muted)}.tight{line-height:1.45}.note{background:var(--cream);border-left:3px solid var(--gold);padding:10px 14px;border-radius:var(--radius-sm);margin:10px 0 14px;color:var(--ink-soft);font-size:.95rem}.note.warn{border-left-color:var(--red)}.note.ok{border-left-color:var(--emerald)}ul.checks{list-style:none;padding:0;margin:0 0 14px}ul.checks li{padding:6px 0 6px 26px;position:relative;color:var(--ink-soft)}ul.checks li:before{content:"";position:absolute;left:0;top:14px;width:14px;height:2px;background:var(--gold);border-radius:1px}ol.steps{padding-left:1.2em;margin:0 0 14px}ol.steps li{margin-bottom:6px;color:var(--ink-soft)}.kw-stamp{display:inline-block;background:var(--cream);border:1px solid var(--line);padding:2px 8px;border-radius:999px;font-size:.76rem;color:var(--muted);margin-right:6px}