:root{--bg:#0c1016;--arena:#141c27;--grid:#1e2a38;--panel:#161e29;--panel-2:#1e2733;--line:#263243;--ink:#eaf0f7;--muted:#8da0b5;--red:#ff4b5c;--blue:#3aa0ff;--red-lite:#ff8a96;--blue-lite:#8cc8ff;--gold:#ffcb45;--shroom:#e8734a}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 50% -10%,#16202d 0,var(--bg) 60%);color:var(--ink);font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,Meiryo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:SF Mono,Menlo,Consolas,ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.home{max-width:960px;margin:0 auto;padding:40px 20px 60px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:15px;letter-spacing:.02em}.brand .logo{font-size:26px}.brand .accent{color:var(--shroom)}.hero{margin:26px 0 30px}.hero h1{margin:0 0 8px;font-size:38px;font-weight:900;letter-spacing:.01em;text-wrap:balance}.hero p{margin:0;color:var(--muted);font-size:16px;line-height:1.6}.nick{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:28px}.nick label{font-weight:800;font-size:14px;white-space:nowrap}.nick input{flex:1 1;min-width:160px;background:var(--arena);border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:10px 12px;font-size:15px;font-family:inherit}.nick input:focus{outline:2px solid var(--gold);outline-offset:1px}.nick .saved{font-size:12.5px;color:var(--gold);font-weight:800}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.gamecard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,border-color .15s ease}.gamecard.playable:hover{transform:translateY(-3px);border-color:var(--gold);cursor:pointer}.gamecard .em{font-size:40px}.gamecard h3{margin:0;font-size:19px;font-weight:900}.gamecard p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55;flex:1 1}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;font-weight:800;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);padding:3px 8px;border-radius:999px}.gamecard .go{font-weight:900;color:var(--gold);font-size:14px}.gamecard.soon{opacity:.55}.footnote,.gamecard.soon .go{color:var(--muted)}.footnote{margin-top:34px;font-size:12.5px;line-height:1.7}.footnote code{background:var(--arena);padding:1px 6px;border-radius:5px;color:var(--gold)}.gamewrap{height:calc(100vh - 61px);display:flex;flex-direction:column;padding:14px 18px 16px;gap:12px;--muted:#647680;--ink:#25333b;--line:#e3e9ed;--gold:#c88400;--red-lite:#de3a2c;--blue-lite:#1e7fd0;--red-soft:#fce4dd;--blue-soft:#ddebf9;--yellow:#c88400;--yellow-soft:#fbefcf}.gtop{display:flex;align-items:center;gap:14px}.back{font-weight:800;font-size:13px;color:var(--l-muted)}.back:hover{color:var(--l-ink)}.score{flex:1 1;display:flex;flex-direction:column;gap:5px}.scorebar{height:20px;border-radius:10px;overflow:hidden;display:flex;background:var(--l-line);box-shadow:inset 0 1px 2px rgba(20,40,60,.12)}.scorebar .r{background:linear-gradient(#ff7a6b,#e0392b);transition:width .2s ease}.scorebar .b{background:linear-gradient(#5bb0f5,#1e7fd0);transition:width .2s ease}.scorenums{display:flex;justify-content:space-between;font-weight:900;font-size:14px}.scorenums .rt{color:#de3a2c}.scorenums .bt{color:#1e7fd0}.timer{flex:0 0 auto;text-align:center;min-width:84px}.timer b{font-size:32px;font-weight:900;line-height:1;color:var(--l-ink)}.timer span{display:block;font-size:10px;letter-spacing:.16em;color:var(--l-muted);text-transform:uppercase}.timer.warn b{color:#e0862a}.stage{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}canvas{background:#141c27;border-radius:16px;border:1px solid var(--l-line);box-shadow:0 12px 34px rgba(20,40,60,.18);max-width:100%;max-height:100%}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(237,241,244,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:16px;z-index:5}.card{background:var(--l-surface);border:1px solid var(--l-line);border-radius:20px;padding:26px 30px;max-width:560px;width:min(92%,560px);box-shadow:0 20px 50px rgba(20,40,60,.22);text-align:center;color:var(--l-ink)}.card h2{margin:0 0 4px;font-size:26px;font-weight:900}.card .sub{color:var(--l-muted);font-size:14px;line-height:1.6}.card .sub,.seg{margin-bottom:18px}.seg{display:inline-flex;background:var(--l-bg);border:1px solid var(--l-line);border-radius:12px;padding:4px;gap:4px}.seg button{border:none;background:transparent;color:var(--l-muted);font-weight:900;font-size:15px;padding:8px 18px;border-radius:9px;cursor:pointer;font-family:inherit}.seg button.on{background:linear-gradient(135deg,#e0392b,#1e7fd0);color:#fff}.btns{flex-direction:column;gap:10px}.btn,.btns{display:flex}.btn{border:none;border-radius:12px;padding:13px 18px;font-weight:900;font-size:16px;cursor:pointer;font-family:inherit;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--l-blue);color:#fff}.btn.primary:hover{background:var(--l-blue-d)}.btn.ghost{background:var(--l-surface);color:var(--l-ink);border:1.5px solid var(--l-line)}.btn.ghost:hover{border-color:var(--l-blue);color:var(--l-blue-d)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn small{font-weight:700;opacity:.8;font-size:12px}.note{margin-top:14px;font-size:12px;color:var(--l-muted);line-height:1.6}.note code,kbd{background:var(--l-bg);padding:1px 6px;border-radius:5px;color:var(--l-blue-d);font-family:SF Mono,monospace;font-size:12px}kbd{border:solid var(--l-line);border-width:1px 1px 2px}.status{font-size:12.5px;color:var(--l-muted);margin-top:10px;min-height:1.2em}.status.err{color:#de3a2c}.status.ok{color:#2e9e5b}.status.busy{color:var(--l-blue-d)}.win-badge{font-size:44px;font-weight:900;margin:2px 0}.win-r{color:#de3a2c}.win-b{color:#1e7fd0}.win-d{color:#c88400}.ranking{margin-top:16px;text-align:left}.ranking h4{margin:0 0 8px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--l-muted)}.ranking ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.ranking li{display:flex;align-items:center;gap:10px;background:var(--l-bg);border-radius:9px;padding:8px 12px;font-size:14px}.ranking li.me{outline:2px solid #c88400;outline-offset:-1px}.ranking .rank{width:24px;font-weight:900;color:#c88400;text-align:center}.ranking .who{flex:1 1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking .sc{font-weight:900}.ranking .empty{color:var(--l-muted);font-size:13px;padding:8px 2px}.vroster{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin:4px 0 16px}.vslot{border:2px dashed var(--line);border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.55}.vslot .vnum{font-size:20px;font-weight:900;color:var(--muted)}.vslot .vst{font-size:11px;font-weight:800;color:var(--muted)}.vslot.on{opacity:1;border-style:solid}.vslot.on.red{border-color:var(--red);background:var(--red-soft)}.vslot.on.red .vnum,.vslot.on.red .vst{color:var(--red-lite)}.vslot.on.blue{border-color:var(--blue);background:var(--blue-soft)}.vslot.on.blue .vnum,.vslot.on.blue .vst{color:var(--blue-lite)}.vcard{text-align:left;max-width:600px;max-height:88vh;overflow-y:auto}.vcard h2,.vcard>.sub{text-align:center}.vstep{border-top:1px solid var(--line);padding:15px 0 6px;margin-top:6px}.vstep:first-of-type{border-top:none;margin-top:2px}.vstep-h{display:flex;align-items:center;gap:9px;font-weight:900;font-size:16px;margin-bottom:6px}.vstep-n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--blue));color:#fff;display:grid;place-items:center;font-size:14px}.vstep-tag{font-size:11px;font-weight:900;background:var(--yellow-soft);color:var(--yellow);padding:2px 9px;border-radius:999px}.vstep p{margin:0 0 10px;font-size:13px;color:var(--muted);line-height:1.55}.vstep .btn{width:100%}.setup{max-width:820px;margin:0 auto;padding:34px 20px 60px}.setup .back{display:inline-block;margin-bottom:16px}.setup h1{margin:0 0 6px;font-size:30px;font-weight:900}.setup .lead{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 24px}.langtabs{display:inline-flex;background:var(--arena);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px;margin-bottom:18px}.langtab{border:none;background:transparent;color:var(--muted);font-weight:900;font-size:14px;padding:9px 18px;border-radius:9px;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:7px}.langtab.on{background:linear-gradient(135deg,var(--shroom),#c85b36);color:#fff}.codewrap{background:#0b0f14;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:22px}.codehead{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:var(--panel-2);border-bottom:1px solid var(--line)}.codehead .fname{font-size:12.5px;font-weight:800;color:var(--muted);font-family:SF Mono,monospace}.copy{border:1px solid var(--line);background:var(--arena);color:var(--ink);font-weight:800;font-size:12px;padding:6px 12px;border-radius:8px;cursor:pointer;font-family:inherit}.copy:hover{border-color:var(--gold);color:var(--gold)}pre.code{margin:0;padding:16px;overflow-x:auto;font-family:SF Mono,Menlo,Consolas,ui-monospace,monospace;font-size:13px;line-height:1.6;color:#d7e3ef}.steps2{margin:0 0 22px;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:12px}.steps2 li{display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px;align-items:start}.steps2 li:before{counter-increment:s;content:counter(s);flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--shroom);color:#fff;font-weight:900;font-size:13px;display:grid;place-items:center}.steps2 li .b{font-size:14.5px;line-height:1.55}.infobox code,.steps2 code{background:var(--arena);padding:1px 6px;border-radius:5px;color:var(--gold);font-family:SF Mono,monospace;font-size:.9em}.setup h2{font-size:18px;font-weight:900;margin:24px 0 12px}.infobox{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:14px 18px;font-size:13.5px;line-height:1.7;color:var(--muted);margin-bottom:20px}.infobox b{color:var(--ink)}.copied{color:var(--gold)}.site{--l-bg:#edf1f4;--l-surface:#fff;--l-ink:#25333b;--l-muted:#647680;--l-line:#e3e9ed;--l-blue:#2a86c9;--l-blue-d:#1e6fa8;min-height:100vh;background:var(--l-bg);color:var(--l-ink)}.site a{color:inherit}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--l-surface);border-bottom:1px solid var(--l-line);box-shadow:0 1px 8px rgba(20,40,60,.05)}.site-header .inner{max-width:1040px;margin:0 auto;padding:0 20px;height:60px;justify-content:space-between}.site-header .inner,.site-logo{display:flex;align-items:center}.site-logo{gap:8px;font-weight:900;font-size:19px;letter-spacing:.01em}.site-logo svg{display:block}.site-logo b{color:#e8734a}.header-right{gap:12px}.conn,.header-right{display:flex;align-items:center}.conn{gap:8px;padding:5px 6px 5px 11px;border:1px solid var(--l-line);border-radius:999px;background:var(--l-bg)}.conn-dot{width:9px;height:9px;border-radius:50%;background:#c0472e;box-shadow:0 0 0 3px rgba(192,71,46,.14)}.conn-dot.on{background:#2e9e5b;box-shadow:0 0 0 3px rgba(46,158,91,.18)}.conn-label{font-size:12.5px;font-weight:800;color:var(--l-muted);white-space:nowrap}.conn-btn{background:var(--l-surface);border:1px solid var(--l-line);color:var(--l-ink);font-weight:800;font-size:12px;padding:4px 11px;border-radius:999px;cursor:pointer;font-family:inherit}.conn-btn.primary{background:var(--l-blue);color:#fff;border-color:var(--l-blue)}.conn-btn:hover{border-color:var(--l-blue);color:var(--l-blue-d)}.conn-btn.primary:hover{background:var(--l-blue-d);color:#fff;border-color:var(--l-blue-d)}.conn-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.conn-label{display:none}.conn{padding:5px 6px}.site-nav a{padding:8px 10px}}.site-nav{display:flex;gap:4px}.site-nav a{font-weight:800;font-size:14px;color:var(--l-muted);padding:8px 14px;border-radius:9px}.site-nav a:hover{background:var(--l-bg);color:var(--l-ink)}.site-nav a.on{background:#e8f1f9;color:var(--l-blue-d)}.container{max-width:1040px;margin:0 auto;padding:30px 20px 70px}.hero2{background:linear-gradient(120deg,#2a86c9,#7a5cc0);color:#fff;border-radius:20px;padding:34px;margin-bottom:26px}.hero2 h1{margin:0 0 8px;font-size:34px;font-weight:900;letter-spacing:.01em;text-wrap:balance}.hero2 p{margin:0;font-size:16px;line-height:1.6;opacity:.95}.hero2 .cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.mbtn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:11px;padding:12px 20px;font-weight:900;font-size:15px;cursor:pointer;font-family:inherit;text-decoration:none;background:var(--l-blue);color:#fff}.mbtn:hover{background:var(--l-blue-d)}.mbtn.light{background:#fff;color:var(--l-blue-d)}.mbtn.ghost{background:transparent;color:var(--l-ink);border:1.5px solid var(--l-line)}.mbtn.ghost:hover{background:var(--l-surface);border-color:var(--l-blue);color:var(--l-blue-d)}.mbtn:disabled{opacity:.5;cursor:not-allowed}.mbtn small{font-weight:700;opacity:.85;font-size:12px}.onboard{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:0 0 24px}@media (max-width:820px){.onboard{grid-template-columns:1fr}}.ob-step{position:relative;background:var(--l-surface);border:1px solid var(--l-line);border-radius:16px;padding:22px 18px 18px;box-shadow:0 2px 10px rgba(20,40,60,.05);display:flex;flex-direction:column;gap:8px}.ob-step .num{position:absolute;top:-13px;left:18px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--l-blue),#7a5cc0);color:#fff;font-weight:900;font-size:15px;display:grid;place-items:center;box-shadow:0 3px 8px rgba(20,40,60,.22)}.ob-step h3{margin:6px 0 0;font-size:17px;font-weight:900}.ob-step>p{margin:0;font-size:13.5px;line-height:1.55}.ob-link,.ob-step>p{color:var(--l-muted)}.ob-link{font-size:12px;font-weight:700;margin-top:2px}.ob-link:hover{color:var(--l-blue-d)}.mbtn.big{font-size:17px;padding:14px 22px}.mbtn.block{width:100%}.nickbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--l-surface);border:1px solid var(--l-line);border-radius:14px;padding:14px 16px;margin-bottom:24px;box-shadow:0 1px 6px rgba(20,40,60,.04)}.nickbar label{font-weight:800;font-size:14px;white-space:nowrap}.nickbar input{flex:1 1;min-width:160px;background:#fff;border:1.5px solid var(--l-line);color:var(--l-ink);border-radius:9px;padding:10px 12px;font-size:15px;font-family:inherit}.nickbar input:focus{outline:2px solid var(--l-blue);outline-offset:1px}.nickbar .ok{font-size:12.5px;color:#2e9e5b;font-weight:800}.section-title{font-size:15px;font-weight:900;color:var(--l-muted);letter-spacing:.04em;margin:0 0 14px;text-transform:uppercase;display:flex;align-items:center;gap:7px}.section-title svg{display:block}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:18px;gap:18px}.mcard{background:var(--l-surface);border:1px solid var(--l-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(20,40,60,.05);transition:transform .15s ease,box-shadow .15s ease}.mcard.click:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(20,40,60,.14)}.mcard .band{height:88px;display:grid;place-items:center;background:var(--c,#2a86c9);color:#fff}.mcard .band .em{display:grid;place-items:center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22))}.mcard .band .em svg{display:block}.mcard .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;flex:1 1}.mcard h3{margin:0;font-size:18px;font-weight:900}.mcard p{margin:0;color:var(--l-muted);font-size:13.5px;line-height:1.55;flex:1 1}.mcard .tags{display:flex;gap:6px;flex-wrap:wrap}.mcard .tag2{font-size:11px;font-weight:800;background:var(--l-bg);color:var(--l-muted);padding:3px 9px;border-radius:999px}.mcard .go{font-weight:900;font-size:14px;color:var(--c,#2a86c9)}.mcard.soon{opacity:.6}.mcard.soon .go,.site-foot{color:var(--l-muted)}.site-foot{margin-top:36px;font-size:12.5px;line-height:1.7}.site-foot code{background:var(--l-surface);border:1px solid var(--l-line);padding:1px 6px;border-radius:5px;color:var(--l-blue-d)}.site .setup,.site .setup h1,.site .setup h2{color:var(--l-ink)}.site .infobox,.site .setup .lead{color:var(--l-muted)}.site .infobox{background:var(--l-surface)}.site .infobox b{color:var(--l-ink)}.site .infobox code,.site .steps2 code{background:var(--l-bg);color:var(--l-blue-d)}.lab{grid-template-columns:1fr;grid-gap:18px}.lab,.lab .row{display:grid;gap:18px}.lab .row{grid-template-columns:1.4fr 1fr;grid-gap:18px;align-items:start}@media (max-width:820px){.lab .row{grid-template-columns:1fr}}.examples{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ex{border:1.5px solid var(--l-line);background:var(--l-surface);color:var(--l-ink);font-weight:800;font-size:13px;padding:7px 13px;border-radius:9px;cursor:pointer;font-family:inherit}.ex:hover{border-color:var(--l-blue);color:var(--l-blue-d)}.editor{width:100%;min-height:340px;background:#0b0f14;color:#d7e3ef;border:1px solid var(--l-line);border-radius:12px;padding:14px 16px;font-family:SF Mono,Menlo,Consolas,ui-monospace,monospace;font-size:13.5px;line-height:1.6;resize:vertical;-moz-tab-size:4;tab-size:4}.editor:focus{outline:2px solid var(--l-blue);outline-offset:1px}.labside{background:var(--l-surface);border:1px solid var(--l-line);border-radius:14px;padding:18px}.labside h3{margin:0 0 10px;font-size:16px;font-weight:900}.labside ol{margin:0 0 14px;padding-left:20px;font-size:13.5px;line-height:1.7;color:var(--l-ink)}.labside .flashstat{font-size:13px;font-weight:800;margin-top:10px;min-height:1.3em}.labside .flashstat.ok{color:#2e9e5b}.labside .flashstat.err{color:#d8452b}.labside .flashstat.busy{color:var(--l-blue-d)}.badge-v2{display:inline-block;font-size:11px;font-weight:900;background:#fff0ce;color:#8a5e00;padding:3px 9px;border-radius:999px}.mcframe{background:var(--l-surface);border:1px solid var(--l-line);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(20,40,60,.07)}.mcframe-loading{display:grid;place-items:center;height:72vh;color:var(--l-muted);font-weight:800}.maker-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.maker{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;align-items:start}@media (max-width:900px){.maker{grid-template-columns:1fr}}.maker.expanded{grid-template-columns:1fr}.previewframe{width:100%;aspect-ratio:4/3;border:1px solid var(--l-line);border-radius:12px;background:#0b0f14;display:block}.editor-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:800;color:var(--l-muted);flex-wrap:wrap}.editor-toolbar button{width:28px;height:28px;border:1px solid var(--l-line);background:var(--l-surface);color:var(--l-ink);border-radius:7px;font-weight:900;cursor:pointer;font-family:inherit}.editor-toolbar button:hover{border-color:var(--l-blue);color:var(--l-blue-d)}.editor-toolbar label{display:flex;align-items:center;gap:5px;cursor:pointer}.editor-wrap{display:flex;border:1px solid var(--l-line);border-radius:12px}.editor-gutter,.editor-wrap{overflow:hidden;background:#0b0f14}.editor-gutter{flex:0 0 auto;padding:14px 8px 14px 12px;text-align:right;color:#5b6b7d;font-family:SF Mono,Menlo,Consolas,ui-monospace,monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-right:1px solid #1e2733}.editor-gutter .err{color:#fff;background:#de3a2c;border-radius:3px;padding:0 3px;margin:0 -3px;font-weight:900}.editor-wrap>.editor{border:none;border-radius:0;flex:1 1;white-space:pre;overflow:auto;min-height:0;height:100%;resize:none}.warn-box{background:#fff3cd;border:1px solid #f3d488;color:#7a5b00;border-radius:10px;padding:11px 14px;font-size:13.5px;line-height:1.55;margin-bottom:14px}