:root{--bg:#0c0d0f;--bg2:#17191c;--card:#1e2023;--card2:#25272c;--ln:#363940;--tx:#eeeff0;--mu:#999ea9;--gold:#e2e3e5;--gold2:#dcdee0;--bad:#ef5b5b;--ok:#3ddc84;--ac:#3b9cff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%,#2b2e33,var(--bg) 60%);color:var(--tx);font:15px/1.5 IBM Plex Sans,system-ui,Segoe UI,sans-serif}#app{min-height:100%}a{color:var(--ac)}h1,h2{margin:0 0 8px;font-weight:700}.muted{color:var(--mu)}.small{font-size:12.5px}.err{color:var(--bad);margin:6px 0}.link{color:var(--ac);cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.logo{letter-spacing:.06em;color:#fff;font:700 34px/1 IBM Plex Sans Condensed,IBM Plex Sans,sans-serif}.logo span{color:var(--gold);letter-spacing:.06em;margin-top:4px;font-size:.62em;display:block}.logo.sm span{letter-spacing:.06em;margin-left:8px;font-size:1em;display:inline}.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--ln);border-radius:14px;box-shadow:0 20px 50px #0007}.btn{border:1px solid var(--ln);background:var(--card2);color:var(--tx);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font:600 14px IBM Plex Sans,sans-serif;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{border-color:#515661;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.gold{background:linear-gradient(180deg,#e5e6e8,var(--gold2));color:#1d1e21;border-color:#e5e6e8}.btn.danger{color:#ff8a8a}.btn.danger:hover{border-color:var(--bad)}.btn.danger-solid{background:var(--bad);border-color:var(--bad);color:#fff}.btn.sm{padding:5px 12px;font-size:13px}.auth{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;max-width:1050px;min-height:100vh;margin:0 auto;padding:32px 24px;display:grid}.auth-hero p{color:var(--mu);max-width:380px;margin-top:20px;font-size:17px}.auth-card{padding:30px}.auth-card h1{margin-bottom:18px;font-size:24px}.auth-card form{flex-direction:column;gap:14px;display:flex}label{color:#d4d6db;flex-direction:column;gap:5px;font-size:13.5px;font-weight:600;display:flex}label em{color:var(--mu);font-style:normal;font-weight:400}input{border:1px solid var(--ln);color:var(--tx);background:#131417;border-radius:10px;outline:none;padding:11px 13px;font:15px IBM Plex Sans,sans-serif}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e2e3e526}.auth-card .btn{margin-top:6px;padding:12px}.alt{text-align:center;color:var(--mu);margin:18px 0 0}@media (width<=800px){.auth{grid-template-columns:1fr;gap:20px}}.topbar{border-bottom:1px solid var(--ln);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#131417cc;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.who{color:var(--mu);align-items:center;gap:14px;display:flex}.who b{color:#fff}@media (width<=640px){.topbar{gap:10px;padding:12px 16px}.logo.sm{font-size:17px}.logo.sm span{margin-left:5px}.who{gap:8px;min-width:0;font-size:13px}.who>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who .btn{padding:6px 10px}}.wrap{max-width:1050px;margin:0 auto;padding:36px 24px}.slots{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:26px;display:grid}.slot{flex-direction:column;gap:6px;padding:22px;display:flex}.slot.empty{box-shadow:none;background:0 0;border-style:dashed}.slot-no{letter-spacing:.2em;color:var(--gold);font:700 12px IBM Plex Sans,sans-serif}.slot h2{font-size:22px}.league{color:var(--mu);margin-top:-4px}.slot dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.slot dl div{border:1px solid var(--ln);background:#131417;border-radius:10px;padding:8px 10px}.slot dt{letter-spacing:.1em;text-transform:uppercase;color:var(--mu);font-size:11px}.slot dd{white-space:nowrap;margin:2px 0 0;font:700 17px IBM Plex Sans Condensed,IBM Plex Sans,sans-serif}.actions{gap:10px;margin-top:auto;padding-top:14px;display:flex}.actions .gold{flex:1}.overlay{z-index:50;background:#0a0b0dd0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:420px;padding:24px}.dialog .actions{justify-content:flex-end}.play{flex-direction:column;height:100vh;display:flex}.playbar{border-bottom:1px solid var(--ln);background:#131417;flex:none;align-items:center;gap:16px;padding:8px 14px;display:flex}.playbar .club{flex:1;font-weight:700}.status{color:var(--mu);align-items:center;gap:7px;font-size:12.5px;display:flex}.status i{background:var(--ok);border-radius:50%;width:8px;height:8px}.status.dirty i,.status.saving i{background:var(--gold)}.status.error i,.status.conflict i{background:var(--bad)}.who-name{text-align:right;min-width:80px}.banner{border-bottom:1px solid var(--bad);background:#4a1c1c;align-items:center;gap:14px;padding:10px 16px;display:flex}.game{background:#141518;border:0;flex:auto;width:100%}.center-msg{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}@media (width<=640px){.who-name{display:none}.playbar{gap:8px}}.hint{color:var(--mu,#999ea9);margin-top:4px;font-size:12px;font-weight:400;display:block}input.bad{border-color:var(--bad)!important}label em{color:var(--mu,#999ea9);font-size:12px;font-style:normal;font-weight:400}@media (width<=760px){.play{height:100dvh}.playbar{display:none}.play .game{border:0;flex:1}}.cc-wrap{max-width:1100px;margin:0 auto;padding:30px 24px 60px}.cc-head h1{margin-top:4px;font-size:32px}.cc-head p{max-width:640px;margin:0}.cc-steps{gap:8px;margin:22px 0 18px;display:flex}.cc-steps button{border:1px solid var(--ln);color:var(--mu);cursor:pointer;background:#16171a;border-radius:12px;flex:1;align-items:center;gap:10px;padding:10px 14px;font:600 14px IBM Plex Sans,sans-serif;display:flex}.cc-steps b{color:#d4d6db;background:#292c31;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex}.cc-steps button.on{border-color:var(--gold);color:#fff;background:#202225}.cc-steps button.on b{background:var(--gold);color:#1d1e21}.cc-steps button.done b{background:var(--ok);color:#06210f}.cc-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.cc-card{flex-direction:column;gap:16px;padding:24px;display:flex}.cc-card h2{margin:0;font-size:21px}.cc-sub{margin:-8px 0 0}.cc-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cc-ini{color:#fff;letter-spacing:.06em;display:inline-block}.cc-ideas{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cc-chip{border:1px solid var(--ln);color:var(--tx);cursor:pointer;background:#16171a;border-radius:20px;padding:6px 12px;font:500 13px IBM Plex Sans,sans-serif}.cc-colsec{flex-direction:column;gap:10px;display:flex}.cc-lbl{color:#d4d6db;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.cc-lbl i{border:1px solid #fff5;border-radius:4px;width:14px;height:14px}.cc-sw{flex-wrap:wrap;gap:10px;display:flex}.cc-sw>button,.cc-custom{cursor:pointer;border:2px solid #fff2;border-radius:50%;width:38px;height:38px;padding:0;transition:transform .12s;position:relative}.cc-sw>button:hover{transform:scale(1.08)}.cc-sw>button.on{box-shadow:0 0 0 3px var(--gold);border-color:#fff}.cc-custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);justify-content:center;align-items:center;display:flex;overflow:hidden}.cc-custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.cc-custom span{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font:800 18px IBM Plex Sans,sans-serif}.cc-chars{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.cc-ch{border:1px solid var(--ln);color:var(--tx);text-align:left;cursor:pointer;background:#16171a;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;transition:all .12s;display:flex}.cc-ch:hover{border-color:#515661}.cc-ch.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:#202225}.cc-ico{text-align:center;flex:none;width:30px;font-size:24px;line-height:1}.cc-cht{flex-direction:column;gap:3px;min-width:0;display:flex}.cc-cht b{font:700 15px IBM Plex Sans,sans-serif}.cc-cht small{color:var(--mu);font-size:12.5px;line-height:1.35}.cc-nav{align-items:center;gap:10px;margin-top:16px;display:flex}.cc-nav .sp{flex:1}.cc-go{padding:12px 22px;font-size:15px}.cc-prev{padding:0;position:sticky;top:84px;overflow:hidden}.cc-hero{background:radial-gradient(260px 160px at 50% 100%,color-mix(in srgb,var(--c1) 45%,transparent),transparent),linear-gradient(180deg,#1c1e22,#131417);border-bottom:1px solid var(--ln);justify-content:center;align-items:center;gap:18px;height:190px;display:flex;position:relative}.cc-crest{background:linear-gradient(150deg,var(--c1) 0 58%,var(--c2) 58%);border:3px solid #fffd;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;display:flex;box-shadow:0 10px 24px #0008}.cc-crest span{color:#fff;text-shadow:0 2px 4px #000a;letter-spacing:.03em;font:800 32px IBM Plex Sans Condensed,IBM Plex Sans,sans-serif}.cc-shirt{filter:drop-shadow(0 10px 18px #0009);width:120px;height:110px}.cc-pn{flex-direction:column;padding:16px 20px 0;display:flex}.cc-pn b{text-transform:uppercase;letter-spacing:.03em;overflow-wrap:anywhere;font:800 24px/1.1 IBM Plex Sans Condensed,IBM Plex Sans,sans-serif}.cc-sum{flex-direction:column;gap:12px;padding:14px 20px 20px;display:flex}.cc-sumh{align-items:center;gap:8px;font-size:15px;display:flex}.cc-sumh span{font-size:20px}.cc-bars{flex-direction:column;gap:6px;display:flex}.cc-bar{color:#d4d6db;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;display:flex}.cc-bar i{gap:3px;display:flex}.cc-pc{flex-direction:column;gap:5px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.cc-pc li{padding-left:20px;position:relative}.cc-pc li:before{font-weight:800;position:absolute;left:0}.cc-pc .pl:before{content:"+";color:var(--ok)}.cc-pc .mi:before{content:"−";color:var(--bad)}.cc-meta{color:var(--mu);border-top:1px solid var(--ln);flex-direction:column;gap:3px;padding-top:10px;font-size:12.5px;display:flex}.cc-meta b{color:var(--tx)}.cc-hint{margin:0;padding:14px 20px 20px}@media (width<=860px){.cc-wrap{padding:18px 16px 40px}.cc-head h1{font-size:26px}.cc-grid{grid-template-columns:1fr}.cc-prev{order:-1;position:static}.cc-hero{height:130px}.cc-crest{width:64px;height:64px}.cc-crest span{font-size:24px}.cc-shirt{width:86px;height:80px}.cc-pn{padding:12px 16px 0}.cc-sum{padding:10px 16px 16px}.cc-steps button{gap:7px;padding:8px 10px;font-size:13px}.cc-card{padding:18px}.cc-chars{grid-template-columns:1fr}.cc-sw>button,.cc-custom{width:36px;height:36px}.cc-nav{background:linear-gradient(180deg,transparent,var(--bg) 30%);margin:0;padding:16px 0 10px;position:sticky;bottom:0}.cc-nav .btn{flex:1}.cc-nav .sp{display:none}}.cc-mob{display:none}@media (width<=860px){.cc-desk{display:none!important}.cc-mob{border:1px solid var(--ln);background:#131417;border-radius:12px;padding:14px;display:flex}}.cc-diffs{flex-direction:column;gap:10px;display:flex}.cc-diff{padding:16px}@media (width<=860px){.cc-steps{gap:6px}.cc-steps button{flex-direction:column;gap:4px;padding:8px 4px;font-size:11.5px}.cc-steps b{width:24px;height:24px}}:root{--bg:#11131a;--bg2:#181a23;--card:#1b1d27;--card2:#232632;--ln:#2c3142;--tx:#eaebf3;--mu:#8e94a9;--gold:#93a5ff;--gold2:#4662fe;--ok:#3fb97a;--bad:#e5534b;--ac:#93a5ff;--vi:#4662fe}body{background:var(--bg);font-feature-settings:"tnum" 1}h1,h2{letter-spacing:.005em;font-family:IBM Plex Sans Condensed,IBM Plex Sans,sans-serif;font-weight:600}.logo{letter-spacing:.02em;text-transform:uppercase;font:600 30px/1 IBM Plex Sans Condensed,sans-serif}.logo span{color:var(--mu);letter-spacing:.02em;margin-top:6px;font-size:.6em}.logo.sm{font-size:18px}.logo.sm span{letter-spacing:.02em;margin-left:6px;font-size:1em}.card{background:var(--card);box-shadow:none;border-radius:4px}.btn{border-radius:3px;font-weight:600;transition:background .12s,border-color .12s}.btn:hover{background:#2b2f37;border-color:#4a4f59;transform:none}.btn.gold{color:#fff;background:#4662fe;border-color:#4662fe}.btn.gold:hover{background:#556ffe;border-color:#556ffe}.btn.ghost{background:0 0}.btn.ghost:hover{background:#24272e}input,select{background:#111316;border-color:#33373f;border-radius:3px}input:focus{box-shadow:none;border-color:#8e939c}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--ln);background:linear-gradient(#2b386c,#212b55);height:52px;padding:0 20px;border-bottom-color:#0f1429!important}.wrap h1{font-size:26px}.slot{border-radius:4px}.slot.empty{border-style:dashed;border-color:#363c54}.slot-no{color:var(--mu);letter-spacing:.08em;font-size:11.5px}.slot dl div{background:#15171b;border-radius:3px}.playbar{background:#0d0e15;gap:14px;min-height:34px;padding:4px 12px;font-size:13px}.playbar .btn{border-color:#2e323a;padding:3px 10px;font-size:12.5px}.playbar .club{font-size:13px;font-weight:600}.game{background:#11131a}.auth-card,.dialog{border-radius:4px}.overlay{background:#000000b3}.cc-head .slot-no{margin-bottom:2px}.cc-head h1{font-size:28px}.cc-steps{border-bottom:1px solid var(--ln);gap:0;margin:20px 0 16px}.cc-steps button{color:var(--mu);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;gap:8px;padding:10px 18px 9px}.cc-steps b{border-radius:0;width:auto;height:auto;font-weight:600;color:inherit!important;background:0 0!important}.cc-steps button.on{color:#fff;background:0 0;border-bottom-color:#93a5ff}.cc-steps button.done{color:#c9cdd4}.cc-steps button.done b:after{content:" ✓";color:var(--ok)}.cc-card{border-radius:4px;gap:14px;padding:20px 22px}.cc-card h2{text-transform:uppercase;letter-spacing:.04em;color:#c9cdd4;font-size:18px}.cc-chip{background:#15171b;border-radius:3px}.cc-chip:hover{border-color:#8e939c}.cc-sw>button,.cc-custom{border:1px solid #ffffff26;border-radius:3px;width:34px;height:34px}.cc-sw>button:hover{border-color:#fff;transform:none}.cc-sw>button.on{border:2px solid #fff;box-shadow:inset 0 0 0 2px #15171b}.cc-chars{border:1px solid var(--ln);border-radius:3px;grid-template-columns:1fr;gap:0;overflow:hidden}.cc-ch{border:0;border-top:1px solid var(--ln);background:#1a1d22;border-left:3px solid #0000;border-radius:0;padding:11px 14px}.cc-ch:first-child{border-top:0}.cc-ch:hover{border-color:var(--ln);background:#22252c;border-left-color:#4a4f59}.cc-ch.on{box-shadow:none;background:#262b3d;border-left-color:#93a5ff}.cc-cht b{font-size:14.5px}.cc-diffs{border:1px solid var(--ln);border-radius:3px;gap:0;overflow:hidden}.cc-prev{border-radius:4px;top:68px}.cc-pn{background:color-mix(in srgb,var(--c1) 72%,#0d0e10);border-bottom:2px solid var(--c2);padding:14px 16px}.cc-pn b{color:#fff;text-transform:none;letter-spacing:.01em;font:600 22px/1.1 IBM Plex Sans Condensed,sans-serif}.cc-pn small{color:#ffffffb3}.cc-hero{border-bottom:1px solid var(--ln);background:#15171b;height:170px}.cc-crest{box-shadow:none;border-width:2px}.cc-crest span{text-shadow:0 1px 2px #0008;font-weight:700}.cc-shirt{filter:none}.cc-sumh{text-transform:uppercase;letter-spacing:.03em;font:600 15px IBM Plex Sans,sans-serif}.cc-bar em{background:#2b2f37;border-radius:0;width:18px;height:6px}.cc-bar em.f{background:#93a5ff}.cc-mob{border-radius:3px}.cc-nav .btn{min-width:120px}@media (width<=860px){.cc-steps button{flex-direction:row;flex:1;justify-content:center;padding:10px 4px;font-size:12.5px}.cc-steps b{width:auto;height:auto}.cc-nav{background:linear-gradient(180deg,transparent,var(--bg) 30%)}}.slot-no{color:#93a5ff}.cc-sw>button.on{border-color:#93a5ff;box-shadow:inset 0 0 0 2px #11131a}input:focus{border-color:#4662fe}.okmsg{color:var(--ok);margin:6px 0}.vbanner{color:#f3e3b0;background:#2a2410;border:1px solid #6b5a1e;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 0 18px;padding:12px 16px;font-size:14px;display:flex}.vbanner.ok{color:#a8f0c8;background:#0f2a1c;border-color:#1f6b45}.vbanner.bad{color:#ffc0c0;background:#2c1414;border-color:#7a2a2a}.st-wrap{max-width:860px;margin:0 auto;padding:30px 24px 60px}.st-wrap h1{margin:4px 0 18px;font-size:28px}.st-grid{flex-direction:column;gap:14px;display:flex}.st-card{flex-direction:column;gap:10px;padding:20px 22px;display:flex}.st-card h2{text-transform:uppercase;letter-spacing:.05em;color:#c3c8d8;margin:0;font-size:15px}.st-card p{margin:0}.st-mail{flex-wrap:wrap;align-items:center;gap:12px;font-size:16px;display:flex}.st-badge{border-radius:3px;padding:2px 8px;font-size:12px;font-weight:600}.st-badge.ok{color:#7ee2a8;background:#173d2a}.st-badge.warn{color:#f3d27a;background:#3d3214}.st-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.st-list{border:1px solid var(--ln);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.st-tg{border-top:1px solid var(--ln);cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-weight:400;position:relative}.st-tg:first-child{border-top:0}.st-tg:hover{background:#1f2232}.st-tg span{flex-direction:column;gap:2px;display:flex}.st-tg b{color:var(--tx);font-size:14.5px}.st-tg small{color:var(--mu);font-size:12.5px}.st-tg input{opacity:0;pointer-events:none;position:absolute}.st-tg i{background:#3a3f55;border-radius:11px;flex:none;width:40px;height:22px;transition:background .15s;position:relative}.st-tg i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.st-tg input:checked+i{background:var(--vi,#3d5afe)}.st-tg input:checked+i:after{left:21px}.st-tg input:focus-visible+i{outline:2px solid var(--ac);outline-offset:2px}.st-saved{color:var(--ok);opacity:0;margin:0;transition:opacity .2s}.st-saved.on{opacity:1}.st-form{flex-direction:column;gap:12px;max-width:420px;display:flex}.st-code{letter-spacing:.35em;text-align:center;max-width:220px;font:700 22px/1 ui-monospace,monospace}.st-danger{border-color:#5a2a2a}@media (width<=640px){.st-wrap{padding:18px 16px 40px}}
