*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--site-bg:#f5f6fa;--site-win:#fff;--site-sunk:#f0f1f6;--site-fg:#161824;--site-dim:#5d6478;--site-line:#e2e5ee;--site-accent:#4c56e0;--site-accent-soft:#eceefe;--site-on-accent:#fff;--site-gold:#e09a12;--site-danger:#d43b3b;--site-glow:#7a83ff33;--site-shadow:0 1px 2px #1a1d3a0d, 0 8px 24px -12px #1a1d3a24;--site-radius:18px;--site-width:960px;--site-font:"Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", "Yu Gothic UI", sans-serif;--site-font-en:"Inter", var(--site-font)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--site-bg:#0e1018;--site-win:#161925;--site-sunk:#1d2130;--site-fg:#eceef6;--site-dim:#9aa1b8;--site-line:#272b3c;--site-accent:#8e96ff;--site-accent-soft:#8e96ff1f;--site-on-accent:#0e1018;--site-gold:#f7c04a;--site-danger:#ff7a7a;--site-glow:#8e96ff26;--site-shadow:0 1px 2px #0006, 0 12px 32px -16px #000a}}:root,body{background:var(--site-bg);color:var(--site-fg)}body{font-family:var(--site-font);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1000px 420px at 50% -120px, var(--site-glow), transparent 70%);background-repeat:no-repeat;margin:0;font-size:15px;line-height:1.8}button{font:inherit}.site-shell a{color:var(--site-accent);text-underline-offset:3px;text-decoration-thickness:1px}.site-shell a:hover{text-decoration-thickness:2px}.site-shell :is(a,button):focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}.site-article h1:focus{outline:none}.site-shell{min-height:100dvh;max-width:var(--site-width);flex-direction:column;gap:20px;margin:0 auto;padding:36px 16px 40px;display:flex}.site-keyboard{vertical-align:-.25em;flex:none;width:1.5em;margin-right:6px}.site-win{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-win);box-shadow:var(--site-shadow);padding:22px 28px 26px}.site-win-title{color:var(--site-accent);font-family:var(--site-font-en);letter-spacing:.14em;margin:0 0 10px;font-size:11px;font-weight:700;line-height:1;display:block}.site-win-head{justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 12px;display:flex}.site-win-head .site-win-title{margin:0}.site-win-actions{gap:8px;display:flex}.site-header{text-align:center}.site-brand{font-size:inherit;margin:0;text-decoration:none;display:inline-block}.site-logo-text{background:linear-gradient(135deg, var(--site-fg) 30%, var(--site-accent));color:#0000;letter-spacing:.04em;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,6.5vw,44px);font-weight:900;line-height:1.3;display:block}.site-tagline{color:var(--site-dim);letter-spacing:.2em;margin:4px 0 0;font-size:14px}.site-nav{padding:8px}.site-nav .site-win-title{display:none}.site-menu{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.site-shell .site-menu a{color:var(--site-fg);font-family:var(--site-font-en);letter-spacing:.08em;text-align:center;border-radius:12px;padding:8px 4px;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;transition:background-color .15s,color .15s;display:block}.site-shell .site-menu a:hover{background:var(--site-sunk)}.site-shell .site-menu a[aria-current=page]{background:var(--site-accent-soft);color:var(--site-accent)}.site-menu small{color:var(--site-dim);font-family:var(--site-font);letter-spacing:.04em;font-size:11px;font-weight:500;display:block}.site-menu a[aria-current=page] small{color:inherit}.site-page{flex-direction:column;display:flex}.site-play-stage{aspect-ratio:16/9;background:#090d10;border-radius:12px;width:100%;overflow:hidden}.site-play-stage iframe{border:0;width:100%;height:100%;display:block}.site-play-stage:fullscreen{aspect-ratio:auto;border-radius:0;place-items:center;width:100vw;height:100vh;display:grid}.site-play-stage:fullscreen iframe{aspect-ratio:16/9;width:min(100vw,177.778vh);height:auto}.site-play-button{border:1px solid var(--site-line);background:var(--site-win);color:var(--site-fg);cursor:pointer;border-radius:10px;padding:4px 14px;font-size:13px;font-weight:500;line-height:1.8;transition:background-color .15s,border-color .15s}.site-play-icon{place-items:center;width:34px;height:34px;padding:0;display:grid}.site-play-icon svg{fill:currentColor;width:16px;height:16px}.site-play-button:hover:not(:disabled){border-color:var(--site-accent);background:var(--site-accent-soft);color:var(--site-accent)}.site-play-button:disabled{opacity:.4;cursor:default}.site-play-away{background:var(--site-sunk);height:100%;color:var(--site-dim);place-content:center;justify-items:center;gap:12px;display:grid}.site-play-away p{margin:0}.site-play-note{color:var(--site-dim);text-align:center;margin:14px 0 0;font-size:13px}.site-play-invite,.site-play-narrow{background:var(--site-accent-soft);color:var(--site-accent);border-radius:12px;margin:0 0 14px;padding:10px 14px;font-size:13px;font-weight:500}.site-play-narrow{margin:14px 0 0;display:none}.ad-slot{border:1px dashed var(--site-line);width:100%;max-width:728px;min-height:90px;color:var(--site-dim);font-family:var(--site-font-en);letter-spacing:.14em;border-radius:10px;place-items:center;margin:0 auto;font-size:11px;display:grid}.site-notice{color:var(--site-dim);text-align:center;margin:4px 0 0;font-size:13px}.site-notice span{background:var(--site-accent);color:var(--site-on-accent);border-radius:999px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:700}.site-social{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.site-shell .site-social a{border:1px solid var(--site-line);background:var(--site-win);min-width:200px;box-shadow:var(--site-shadow);color:var(--site-fg);border-radius:14px;align-items:center;gap:12px;padding:10px 20px 10px 14px;font-weight:700;line-height:1.3;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.site-shell .site-social a:hover{border-color:var(--site-accent);transform:translateY(-2px)}.site-social svg{background:var(--site-fg);width:36px;height:36px;fill:var(--site-bg);border-radius:10px;flex:none;padding:8px}.site-social li:nth-child(2) svg{fill:#fff;background:#f03}.site-social small{color:var(--site-dim);font-size:12px;font-weight:400;display:block}.site-footer{border-top:1px solid var(--site-line);color:var(--site-dim);text-align:center;margin-top:auto;padding-top:20px;font-size:13px}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-bottom:6px;display:flex}.site-shell .site-footer nav a{color:var(--site-dim);text-decoration:none}.site-shell .site-footer nav a:hover{color:var(--site-fg)}.site-footer small{font-family:var(--site-font-en);font-size:12px}.site-article{line-height:1.9}.site-shell a.site-back{color:var(--site-dim);font-size:13px;text-decoration:none}.site-shell a.site-back:hover{color:var(--site-accent)}.site-article h1{letter-spacing:.02em;margin:4px 0 24px;font-size:clamp(24px,5vw,32px);font-weight:700;line-height:1.4}.site-article h2{letter-spacing:.02em;margin:36px 0 12px;padding-left:14px;font-size:19px;font-weight:700;line-height:1.5;position:relative}.site-article h2:before{content:"";background:var(--site-accent);border-radius:2px;width:4px;position:absolute;top:.2em;bottom:.2em;left:0}.site-article h3{margin:24px 0 8px;font-size:16px;font-weight:700}.site-article strong{font-weight:700}.site-note{background:var(--site-sunk);border-radius:12px;margin:0;padding:16px 20px;font-size:14px}.site-lead{font-size:16px}.site-small{color:var(--site-dim);font-size:13px}.site-pr{background:var(--site-sunk);color:var(--site-dim);border-radius:6px;margin:0 0 16px;padding:2px 10px;font-size:12px;display:inline-block}.site-prose kbd{border:1px solid var(--site-line);background:var(--site-sunk);font-family:var(--site-font-en);border-bottom-width:3px;border-radius:6px;padding:1px 7px;font-size:.85em;font-weight:600}.site-list{margin:0 -12px;padding:0;list-style:none}.site-list li+li{border-top:1px solid var(--site-line)}.site-list li>*{border-radius:12px;gap:2px;padding:14px 12px;line-height:1.7;text-decoration:none;display:grid}.site-shell .site-list a{color:var(--site-fg);transition:background-color .15s}.site-shell .site-list a:hover{background:var(--site-sunk)}.site-list a:hover strong{color:var(--site-accent)}.site-list time{color:var(--site-accent);font-family:var(--site-font-en);font-size:12px;font-weight:600}.site-list strong{color:var(--site-fg);font-weight:700}.site-list span{color:var(--site-dim);font-size:14px}.site-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:20px 0;display:grid}.site-shell a.site-card{border:1px solid var(--site-line);color:var(--site-fg);border-radius:14px;align-content:start;gap:6px;padding:16px;line-height:1.6;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.site-shell a.site-card:hover{border-color:var(--site-accent);transform:translateY(-2px)}.site-card small{color:var(--site-dim);align-items:center;gap:8px;display:flex}.site-card>span:last-child{color:var(--site-dim);font-size:14px}.site-switch-swatch{border-radius:8px;width:32px;height:32px;box-shadow:inset 0 -4px #0003}.site-type{color:#fff;border-radius:999px;padding:0 10px;font-size:12px;line-height:1.8;display:inline-block}.site-type-linear{background:#d64535}.site-type-tactile{background:#9a6437}.site-type-clicky{background:#3468d1}.site-type-list{gap:8px;margin:16px 0;display:grid}.site-type-list div{grid-template-columns:120px 1fr;align-items:center;display:grid}.site-type-list dd{margin:0}.site-switch-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:20px 0 32px;display:grid}.site-model{aspect-ratio:4/3;background:var(--site-sunk);color:var(--site-dim);border-radius:14px;align-content:center;place-items:center;gap:12px;display:grid}.site-model-swatch{aspect-ratio:1;border-radius:16px;width:30%;box-shadow:inset 0 -10px #0003}.site-spec{border-collapse:collapse;align-self:start;width:100%}.site-spec th,.site-spec td{border-bottom:1px solid var(--site-line);text-align:left;padding:10px 8px;font-weight:400}.site-spec th{width:40%;color:var(--site-dim);font-size:14px}.site-shops ul{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.site-shell .site-shops a{background:var(--site-accent);color:var(--site-on-accent);border-radius:999px;padding:6px 18px;font-weight:700;text-decoration:none;display:inline-block}.site-shell .site-shops a:hover{filter:brightness(1.08)}.site-credits h2{margin-top:8px}.site-credits dl{margin:0}.site-credits dl div{border-bottom:1px solid var(--site-line);grid-template-columns:150px 1fr;padding:12px 0;display:grid}.site-credits dt{color:var(--site-dim)}.site-credits dd{margin:0}.site-form{gap:18px;max-width:640px;display:grid}.site-form label{color:var(--site-dim);gap:6px;font-size:14px;font-weight:500;display:grid}.site-form-required{background:var(--site-danger);color:#fff;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-style:normal}.site-form :is(input,textarea){border:1px solid var(--site-line);background:var(--site-sunk);width:100%;color:var(--site-fg);font:inherit;border-radius:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.site-form textarea{resize:vertical}.site-form :is(input,textarea):focus{border-color:var(--site-accent);background:var(--site-win);box-shadow:0 0 0 4px var(--site-accent-soft);outline:none}.site-form .site-form-trap{width:1px;height:1px;position:absolute;left:-9999px}.site-form button{background:var(--site-accent);color:var(--site-on-accent);cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:10px 36px;font-weight:700;transition:filter .15s}.site-form button:hover:not(:disabled){filter:brightness(1.08)}.site-form button:disabled{opacity:.6;cursor:wait}.site-form-error{color:var(--site-danger);margin:0;font-size:14px}.site-form-done{background:var(--site-accent-soft);color:var(--site-accent);border-radius:12px;margin:0;padding:16px 20px;font-weight:500}@media (width<=800px){.site-play-narrow{display:block}.site-switch-detail{grid-template-columns:1fr}}@media (width<=600px){.site-shell{padding-top:24px}.site-win{padding:18px 16px 20px}.site-nav{padding:6px}.site-menu{gap:2px}.site-shell .site-menu a{letter-spacing:.02em;font-size:12px}.site-tagline{letter-spacing:.1em}.site-shell .site-social a{min-width:0}.site-credits dl div{grid-template-columns:90px 1fr}}@media (prefers-reduced-motion:reduce){.site-shell *{transition:none!important}}
