:root{--bg:#0a0a0a;--bg-alt:#111113;--card:#0d0d0f;--text:#fafafa;--body:#e4e4e7;--muted:#a1a1aa;--line:#333333;--line-soft:rgba(255,255,255,0.08);--font:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font-family:var(--font);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--text);margin:0}.nav{position:fixed;top:16px;left:0;right:0;z-index:50;padding:0 16px}.nav-pill{max-width:704px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 24px;border-radius:9999px;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 15px -3px rgba(0,0,0,.3);color:#212121}.logo{font-size:22px;font-weight:500;letter-spacing:.04em}.logo b{font-weight:800}.nav-link{font-size:14px;font-weight:600;justify-self:start;transition:opacity .2s}.nav-link:hover{opacity:.6}.nav-login{justify-self:end;font:inherit;font-size:13px;font-weight:600;color:#fff;background:#000;border:1px solid var(--line);border-radius:9999px;padding:6px 18px;cursor:pointer}.nav-login:hover{background:#2a2a2a}.nav-user{justify-self:end;display:flex;align-items:center;gap:8px;min-width:0}.nav-credit img{width:16px;height:16px;border-radius:0}.nav-user>img{width:28px;height:28px;border-radius:50%}.nav-name{max-width:120px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-credit{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:3px 10px 3px 5px;background:#0a0a0a;color:#fafafa;border-radius:9999px;border:1px solid rgba(0,0,0,.2);white-space:nowrap}.notice{position:relative;margin:20px 0 0;color:#fca5a5;font-size:13px}.nav-login:disabled{opacity:.35;cursor:default}.hero{position:relative;min-height:50svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:128px 24px 64px;overflow:hidden}.hero-grid{position:absolute;inset:auto -50% 0 -50%;height:70%;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 0);background-size:64px 64px;transform:perspective(600px) rotateX(62deg);transform-origin:bottom;mask-image:linear-gradient(0deg,#000 10%,transparent 90%);-webkit-mask-image:linear-gradient(0deg,#000 10%,transparent 90%)}.hero h1{font-size:clamp(40px,6.4vw,72px);font-weight:800;line-height:1.3;letter-spacing:-.02em}.hero h1,.lead{position:relative;text-wrap:balance}.lead{margin:16px 0 32px;color:var(--muted);word-break:auto-phrase}.btn{position:relative;display:inline-block;min-width:180px;padding:14px 32px;border-radius:9999px;border:1px solid var(--line);background:#000;color:#fff;font-size:15px;font-weight:600;line-height:1.5;text-align:center;transition:background .2s,border-color .2s}a.btn:hover{background:#1a1a1a;border-color:#555}.btn.is-disabled{color:rgba(255,255,255,.25);background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}.section{padding:112px 24px;text-align:center;background:var(--bg)}.section.alt{background:var(--bg-alt)}.label{display:inline-block;padding:6px 20px;border-radius:9999px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.3);color:#fff;font-size:12px;font-weight:600;letter-spacing:.1em;line-height:1.4}.section h2{margin-top:18px;font-size:clamp(26px,3.6vw,36px);font-weight:700;line-height:1.7}.section-lead{margin:12px 0 48px;color:var(--muted)}.concept{position:relative;overflow:hidden}.outline{margin:0;font-size:clamp(40px,8vw,64px);font-weight:900;letter-spacing:.15em;line-height:1.7;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15)}.concept h2{margin-top:0;font-size:clamp(26px,4.4vw,44.8px);letter-spacing:-.01em;text-wrap:balance}.concept-text{max-width:760px;margin:24px auto 0;color:var(--muted);font-size:15px;line-height:2.2;word-break:auto-phrase}.games,.points{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;text-align:left}.game,.point{background:var(--card);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden}.game{display:flex;flex-direction:column}.game-cover{position:relative;aspect-ratio:16/9;background-size:cover;background-position:50%}.game-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,15,.45),rgba(13,13,15,.8))}.game-logo{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:5% 14%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.8))}.game-body{flex:1 1;display:flex;flex-direction:column;padding:28px 28px 32px}.game-body h3,.point h3{font-size:20px;font-weight:700;line-height:1.7}.game-body p,.point p{margin:8px 0 0;color:var(--muted);font-size:14px}.game-body .game-catch{color:var(--body);margin-top:0}.game-body .btn{margin-top:24px;align-self:stretch;font-size:13.6px;padding:12px 24px}.game-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.game-tags span{font-size:11px;font-weight:600;letter-spacing:.06em;padding:2px 10px;border-radius:9999px;border:1px solid rgba(255,255,255,.15);color:var(--body)}.game.is-empty{justify-content:center;text-align:center;min-height:320px;border-style:dashed}.game.is-empty .game-body{justify-content:center;align-items:center}.game.is-empty .btn{align-self:center}.point{padding:40px 32px}.point-no{font-size:12px;font-weight:700;letter-spacing:.15em}.footer,.point-no{color:var(--muted)}.footer{background:#000;padding:56px 24px 40px;text-align:center;font-size:13px}.footer .logo{color:#fff}.footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:20px 0}.footer nav a:hover{color:#fff}.footer nav span{opacity:.5}@media (max-width:640px){.section{padding:80px 20px}.nav-pill{padding:8px 16px}.logo{font-size:19px}.nav-name{display:none}}