: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:16px;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{--header-h:61px;height:calc(100dvh - var(--header-h));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;margin-bottom:18px;line-height:1.6}.rulerow{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:10px;gap:10px;margin:0 0 16px}@media (max-width:520px){.rulerow{grid-template-columns:1fr}}.rcard{background:var(--l-bg);border:1px solid var(--l-line);border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.7;text-align:left}.rcard,.rcard b{color:var(--l-ink)}.rcard .rlabel{display:block;width:-moz-fit-content;width:fit-content;font-size:11px;font-weight:900;color:var(--l-blue-d);border:1px solid var(--l-line);border-radius:999px;padding:2px 10px;margin-bottom:8px}.mzcard,.rcard .rlabel{background:var(--l-surface)}.mzcard{border:1px solid var(--l-line);border-radius:14px;padding:18px;max-width:520px}.mzsetup{display:grid;grid-template-columns:1fr 300px;grid-gap:16px;gap:16px;align-items:start}@media (max-width:800px){.mzsetup{grid-template-columns:1fr}}.mzpanel{background:var(--l-surface);border:1px solid var(--l-line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:11px}.mzrow{display:flex;align-items:center;gap:10px}.mzbar{background:var(--l-surface);border:1px solid var(--l-line);border-radius:12px;padding:12px 14px;margin:0 0 14px}.mzchip{display:inline-flex;align-items:center;border:1.5px solid var(--l-line);border-radius:999px;overflow:hidden}.mzchip.on{border-color:var(--l-blue);background:#e7f0ea}.mzchip button{border:none;background:transparent;font-weight:900;font-size:13px;padding:6px 12px;cursor:pointer;color:var(--l-ink);font-family:inherit}.mzchip.on button{color:var(--l-blue-d)}.mzchip .x{padding:6px 9px;color:var(--l-muted);border-left:1px solid var(--l-line);font-weight:700}.mzchip .x:hover{color:#d8452b}.mzstagerow{display:flex;align-items:center;gap:8px;background:var(--l-bg);border:1px solid var(--l-line);border-radius:10px;padding:8px 10px}.mzstagerow .nm{font-weight:900;font-size:14px;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mzthumb{width:56px;height:40px;object-fit:cover;border-radius:7px;border:1px solid var(--l-line);background:#fff;flex:0 0 auto;display:block}.mzbadge{font-size:11px;font-weight:900;padding:2px 9px;border-radius:999px;white-space:nowrap}.mzbadge.ok{background:#e7f0ea;color:#2e7d46}.mzbadge.warn{background:#fbe4dd;color:#c0392b}.how{margin-top:12px;text-align:left}.how>summary{cursor:pointer;font-weight:800;font-size:13px;color:var(--l-blue-d)}.how-body{margin-top:10px}.how-lead{margin:0 0 8px;font-size:12px;color:var(--l-muted);line-height:1.6}.cchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.cchip{border:1.5px solid var(--l-line);background:var(--l-surface);border-radius:999px;padding:5px 12px;font-weight:800;font-size:12.5px;color:var(--l-ink);cursor:pointer;font-family:inherit}.cchip:hover{border-color:var(--l-blue);color:var(--l-blue-d)}.cchip.on{background:var(--l-blue);color:#fff;border-color:transparent}.cbox{background:var(--l-bg);border:1px solid var(--l-line);border-radius:10px;padding:10px 12px;margin-bottom:10px}.cbox>b{font-size:13px;color:var(--l-ink)}.cbox p{margin:6px 0;font-size:12.5px;color:var(--l-muted);line-height:1.6}.cbox pre{margin:0;background:#0f1622;color:#d7e3ef;border-radius:8px;padding:10px 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;overflow-x:auto}.makerlink{font-size:12.5px;font-weight:800;color:var(--l-blue-d)}.mcard-tap{display:flex;flex-direction:column;flex:1 1;color:inherit;text-decoration:none;cursor:pointer}.mcard-how{border-top:1px solid var(--l-line);margin-top:2px;padding:12px 18px 16px}.mcard-how .how>summary{font-size:12.5px}.mcard.game .band{aspect-ratio:16/9;height:auto}.mcard.game .band .eyecatch-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.seg{display:inline-flex;background:var(--l-bg);border:1px solid var(--l-line);border-radius:12px;padding:4px;gap:4px;margin-bottom:18px}.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:#f7f4ee;--l-surface:#fff;--l-ink:#1e2620;--l-muted:#6b6357;--l-line:#e9e2d6;--l-blue:#2f6d4f;--l-blue-d:#255a40;--l-accent:#e8734a;--l-sage:#6fbf8b;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);padding-top:env(safe-area-inset-top,0)}.site-header .inner{max-width:1040px;margin:0 auto;height:60px;justify-content:space-between;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.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-av{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block;background:var(--l-bg);border:1.5px solid var(--l-line)}.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}.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:#e7f0ea;color:var(--l-blue-d)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:9px;border:1px solid var(--l-line);border-radius:10px;background:var(--l-bg);cursor:pointer}.nav-toggle span{display:block;height:2px;border-radius:2px;background:var(--l-ink);transition:transform .2s ease,opacity .2s ease}.nav-toggle.open span:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-backdrop{display:none}@media (max-width:600px){.gamewrap{--header-h:calc(61px + env(safe-area-inset-bottom, 0px));padding:10px 12px 12px;gap:9px}.gtop{gap:10px;flex-wrap:wrap}.conn-label{display:none}.conn{padding:5px 6px}.site-logo{font-size:16px;gap:6px}.site-logo svg,.site-logo-av{width:22px;height:22px}.header-right{gap:8px}.nav-toggle{display:flex}.site-nav{position:absolute;top:100%;left:0;right:0;z-index:21;display:none;flex-direction:column;gap:2px;background:var(--l-surface);border-bottom:1px solid var(--l-line);box-shadow:0 10px 22px rgba(20,40,60,.14);padding:8px max(20px,env(safe-area-inset-right,0px)) 12px max(20px,env(safe-area-inset-left,0px))}.site-nav.open{display:flex}.site-nav a{padding:12px 14px;font-size:16px;border-radius:10px}.nav-backdrop{display:block;position:fixed;inset:0;z-index:19;background:rgba(20,40,60,.06)}}.container{max-width:1040px;margin:0 auto;padding:30px max(20px,env(safe-area-inset-right,0px)) 70px max(20px,env(safe-area-inset-left,0px))}.hero2{background:linear-gradient(120deg,#2f6d4f,#4e9e74);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)}.site a.mbtn{color:#fff}.site a.mbtn.light{color:var(--l-blue-d)}.site a.mbtn.ghost{color:var(--l-ink)}.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),#4e9e74);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:16px;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}.sec{display:flex;align-items:center;gap:14px;background:var(--l-surface);border:1px solid var(--l-line);border-left:5px solid var(--sec-c,#2f6d4f);border-radius:14px;padding:13px 18px;margin:38px 0 16px;box-shadow:0 4px 14px rgba(60,40,20,.05)}.sec .n{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--sec-c,#2f6d4f)}.sec .n svg{display:block}.sec .t{display:flex;flex-direction:column;gap:2px}.sec .t b{font-size:18px;font-weight:900;color:var(--l-ink);letter-spacing:.01em}.sec .t span{font-size:12.5px;color:var(--l-muted);line-height:1.5}.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:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 5px rgba(20,40,60,.06),0 12px 26px rgba(20,40,60,.09);transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease;position:relative}.mcard.click{cursor:pointer}.mcard.click:hover{transform:translateY(-7px) scale(1.018);box-shadow:0 10px 18px rgba(20,40,60,.1),0 30px 54px rgba(20,40,60,.22)}.mcard .band{height:106px;display:grid;place-items:center;color:#fff;position:relative;background:linear-gradient(150deg,transparent 26%,rgba(0,0,0,.26) 100%),radial-gradient(150px 110px at 26% 14%,hsla(0,0%,100%,.42),transparent 72%),var(--c,#2a86c9)}.mcard .band:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.07))}.mcard .band .eyecatch{position:absolute;left:0;right:0;bottom:7px;z-index:1;text-align:center;font-size:10.5px;font-weight:800;color:hsla(0,0%,100%,.95);letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.mcard .band .em{position:relative;z-index:1;display:grid;place-items:center;filter:drop-shadow(0 6px 11px rgba(0,0,0,.32));transform:scale(1.08);transition:transform .22s cubic-bezier(.2,.7,.3,1)}.mcard.click:hover .band .em{transform:scale(1.22)}.mcard .band .em svg{display:block}@media (prefers-reduced-motion:reduce){.mcard,.mcard .band .em{transition:none}.mcard.click:hover{transform:none}.mcard.click:hover .band .em{transform:scale(1.08)}}.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,#2f6d4f);margin-top:2px;transition:letter-spacing .2s ease}.mcard.click:hover .go{letter-spacing:.04em}.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}.campaign-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-decoration:none;background:linear-gradient(90deg,#e8734a,#e0a417);color:#fff;font-weight:800;line-height:1.3;padding:calc(9px + env(safe-area-inset-top, 0px)) max(16px,env(safe-area-inset-right,0px)) 9px max(16px,env(safe-area-inset-left,0px))}.campaign-bar:hover{filter:brightness(1.05)}.campaign-bar .cb-main{font-size:14px}.campaign-bar .cb-date{background:hsla(0,0%,100%,.24)}.campaign-bar .cb-date,.campaign-bar .cb-ppl{border-radius:999px;padding:2px 11px;font-size:12.5px;white-space:nowrap}.campaign-bar .cb-ppl{background:#fff;color:#b24e22}.campaign-bar .cb-go{font-size:12.5px;text-decoration:underline}.summer-banner{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-radius:16px;text-decoration:none;background:linear-gradient(100deg,#e8734a,#e0a417);color:#fff;box-shadow:0 6px 18px rgba(232,115,74,.3)}.summer-banner:hover{filter:brightness(1.04)}.summer-banner .sb-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:hsla(0,0%,100%,.18);color:#ffcb45;flex-shrink:0}.summer-banner .sb-tx{display:flex;flex-direction:column;gap:3px;flex:1 1;min-width:0}.summer-banner .sb-tx b{font-size:16px}.summer-banner .sb-tx span{font-size:12.5px;opacity:.92;line-height:1.5}.summer-banner .sb-go{flex-shrink:0;font-weight:900;background:#fff;color:#c0472e;border-radius:999px;padding:8px 16px;font-size:13.5px}.summer-banner .sb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.summer-banner .sb-tags span{background:hsla(0,0%,100%,.22);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:800;opacity:1;white-space:nowrap}@media (max-width:560px){.summer-banner{flex-wrap:wrap}.summer-banner .sb-go{width:100%;text-align:center}}.course-intro{border:1.5px solid var(--l-line);background:var(--l-surface);border-radius:14px;padding:15px 16px;margin:12px 0 16px;max-width:640px}.course-intro .ci-lead{margin:0 0 11px;font-size:14.5px;font-weight:900;line-height:1.45}.course-intro .ci-lead span{display:block;font-size:12px;color:var(--l-muted);font-weight:700;margin-top:2px}.course-intro .ci-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:560px){.course-intro .ci-list{grid-template-columns:1fr;gap:7px}.course-intro .ci-tx>span{display:none}.course-intro .ci-item{align-items:center}}.course-intro .ci-item{display:flex;align-items:flex-start;gap:9px}.course-intro .ci-ic{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--l-bg);display:flex;align-items:center;justify-content:center;font-size:16px}.course-intro .ci-tx{display:flex;flex-direction:column;gap:2px;min-width:0}.course-intro .ci-tx b{font-size:13.5px;line-height:1.35}.course-intro .ci-tx span{font-size:12px;line-height:1.55;color:var(--l-muted)}.course-intro .ci-more{margin-top:12px;padding-top:11px;border-top:1px dashed var(--l-line)}.course-intro .ci-more>summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--l-muted);list-style:none;display:flex;align-items:center;gap:5px}.course-intro .ci-more>summary::-webkit-details-marker{display:none}.course-intro .ci-more>summary:before{content:"▶";font-size:9px;transition:transform .15s}.course-intro .ci-more[open]>summary:before{transform:rotate(90deg)}.course-intro .ci-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px}.course-intro .ci-chips-h{font-size:11.5px;font-weight:900;color:var(--l-muted);margin-right:2px}.course-intro .ci-chip{background:var(--l-bg);border:1px solid var(--l-line);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:800}.course-intro .ci-foot{margin-top:12px;font-size:12.5px;line-height:1.6;background:#fff6e5;border-radius:10px;padding:9px 12px}.summer-stamps{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;max-width:640px}@media (max-width:560px){.summer-stamps{grid-template-columns:repeat(3,1fr)}}.summer-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1/1;border-radius:14px;border:2px dashed var(--l-line);background:var(--l-surface);color:var(--l-muted);text-decoration:none;padding:6px;text-align:center;transition:transform .1s}.summer-stamp:hover{transform:translateY(-2px)}.summer-stamp .sd{font-size:11px;font-weight:900;letter-spacing:.04em}.summer-stamp .sic{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%}.summer-stamp .sic.todo{border:2px solid var(--l-line);color:var(--l-muted);font-size:20px;font-weight:900}.summer-stamp .tt{font-size:10.5px;line-height:1.25;color:var(--l-muted)}.summer-stamp.done{border:2px solid #2f6d4f;background:#fff;color:var(--l-ink);box-shadow:0 2px 0 rgba(0,0,0,.04)}.summer-stamp .stampimg{width:52px;height:52px;object-fit:contain}.summer-stamp.done .dt{font-size:12px;font-weight:900;color:#2f6d4f}.site-footer{text-align:center;color:#66787f;font-size:13px;background:#edf1f4;border-top:1px solid #e3e9ed;padding:22px max(16px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom, 0px)) max(16px,env(safe-area-inset-left,0px))}.site-footer a{color:#1e6fa8;font-weight:800;text-decoration:none}.site-footer a:hover{text-decoration:underline}.storenote{align-items:flex-start;gap:10px;flex-wrap:wrap;background:#fff7e8;border:1.5px solid #f0c97a;border-radius:12px;padding:11px 13px;margin:0 0 16px;line-height:1.7;color:#7a5510}.storenote,.storenote-ic{display:flex;font-size:13px}.storenote-ic{flex:none;width:20px;height:20px;border-radius:50%;background:#e8a33c;color:#fff;font-weight:900;align-items:center;justify-content:center;margin-top:1px}.storenote-tx{flex:1 1 240px}.storenote-btn{flex:none;background:#e8734a;color:#fff;border:none;border-radius:999px;padding:6px 14px;font-weight:800;font-size:12.5px;cursor:pointer;font-family:inherit}.storenote-btn:hover{background:#d2603a}.profinput{background:#fff;border:1.5px solid var(--l-line);color:var(--l-ink);border-radius:10px;padding:10px 12px;font-size:16px;font-family:inherit;font-weight:700}.profinput:focus{outline:2px solid var(--l-blue);outline-offset:1px}.profpick{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.profpick-item{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;background:#fff;border:2px solid var(--l-line);border-radius:16px;padding:14px 10px 11px;min-width:104px;font-family:inherit}.profpick-item:hover{border-color:var(--l-blue)}.profpick-av{width:62px;height:62px;border-radius:50%;object-fit:cover;background:#edf1f4;display:block}.profpick-av--none{display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#8aa0ad}.profpick-name{font-weight:800;font-size:14px;color:var(--l-ink);max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whobar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:12px;padding:9px 13px}.whobar-name{font-weight:900;font-size:14.5px}.whobar-btn{margin-left:auto;background:transparent;border:1.5px solid var(--l-line);color:var(--l-muted);border-radius:999px;padding:5px 12px;font-weight:800;font-size:12.5px;cursor:pointer;font-family:inherit}.whobar-btn:hover{border-color:var(--l-blue);color:var(--l-blue-d)}.kmodal-back{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(20,32,45,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:calc(16px + env(safe-area-inset-top, 0px)) 16px calc(16px + env(safe-area-inset-bottom, 0px))}.kmodal{background:#fff;color:#1e2620;border-radius:18px;padding:22px 22px 18px;width:min(92vw,420px);max-height:80vh;overflow-y:auto;box-shadow:0 20px 50px rgba(20,40,60,.35);text-align:center}.kmodal-title{display:block;font-size:17px;font-weight:900;margin-bottom:10px;color:#1e2620}.kmodal-body{font-size:14px;line-height:1.8;color:#4a4238;word-break:break-word}.kmodal-btn{margin-top:18px;background:#2f6d4f;color:#fff;border:none;border-radius:999px;padding:11px 30px;font-weight:800;font-size:15px;cursor:pointer;font-family:inherit;min-width:130px}.kmodal-btn:hover{background:#255a40}.clearbadge{display:inline-flex;align-items:center;gap:9px;margin-left:auto;background:#fff;border:2px solid #2f6d4f;border-radius:999px;padding:5px 15px 5px 7px;box-shadow:0 2px 0 rgba(0,0,0,.04)}.clearbadge-img{width:34px;height:34px;object-fit:contain;display:block}.clearbadge-tx{display:flex;flex-direction:column;line-height:1.25}.clearbadge-tx b{font-size:13px;font-weight:900;color:#2f6d4f;letter-spacing:.02em}.clearbadge-date{font-size:11.5px;font-weight:800;color:#6b8a76}@media (max-width:600px){.clearbadge{margin-left:0;padding:4px 12px 4px 6px}.clearbadge-img{width:28px;height:28px}}.kmodal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.kmodal-actions .kmodal-btn{margin-top:0;min-width:118px}.kmodal-btn.ghost{background:transparent;color:#6b6357;border:1.5px solid #e9e2d6}.kmodal-btn.ghost:hover{background:#f7f4ee;color:#1e2620}.kmodal-btn.danger{background:#c0472e}.kmodal-btn.danger:hover{background:#a63b25}.kmodal-link{display:inline-block;font-weight:800;font-size:13.5px;color:#1e6fa8;text-decoration:underline}.copyurl{margin-top:14px;background:#f5f7f9;border:1px solid #e3e8ec;border-radius:12px;padding:11px 12px}.copyurl-h{font-size:12px;font-weight:800;color:#4a4238;line-height:1.6;margin-bottom:8px}.copyurl-row{display:flex;gap:8px;align-items:stretch}.copyurl-in{flex:1 1;min-width:0;font-family:inherit;font-size:12.5px;color:#1e2620;background:#fff;border:1px solid #d8dee3;border-radius:9px;padding:8px 10px}.copyurl-btn{flex-shrink:0;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;background:#1e88c7;color:#fff;border:none;border-radius:9px;padding:8px 14px;white-space:nowrap}.copyurl-btn:hover{filter:brightness(1.06)}.kmodal kbd{background:#edf1f4;border:solid #d8dee3;border-width:1px 1px 2px;color:#1e6fa8}.copyurl-msg{margin:8px 0 0;font-size:12px;line-height:1.9}.copyurl-msg.ok{color:#2f6d4f;font-weight:800}.copyurl-msg.ng{color:#8d3f1c;font-weight:800}@media (max-width:420px){.copyurl-row{flex-wrap:wrap}.copyurl-btn{width:100%}}.profpick-kind{font-size:10.5px;font-weight:800;color:var(--l-muted);background:var(--l-bg);border-radius:999px;padding:2px 8px}.profpick-kind.g{color:#1e6fa8;background:#e4eff8}.whobar-kind{font-size:11px;font-weight:800;color:var(--l-muted);background:var(--l-bg);border:1px solid var(--l-line);border-radius:999px;padding:2px 9px}.whobar-kind.g{color:#1e6fa8;background:#e4eff8;border-color:#c5ddf0}.btns>.mbtn{align-self:flex-start}.btns:has(>.mbtn){flex-direction:row;flex-wrap:wrap;align-items:center}.beta-note{max-width:640px;margin:0 auto 12px;padding:10px 14px;border-radius:10px;background:#fff7e8;border:1px solid #f0c97a;color:#7a5510;font-size:12px;line-height:1.7;text-align:left}.beta-tag{display:inline-block;background:#e8a33c;color:#fff;font-weight:900;font-size:11px;border-radius:6px;padding:1px 7px;margin-right:7px}.denki-lamp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:120px;height:120px;border-radius:16px;border:2px solid var(--l-line);background:var(--l-bg);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.denki-lamp.on{background:#fff6de;border-color:#f0c23c;box-shadow:0 0 0 4px rgba(240,194,60,.25),0 6px 18px rgba(240,194,60,.35)}.denki-bulb{font-size:44px;line-height:1;filter:grayscale(.5);transition:filter .12s ease,transform .12s ease}.denki-lamp.on .denki-bulb{filter:none;transform:scale(1.08)}.denki-lamp-label{font-size:12px;font-weight:800;color:var(--l-muted)}.denki-lamp.on .denki-lamp-label{color:#b07a00}.denki-obj{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--l-bg);border:1px solid var(--l-line);border-radius:14px;padding:16px;margin:6px 0 4px}.denki-obj-emoji{font-size:52px;line-height:1}.denki-obj-name{font-size:18px;color:var(--l-ink)}.denki-obj-name,.denki-verdict{font-weight:900;text-align:center}.denki-verdict{font-size:24px;margin:6px 0}.denki-verdict.ok{color:#2e9e5b}.denki-verdict.ng{color:#c0472e}.denki-ideas{display:flex;flex-wrap:wrap;gap:6px}.denki-chip{font-size:12.5px;font-weight:800;color:var(--l-muted);background:var(--l-bg);border:1px solid var(--l-line);border-radius:999px;padding:5px 11px;cursor:pointer;font-family:inherit}.denki-chip:hover{border-color:var(--l-blue);color:var(--l-blue-d)}.denki-chip.on{background:var(--l-blue);border-color:var(--l-blue);color:#fff}.denki-board{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:16px;border-top:1px dashed var(--l-line);padding-top:14px}.denki-col{display:flex;flex-direction:column;gap:6px}.denki-col-h{font-size:13px}.denki-col-h.ok{color:#2e9e5b}.denki-col-h.ng{color:#c0472e}.denki-item{font-size:13px;font-weight:700;color:var(--l-ink);background:var(--l-bg);border:1px solid var(--l-line);border-radius:8px;padding:5px 9px}.denki-empty{font-size:12px;color:var(--l-muted)}.needs{background:var(--l-bg);border:1px solid var(--l-line);border-radius:16px;padding:16px 18px;margin-bottom:20px}.needs-h{font-size:13px;font-weight:900;color:var(--l-blue-d);margin-bottom:12px}.need{display:flex;gap:12px;align-items:flex-start}.need+.need{margin-top:12px;padding-top:12px;border-top:1px dashed var(--l-line)}.need-no{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--l-blue);color:#fff;font-weight:900;font-size:15px}.need-tx{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.need-tx b{font-size:15px}.need-tx span{font-size:12.5px;color:var(--l-muted);line-height:1.7}.phase{background:var(--l-surface);border:1px solid var(--l-line);border-radius:16px;margin-bottom:14px;box-shadow:0 2px 10px rgba(20,40,60,.04);overflow:hidden}.phase-h{display:flex;align-items:center;gap:10px;background:var(--l-bg);border-bottom:1px solid var(--l-line);padding:12px 16px}.phase-h>b{font-size:16px;flex:1 1;min-width:0}.phase-no{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--l-blue);color:#fff;font-size:16px}.phase-no,.phase-once{flex-shrink:0;font-weight:900}.phase-once{font-size:11px;color:var(--l-blue-d);background:var(--l-surface);border:1px solid var(--l-line);border-radius:999px;padding:2px 10px}.phase-body{padding:16px 18px}.phase-body p{margin:0 0 10px;font-size:13.5px;color:var(--l-muted);line-height:1.8}.phase-body p b{color:var(--l-ink)}.phase-note{font-size:12.5px;background:var(--l-bg);border-radius:10px;padding:10px 12px;margin-top:12px!important}.phase-note a{font-weight:800;text-decoration:underline}.startstate{margin-top:8px;font-size:13px;font-weight:800;line-height:1.6}.startstate.ok{color:#2e9e5b}.startstate.ng{color:#b24e22}.startnote{display:flex;flex-direction:column;gap:3px;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.7}.startnote b{font-size:13.5px}.startnote.ok{background:#e7f0ea;border:1px solid #b6d8c2;color:#2b6b46}.startnote.ng{background:#fbeadf;border:1px solid #f0c6a2;color:#8d3f1c}.startnote a{font-weight:800;text-decoration:underline}.wireless-banner{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-radius:16px;text-decoration:none;background:linear-gradient(100deg,#2f6d4f,#3b8fb5);color:#fff;box-shadow:0 6px 18px rgba(47,109,79,.28)}.wireless-banner:hover{filter:brightness(1.06)}.wireless-banner .wb-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:hsla(0,0%,100%,.18);font-size:26px;flex-shrink:0}.wireless-banner .wb-tx{display:flex;flex-direction:column;gap:3px;flex:1 1;min-width:0}.wireless-banner .wb-tx b{font-size:16px}.wireless-banner .wb-tx span{font-size:12.5px;opacity:.92;line-height:1.5}.wireless-banner .wb-go{flex-shrink:0;font-weight:900;background:#fff;color:#2f6d4f;border-radius:999px;padding:8px 16px;font-size:13.5px}@media (max-width:560px){.wireless-banner{flex-wrap:wrap}.wireless-banner .wb-go{width:100%;text-align:center}}.browser-banner{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-radius:16px;background:linear-gradient(100deg,#8d5fb1,#1e88c7);color:#fff;box-shadow:0 6px 18px rgba(141,95,177,.28)}.browser-banner .wb-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:hsla(0,0%,100%,.18);font-size:26px;flex-shrink:0}.browser-banner .wb-tx{display:flex;flex-direction:column;gap:3px;flex:1 1;min-width:0}.browser-banner .wb-tx b{font-size:16px}.browser-banner .wb-tx span{font-size:12.5px;opacity:.94;line-height:1.6}.browser-banner .wb-go{flex-shrink:0;font-weight:900;background:#fff;color:#8d5fb1;border-radius:999px;padding:8px 16px;font-size:13.5px;text-decoration:none}.browser-banner .wb-go:hover{filter:brightness(.96)}@media (max-width:560px){.browser-banner{flex-wrap:wrap}.browser-banner .wb-go{width:100%;text-align:center}}.startstate.busy{color:var(--l-muted)}.ctrlwarn{background:#fbeadf;border:1px solid #f0c6a2;color:#8d3f1c;border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:12.5px;line-height:1.7}.ctrlwarn a{font-weight:800;text-decoration:underline;color:inherit}.stagesel{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px;margin:0 0 16px}@media (max-width:520px){.stagesel{grid-template-columns:repeat(2,1fr)}}.stagesel .stagebtn{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;background:var(--l-bg);border:1.5px solid var(--l-line);border-radius:11px;padding:7px 5px;color:var(--l-ink);font:inherit;line-height:1.3;text-align:center}.stagesel .stagebtn b{font-size:15px;font-weight:900}.stagesel .stagebtn .sname{font-size:10px;color:var(--l-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.stagesel .stagebtn .sstars{font-size:11px;color:#e6a817;letter-spacing:-1px}.stagesel .stagebtn.on,.stagesel .stagebtn:hover:not(.lock){border-color:var(--l-blue)}.stagesel .stagebtn.on{background:#e8f2fb;box-shadow:0 0 0 2px rgba(30,136,199,.16)}.stagesel .stagebtn.lock{opacity:.5;cursor:not-allowed}.scrlab{gap:8px;box-sizing:border-box;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--l-bg)}.scrlab,body.scrlab-body{display:flex;flex-direction:column}body.scrlab-body{height:100dvh;overflow:hidden}body.scrlab-body>.site{flex:1 1;min-height:0;display:flex;flex-direction:column}body.scrlab-body .scrlab{flex:1 1;min-height:0}body.scrlab-body .site-footer{display:none}.scrlab:-webkit-full-screen{height:100dvh;padding-top:calc(8px + env(safe-area-inset-top))}.scrlab:fullscreen{height:100dvh;padding-top:calc(8px + env(safe-area-inset-top))}.scrframe{flex:1 1;min-height:0;background:var(--l-surface);border:1px solid var(--l-line);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(20,40,60,.07)}.scrframe iframe{width:100%;height:100%;border:none;display:block}.scrframe .mcframe-loading{height:100%}.scr-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--l-surface);border:1px solid var(--l-line);border-radius:12px;padding:7px 10px;flex:0 0 auto}.scr-bar .scr-label{font-weight:900;font-size:14px;white-space:nowrap}.scr-bar .mbtn{padding:7px 13px;font-size:13.5px;border-radius:9px}.scr-bar .mbtn.scr-icon{padding:7px 11px;font-size:15px;line-height:1}.scr-toggle{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--l-ink);cursor:pointer}.scr-toggle input{width:17px;height:17px;accent-color:var(--l-blue);cursor:pointer}.scr-mon{display:flex;gap:7px;align-items:center;flex-wrap:nowrap;margin-left:auto;font-size:12px;color:var(--l-muted)}.scr-pill{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 7px;border-radius:6px;border:1.5px solid var(--l-line);background:var(--l-bg);font-weight:900;color:var(--l-muted)}.scr-pill.on{background:var(--l-accent);border-color:var(--l-accent);color:#fff}.scr-axis{display:flex;align-items:center;gap:5px;font-weight:800}.scr-axis i{position:relative;display:block;width:64px;height:7px;border-radius:4px;background:var(--l-line)}.scr-axis i:after{content:"";position:absolute;top:-3px;left:var(--v,50%);width:5px;height:13px;margin-left:-2.5px;border-radius:3px;background:var(--l-blue)}.scr-axis b{min-width:2.6em;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--l-ink)}@media (max-width:820px){.scr-mon{margin-left:0}.scr-axis i{width:44px}}.scr-note{flex:0 0 auto;font-size:13px;font-weight:800;color:var(--l-blue-d);padding:0 2px}.scr-note.warn{background:#fbeadf;border:1px solid #f0c6a2;color:#8d3f1c;border-radius:10px;padding:8px 11px;font-weight:700;line-height:1.6}.scr-note.warn a{font-weight:800;text-decoration:underline;color:inherit}.scr-help{text-align:left;font-size:13.5px;line-height:1.75}.scr-help p{margin:0 0 10px}.scr-help hr{border:none;border-top:1px solid var(--l-line);margin:12px 0}.scr-help code{background:var(--l-bg);border:1px solid var(--l-line);padding:1px 5px;border-radius:5px;color:var(--l-blue-d)}.scr-help a{color:var(--l-blue-d);font-weight:800}.scr-help .scr-small{font-size:12px;color:var(--l-muted);line-height:1.8}.scr-help .scr-samples{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.scr-help .scr-samples .mbtn{padding:7px 12px;font-size:13px}.scr-url{width:100%;box-sizing:border-box;background:#fff;border:1.5px solid var(--l-line);color:var(--l-ink);border-radius:9px;padding:10px 12px;font:inherit;font-size:14px;margin:0 0 10px}.scr-url:focus{outline:2px solid var(--l-blue);outline-offset:1px}.scr-help .scr-warnline{background:#fbeadf;border:1px solid #f0c6a2;color:#8d3f1c;border-radius:9px;padding:8px 11px;font-size:12.5px;line-height:1.7}