:root{color-scheme:dark;--bg:#070b14;--panel:#101a2b;--line:#23364d;--ink:#f2f6ff;--muted:#a7b8ce;--yellow:#ffeb38;--blue:#30cfff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 0,#113c55 0,transparent 42%),var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,'Noto Sans JP',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 24px}.site-header{border-bottom:1px solid var(--line);background:#070b14eF;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;font-size:25px;font-weight:950;letter-spacing:-1px}.brand b{color:var(--yellow);padding:0 3px}.nav{display:flex;gap:26px;font-size:13px;font-weight:800}.nav a:hover,.nav [aria-current]{color:var(--yellow)}.eyebrow{font:800 11px/1.5 system-ui;letter-spacing:.22em;color:var(--blue);text-transform:uppercase}.hero{padding:72px 0 56px;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.13;letter-spacing:-.06em;margin:16px 0 24px;font-weight:950}.hero h1 em{color:var(--yellow);font-style:normal}.hero p{max-width:490px;color:var(--muted);font-size:15px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 23px;border:1px solid var(--line);border-radius:9px;background:#13243a;color:var(--ink);font-size:14px;font-weight:850;min-height:48px}.btn.primary{background:var(--yellow);color:#080d17;border-color:var(--yellow)}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.tags{display:flex;gap:20px;flex-wrap:wrap;font:700 11px system-ui;color:var(--muted)}.tags span:before{content:'•';color:var(--blue);margin-right:7px}.voltage{position:relative;min-height:340px;border:1px solid #2c4562;border-radius:25px;background:repeating-linear-gradient(0deg,transparent 0 29px,#2cb7ff0c 30px),repeating-linear-gradient(90deg,transparent 0 29px,#2cb7ff0c 30px),radial-gradient(ellipse at center,#154c6a,#0a1425 75%);overflow:hidden;display:grid;place-items:center;box-shadow:0 24px 80px #0005}.voltage:before,.voltage:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #2bcfff4d;transform:rotate(45deg);border-radius:25px}.voltage:after{width:290px;height:290px}.voltage .bolt{font-size:170px;line-height:1;color:var(--yellow);z-index:1;filter:drop-shadow(0 0 24px #ffe42465);transform:skew(-8deg)}.voltage .topline,.voltage .bottomline{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;font:800 10px system-ui;letter-spacing:.15em;color:var(--blue);z-index:2}.voltage .topline{top:20px}.voltage .bottomline{bottom:20px;color:#fff}.section{padding:34px 0 52px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:23px}.section-head h2{font-size:29px;letter-spacing:-.04em;margin:4px 0}.section-head p{font-size:13px;color:var(--muted);margin:0}.quiet-link{color:var(--blue);font-size:13px;font-weight:800}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.game-card{border:1px solid var(--line);border-radius:var(--radius);background:#101a29;overflow:hidden;transition:transform .18s,border-color .18s}.game-card:hover{transform:translateY(-4px);border-color:var(--blue)}.game-art{height:160px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,var(--glow,#1c5074),#0c1422 85%)}.game-art:after{content:'';position:absolute;inset:15px;border:1px solid #ffffff0d;border-radius:12px}.game-art svg{width:85%;height:120px}.chip{position:absolute;top:14px;left:14px;color:var(--yellow);font:800 9px system-ui;letter-spacing:.1em;border:1px solid #ffeb3850;border-radius:5px;padding:4px 7px;background:#070b14a0}.game-body{padding:20px}.game-body .en{color:var(--blue);font-size:10px;letter-spacing:.13em;font-weight:800}.game-body h3{font-size:21px;margin:3px 0 8px;letter-spacing:-.03em}.game-body p{color:var(--muted);font-size:12px;margin:0 0 20px;min-height:38px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-bottom span{font-size:11px;color:#b3c1d4}.card-bottom strong{color:var(--yellow);font-size:12px}.rank-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;border:1px solid #4b502e;background:linear-gradient(110deg,#202719,#111d2e);border-radius:18px}.rank-callout h2{margin:6px 0;font-size:26px;letter-spacing:-.04em}.rank-callout p{margin:0;color:var(--muted);font-size:13px;max-width:660px}.rank-callout .btn{white-space:nowrap}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.about-grid h3{font-size:16px}.about-grid p,.article p{font-size:14px;color:var(--muted)}.about-grid .number{color:var(--blue);font-size:12px;font-weight:800}.site-footer{border-top:1px solid var(--line);padding:28px 0 40px;font-size:11px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.page-heading{padding:50px 0 28px}.page-heading h1{font-size:clamp(34px,5vw,48px);letter-spacing:-.05em;margin:8px 0 13px}.page-heading p{font-size:14px;color:var(--muted);max-width:700px}.rank-controls{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:10px 0 24px}.rank-controls select,.periods button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:11px 15px;min-height:48px}.periods{display:flex;gap:5px}.periods [aria-pressed=true]{color:#111;background:var(--yellow);border-color:var(--yellow)}.rank-board{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0c1523}.board-title{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:22px 24px;border-bottom:1px solid var(--line)}.board-title h2{font-size:19px;margin:0}.board-title small{color:var(--muted)}.empty-state{text-align:center;padding:55px 24px}.empty-state .symbol{font-size:38px;color:var(--yellow);margin-bottom:10px}.empty-state h3{margin:0 0 9px}.empty-state p{font-size:13px;color:var(--muted);max-width:490px;margin:auto}.ranking-table{width:100%;border-collapse:collapse;font-size:14px}.ranking-table th{text-align:left;color:var(--muted);font-size:11px;font-weight:700;background:#101f30}.ranking-table td,.ranking-table th{padding:16px 24px;border-bottom:1px solid var(--line)}.ranking-table td:last-child,.ranking-table th:last-child{text-align:right}.ranking-table .rank{font-weight:950;color:var(--yellow);width:70px}.personal{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:22px 24px;margin:20px 0;border:1px solid var(--line);border-radius:14px}.personal p{margin:0;font-size:12px;color:var(--muted)}.personal strong{font-size:29px;color:var(--blue)}.article{max-width:760px;margin:25px auto 60px;padding:0 24px}.article h1{font-size:38px;line-height:1.3;letter-spacing:-.04em}.article h2{font-size:22px;margin-top:32px}.article li{color:var(--muted);font-size:14px;margin:9px 0}.article .btn{margin:20px 0}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.guide-grid article{padding:23px;border:1px solid var(--line);background:#101a29;border-radius:16px}.guide-grid h2{font-size:20px;margin:0 0 10px}.guide-grid p{color:var(--muted);font-size:13px}.guide-grid a{font-size:13px;color:var(--yellow);font-weight:800}@media(max-width:800px){.hero{gap:25px}.hero h1{font-size:48px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voltage{min-height:300px}.rank-callout{align-items:start;flex-direction:column}}@media(max-width:560px){.wrap{padding:0 18px}.header-inner{min-height:66px;gap:14px}.brand{font-size:22px}.nav{gap:14px;font-size:11px}.nav .desktop{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 0 25px;gap:25px}.hero h1{font-size:49px;margin-top:13px}.hero p{font-size:13px}.hero .actions .btn{flex:1;padding:12px 17px}.voltage{min-height:230px}.voltage .bolt{font-size:125px}.voltage:before{width:160px;height:160px}.voltage:after{width:200px;height:200px}.tags{font-size:10px;gap:13px}.section{padding:28px 0}.section-head h2{font-size:26px}.section-head{align-items:start}.games-grid{gap:12px}.game-art{height:120px}.game-body{padding:14px}.game-body h3{font-size:16px}.game-body p{font-size:11px;min-height:53px;margin-bottom:14px}.card-bottom{align-items:start;flex-direction:column;gap:8px}.card-bottom strong{font-size:11px}.chip{top:9px;left:9px;font-size:8px}.game-art svg{height:90px}.rank-callout{padding:23px;gap:18px}.rank-callout h2{font-size:23px}.rank-callout .btn{width:100%}.about-grid{grid-template-columns:1fr;gap:5px}.guide-grid{grid-template-columns:1fr}.page-heading{padding-top:32px}.ranking-table td,.ranking-table th{padding:14px 13px}.board-title{padding:19px}.footer-links{gap:15px}.personal{padding:19px}.article h1{font-size:31px}.article{padding:0 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}