:root{--bg:#0f1020;--bg2:#1a1c33;--panel:#20233f;--ink:#f5f6ff;--muted:#a9add0;--accent:#ffd23f;--accent2:#ff3b5c;--line:#34386a;--red:#e5383b;--yellow:#ffcf25;--green:#2bb673;--blue:#2d7dff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:radial-gradient(1200px 600px at 50% -10%, #2a2d52 0%, var(--bg) 60%);color:var(--ink);overscroll-behavior:none;min-height:100dvh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.wrap{max-width:860px;margin:0 auto;padding:24px 18px 64px}.appbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand{letter-spacing:.02em;font-size:18px;font-weight:900}.brand .tag{background:var(--accent2);color:#fff;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.back{color:var(--muted);border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 14px;font-size:14px}.back:hover{color:var(--ink)}.hero{text-align:center;padding:16px 0 28px}.hero h1{text-shadow:0 3px #00000040;margin:6px 0 10px;font-size:clamp(28px,7vw,46px);font-weight:900;line-height:1.15}.hero h1 .hl{color:var(--accent)}.hero p{color:var(--muted);max-width:36em;margin:0 auto;font-size:15px;line-height:1.7}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:22px;display:grid}.card{background:linear-gradient(180deg, var(--panel), var(--bg2));border:1px solid var(--line);border-radius:18px;padding:20px;transition:transform .12s,border-color .12s;display:block;position:relative;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-3px)}.card .emoji{font-size:44px;line-height:1}.card h3{margin:12px 0 6px;font-size:20px;font-weight:900}.card p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.card .play{background:var(--accent);color:#1a1320;border-radius:999px;margin-top:14px;padding:8px 16px;font-size:14px;font-weight:900;display:inline-block}.card .soon{opacity:.55}.card .soonbadge{color:#cfd3ff;background:#444a7a;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;position:absolute;top:14px;right:14px}.disclaimer{color:#7d82ad;border-top:1px solid var(--line);margin-top:34px;padding-top:16px;font-size:12px;line-height:1.7}.gamehead{text-align:center;margin-bottom:12px}.gamehead h2{margin:0 0 4px;font-size:clamp(22px,5.5vw,30px);font-weight:900}.gamehead .sub{color:var(--muted);margin:0;font-size:13px}.btn{background:var(--accent);color:#1a1320;border:none;border-radius:999px;padding:12px 22px;font-size:16px;font-weight:900}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.center{flex-direction:column;align-items:center;gap:14px;display:flex}