:root{color-scheme:dark;--bg: #0b0d10;--panel: #141820;--panel-strong: #1b212b;--panel-soft: #10141a;--text: #f4f1e8;--muted: #b9c0c8;--dim: #808995;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .2);--accent: #51d38f;--accent-2: #ffcc66;--danger: #ff6f6f;--max: 1120px;--radius: 8px;--shadow: 0 20px 48px rgba(0, 0, 0, .32);font-family:Aptos,Segoe UI,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}html{background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--bg);background-size:42px 42px;color:var(--text);line-height:1.6;scroll-behavior:smooth}body{margin:0;min-width:320px}body:before{background:linear-gradient(180deg,rgba(81,211,143,.1),transparent 36rem);content:"";inset:0;pointer-events:none;position:fixed}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{display:block;height:auto;max-width:100%}h1,h2,h3{color:var(--text);font-family:Georgia,Iowan Old Style,serif;letter-spacing:0;line-height:1.05;margin:0}h1{font-size:clamp(2.25rem,8vw,5.5rem);max-width:12ch}h2{font-size:clamp(1.55rem,4vw,2.55rem)}h3{font-size:clamp(1.1rem,2.4vw,1.45rem)}p{color:var(--muted);margin:0}code{background:#ffffff14;border:1px solid var(--line);border-radius:6px;color:#fff;font-family:SFMono-Regular,Consolas,monospace;padding:.12rem .35rem}.site-header{align-items:center;backdrop-filter:blur(20px);background:#0b0d10d1;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;min-height:72px;padding:14px max(18px,calc((100vw - var(--max)) / 2));position:sticky;top:0;z-index:20}.brand{align-items:center;display:inline-flex;font-weight:800;gap:10px}.brand-mark{align-items:center;background:#f4f1e8;border-radius:6px;color:#0b0d10;display:inline-flex;font-size:.82rem;height:34px;justify-content:center;letter-spacing:0;width:34px}.site-nav{display:flex;gap:8px}.site-nav a,.pill-link,.button-link,.copy-button{align-items:center;border:1px solid var(--line);border-radius:8px;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:9px 13px}.site-nav a:hover,.pill-link:hover,.button-link:hover,.copy-button:hover{background:#51d38f1a;border-color:#51d38f73}.button-link{background:var(--text);color:var(--bg)}.button-link:hover{background:var(--accent);color:var(--bg)}button.button-link,.copy-button{cursor:pointer;font:inherit}.copy-button{background:#ffffff0a;color:var(--muted);min-height:36px;padding:7px 10px;white-space:nowrap}.copy-button.is-copied{background:#51d38f24;border-color:#51d38f7a;color:#a8f4c7}.site-footer{background:linear-gradient(180deg,#ffffff06,#ffffff03);border-top:1px solid rgba(255,255,255,.08);margin-top:52px;padding:34px 0;position:relative}.footer-inner{display:grid;gap:24px;grid-template-columns:minmax(0,1.35fr) minmax(140px,.45fr) minmax(140px,.45fr) minmax(0,1.05fr);margin:0 auto;max-width:var(--max);padding:0 18px}.site-footer p,.site-footer a{color:var(--muted)}.site-footer a:hover{color:#fff}.footer-brand{color:var(--text);display:inline-flex;font-weight:800;margin-bottom:8px}.footer-column{display:grid;gap:10px}.footer-title{color:var(--text);font-size:.78rem;font-weight:900;letter-spacing:.08em;margin:0;text-transform:uppercase}.footer-column ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.footer-note{margin:0;max-width:34ch}.page-shell,.guide-shell,.home-shell{margin:0 auto;max-width:var(--max);padding:28px 18px 72px;position:relative}.section{margin-top:34px}.section-head{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.section-head p{max-width:56ch}.eyebrow{color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.page-head{border-bottom:1px solid var(--line);display:grid;gap:14px;padding:34px 0 28px}.page-head p{max-width:70ch}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.breadcrumbs li{align-items:center;color:var(--dim);display:inline-flex;font-size:.9rem}.breadcrumbs li:not(:last-child):after{color:var(--line-strong);content:"/";margin-left:8px}.breadcrumbs a{color:var(--muted)}.hero-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);min-height:520px;padding-top:30px}.hero-copy{align-content:center;display:grid;gap:22px}.hero-copy h1{font-size:clamp(2.25rem,6vw,4.7rem);max-width:13ch}.hero-copy p{font-size:clamp(1rem,2vw,1.2rem);max-width:64ch}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-panel{align-content:start;align-self:stretch;background:linear-gradient(180deg,#ffffff0e,#ffffff04),var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:12px;padding:14px}.hero-panel h2{font-size:1.35rem;line-height:1.15}.mini-game-list{display:grid;gap:10px}.mini-game{align-items:center;background:#ffffff0b;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:12px;grid-template-columns:58px minmax(0,1fr);padding:10px}.mini-game img{aspect-ratio:1;border-radius:6px;object-fit:cover}.mini-game strong,.content-card strong{color:var(--text)}.mini-game span,.content-card span{color:var(--dim);display:block;font-size:.88rem}.card-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:8px;min-width:0;padding:16px}.stat-card span{color:var(--dim);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.stat-card strong{color:var(--text);font-size:1.08rem;overflow-wrap:anywhere}.content-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:12px;padding:16px}.content-card:hover{border-color:#51d38f66}.content-card p{font-size:.96rem}.content-card h3{font-size:1.08rem;line-height:1.2}.game-image{background:color-mix(in srgb,var(--image-accent),transparent 78%);border:1px solid var(--line);border-radius:var(--radius);margin:0;overflow:hidden}.game-image img{aspect-ratio:1;object-fit:cover}.guide-header{align-items:stretch;border-bottom:1px solid var(--line);display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 260px;padding:34px 0 28px}.guide-copy{align-content:center;display:grid;gap:14px}.guide-copy p{max-width:72ch}.guide-media{align-self:center;background:color-mix(in srgb,var(--page-accent),transparent 82%);border:1px solid color-mix(in srgb,var(--page-accent),transparent 50%);border-radius:var(--radius);margin:0;overflow:hidden}.guide-media img{aspect-ratio:1;object-fit:cover}.meta-row{display:flex;flex-wrap:wrap;gap:8px}.meta-row span,.status-badge{background:#ffffff0f;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.82rem;font-weight:800;padding:5px 9px}.status-badge.active{color:#a8f4c7}.status-badge.expired{color:#ffb0b0}.article-section{display:grid;gap:14px;margin-top:34px}.answer-box{background:var(--panel-strong);border:1px solid var(--line-strong);border-left:4px solid var(--page-accent, var(--accent));border-radius:var(--radius);display:grid;gap:8px;padding:16px}.answer-box h2{font-size:clamp(1.25rem,5.2vw,2rem);line-height:1.12;overflow-wrap:anywhere}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;min-width:620px;width:100%}th,td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}th{background:#ffffff0b;color:var(--text);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}td{color:var(--muted)}tr:last-child td{border-bottom:0}.code-token{align-items:center;background:#0d1117;border:1px solid var(--line-strong);border-radius:6px;color:#fff;display:inline-flex;font-family:SFMono-Regular,Consolas,monospace;font-size:.92rem;font-weight:800;padding:7px 9px;white-space:nowrap}.code-stack{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.steps,.note-list,.faq-list{display:grid;gap:10px;margin:0;padding:0}.steps{counter-reset:step;list-style:none}.steps li,.note-list li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);padding:14px}.steps li{counter-increment:step;padding-left:52px;position:relative}.steps li:before{align-items:center;background:var(--text);border-radius:6px;color:var(--bg);content:counter(step);display:inline-flex;font-weight:900;height:28px;justify-content:center;left:14px;position:absolute;top:14px;width:28px}.note-list{list-style:none}.tier-list{display:grid;gap:12px}.tier-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:12px;grid-template-columns:86px minmax(0,1fr);padding:14px}.tier-mark{align-items:center;background:var(--text);border-radius:6px;color:var(--bg);display:inline-flex;font-family:Georgia,serif;font-size:2rem;font-weight:900;height:64px;justify-content:center;width:64px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag-list span{background:#ffffff0f;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:.86rem;font-weight:800;padding:5px 8px}details{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}summary{color:var(--text);cursor:pointer;font-weight:900}details p{margin-top:8px}.notice{background:#ffcc661a;border:1px solid rgba(255,204,102,.28);border-radius:var(--radius);color:#ffe0a3;padding:14px}.notice-section{background:#ffcc6614;border:1px solid rgba(255,204,102,.24);border-radius:var(--radius);display:grid;gap:12px;padding:18px}.notice-section p{color:#ffe0a3;max-width:72ch}.final-cta{align-items:end;background:linear-gradient(180deg,#51d38f1c,#ffffff08);border:1px solid rgba(81,211,143,.28);border-radius:var(--radius);display:flex;gap:16px;justify-content:space-between;padding:18px}.final-cta p{max-width:60ch}@media(max-width:820px){.site-header{align-items:stretch;flex-direction:column;gap:10px}.site-nav{overflow-x:auto;padding-bottom:2px}.site-nav a{white-space:nowrap}.hero-grid,.guide-header,.card-grid,.card-grid.three,.stat-grid{grid-template-columns:1fr}.hero-grid{min-height:0}.guide-media{max-width:260px}.section-head,.footer-inner,.final-cta{align-items:start;flex-direction:column}.footer-inner{grid-template-columns:minmax(0,1fr)}h1{max-width:none}}@media(max-width:560px){.page-shell,.guide-shell,.home-shell{padding-left:14px;padding-right:14px}.site-footer{margin-top:38px;padding:28px 0}.footer-inner{padding:0 14px}.hero-actions{display:grid}.pill-link,.button-link,.copy-button{width:100%}.code-stack{align-items:stretch;display:grid}.hero-panel h2{font-size:1.2rem}.tier-row{grid-template-columns:1fr}.tier-mark{height:48px;width:48px}}