:root{--ink: #0c0a13;--panel: rgba(19, 15, 29, .93);--panel2: rgba(28, 22, 42, .95);--gold: #c9a437;--gold-dim: rgba(201, 164, 55, .4);--ember: #a04a32;--txt: #e9e2cf;--txt-dim: #9c937c;--good: #7fb069;--bad: #c75146;--serif: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--txt);font-family:var(--serif);font-size:14px}#root{height:100%}#c3d{position:fixed;inset:0;display:block}button{font-family:var(--serif);cursor:pointer;background:var(--panel2);color:var(--txt);border:1px solid var(--gold-dim);border-radius:3px;padding:7px 14px;font-size:13px;letter-spacing:.08em;transition:all .15s}button:hover:not(:disabled){border-color:var(--gold);background:#c9a4371f}button:disabled{opacity:.35;cursor:default}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.panel{position:fixed;background:var(--panel);border:1px solid var(--gold-dim);border-radius:4px;backdrop-filter:blur(4px);z-index:5}#topbar{top:0;left:0;right:0;border-width:0 0 1px 0;border-radius:0;display:flex;align-items:center;gap:18px;padding:8px 16px}#topbar h1{font-size:15px;letter-spacing:.3em;color:var(--gold);font-weight:600;white-space:nowrap}#topbar .ti{font-size:13px;color:var(--txt-dim);white-space:nowrap}#topbar .ti b{color:var(--txt);font-weight:600}#topbar .spacer{flex:1}#pplayers{top:52px;left:10px;width:248px;max-height:calc(100% - 462px);overflow-y:auto;padding:10px}#ptiles{bottom:160px;left:10px;width:248px;max-height:240px;overflow-y:auto;padding:10px}.pcard{border:1px solid rgba(255,255,255,.08);border-radius:3px;padding:8px 9px;margin-bottom:8px;position:relative}.pcard.turn{border-color:var(--gold);box-shadow:0 0 12px #c9a43740}.pcard .pname{font-weight:600;font-size:13px;display:flex;align-items:center;gap:6px}.pcard .dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.pcard .ip{margin-left:auto;color:var(--gold);font-size:15px}.pcard .row{font-size:12px;color:var(--txt-dim);margin-top:4px;line-height:1.6}.pcard .row b{color:var(--txt);font-weight:600}.pcard .tag{display:inline-block;border:1px solid var(--gold-dim);border-radius:2px;padding:0 5px;font-size:11px;margin:2px 3px 0 0;color:var(--txt)}.pcard .tag.lv2{border-color:var(--gold);color:var(--gold)}.pcard .crown{color:var(--gold);font-size:12px}#pcountries{top:52px;right:10px;width:252px;max-height:calc(55% - 52px);overflow-y:auto;padding:10px}#prelics{top:55%;bottom:175px;right:10px;width:252px;overflow-y:auto;padding:10px}.ccard{border:1px solid rgba(255,255,255,.08);border-radius:3px;padding:7px 9px;margin-bottom:7px;cursor:pointer}.ccard:hover{border-color:var(--gold-dim)}.ccard .cname{font-size:13px;font-weight:600}.ccard .cname small{color:var(--txt-dim);font-weight:400;font-size:11px;margin-left:5px}.ccard .slots{font-size:11px;color:var(--txt-dim);margin-top:2px}.ccard .infl{display:flex;gap:8px;margin-top:3px;font-size:12px}.ccard .infl span{display:flex;align-items:center;gap:3px}.ccard .infl .d{width:8px;height:8px;border-radius:50%}.ccard .order{margin-top:3px;font-size:13px;letter-spacing:2px;line-height:1;word-break:break-all}#pactions{bottom:160px;left:50%;transform:translate(-50%);padding:8px 12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:92%}#banner{position:fixed;bottom:222px;left:50%;transform:translate(-50%);z-index:6;background:var(--panel2);border:1px solid var(--gold);border-radius:3px;padding:7px 18px;font-size:13.5px;letter-spacing:.06em;display:none;max-width:88%;text-align:center}#plog{bottom:10px;left:10px;width:340px;height:140px;padding:8px 10px;overflow-y:auto;font-size:12px;line-height:1.65;color:var(--txt-dim)}#plog .me{color:var(--txt)}#plog .ip{color:var(--gold)}#plog .sys{color:var(--ember)}#plog .relic{color:#b9a0e8}#tip{position:fixed;z-index:30;background:var(--panel2);border:1px solid var(--gold-dim);border-radius:3px;padding:9px 11px;max-width:330px;font-size:12px;line-height:1.7;display:none;pointer-events:none}#tip h3{font-size:13px;color:var(--gold);margin-bottom:3px;letter-spacing:.1em}#tip .sec{color:var(--txt-dim)}#tip .sec b{color:var(--txt);font-weight:600}#modalwrap{position:fixed;inset:0;background:#05030ab3;z-index:40;display:none;align-items:center;justify-content:center}#modal{background:var(--panel2);border:1px solid var(--gold);border-radius:5px;max-width:680px;width:92%;max-height:84vh;display:flex;flex-direction:column}#modal header{padding:13px 18px 9px;border-bottom:1px solid var(--gold-dim)}#modal header h2{font-size:15px;letter-spacing:.18em;color:var(--gold);font-weight:600}#modal header p{font-size:12px;color:var(--txt-dim);margin-top:3px}#mbody{padding:12px 18px;overflow-y:auto}#mfoot{padding:10px 18px 14px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.06)}.opt{display:block;width:100%;text-align:left;margin-bottom:8px;padding:9px 12px;line-height:1.55}.opt .ol{font-weight:600;font-size:13.5px}.opt .od{font-size:12px;color:var(--txt-dim);display:block;margin-top:2px}.opt .oc{font-size:11.5px;color:var(--gold);display:block;margin-top:2px}#setup{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 30%,#1b1430,#0c0a13 70%);overflow-y:auto;padding:34px 18px 50px}#setup .inner{max-width:860px;margin:0 auto}#setup h1{font-size:30px;letter-spacing:.42em;text-align:center;color:var(--gold);font-weight:600;text-shadow:0 0 24px rgba(201,164,55,.35)}#setup .sub{text-align:center;color:var(--txt-dim);font-size:13px;margin:8px 0 28px;letter-spacing:.2em}#setup h2{font-size:14px;letter-spacing:.25em;color:var(--gold);border-bottom:1px solid var(--gold-dim);padding-bottom:5px;margin:24px 0 12px}.cpurow{display:flex;gap:10px}.cpurow button.sel{border-color:var(--gold);background:#c9a43729;color:var(--gold)}#cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:9px}.scard{border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:9px 11px;cursor:pointer;transition:all .15s;background:#ffffff05}.scard:hover{border-color:var(--gold-dim)}.scard.sel{border-color:var(--gold);background:#c9a4371a}.scard .sn{font-weight:600;font-size:13.5px}.scard .sn small{color:var(--txt-dim);font-size:11px;font-weight:400;margin-left:5px}.scard .sd{font-size:11.5px;color:var(--txt-dim);margin-top:3px;line-height:1.55}#startrow{margin-top:26px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}#startbtn{font-size:15px;padding:11px 38px;letter-spacing:.3em}#selcount{color:var(--txt-dim);font-size:13px}#endwrap{position:fixed;inset:0;z-index:60;background:#05030ad9;display:none;align-items:center;justify-content:center;overflow-y:auto;padding:20px}#endbox{background:var(--panel2);border:1px solid var(--gold);border-radius:6px;max-width:640px;width:94%;padding:24px 28px;max-height:90vh;overflow-y:auto}#endbox h2{color:var(--gold);letter-spacing:.3em;font-size:20px;text-align:center;margin-bottom:4px}#endbox .winner{text-align:center;font-size:15px;margin-bottom:16px}.fs{border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:10px 13px;margin-bottom:10px}.fs h3{font-size:13.5px;display:flex;gap:8px;align-items:center}.fs h3 .tot{margin-left:auto;color:var(--gold);font-size:16px}.fs ul{list-style:none;margin-top:5px;font-size:12px;color:var(--txt-dim);line-height:1.7}#mtgl{display:none;position:fixed;top:52px;left:8px;z-index:7;gap:6px}@media(max-width:920px){#pplayers,#pcountries,#prelics,#ptiles{display:none;z-index:8}#pplayers.open,#pcountries.open{display:block;left:8px;right:8px;width:auto;top:90px;max-height:55vh}#mtgl{display:flex}#plog{width:calc(100% - 20px);height:104px}#pactions{bottom:124px}#banner{bottom:188px}#topbar{flex-wrap:wrap;gap:6px 14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#c9a4374d;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.phase-banner{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);font-size:44px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;color:var(--gold, #c9a437);text-shadow:0 0 24px rgba(201,164,55,.55),0 2px 10px rgba(0,0,0,.8);letter-spacing:.4em;pointer-events:none;z-index:60;animation:phaseBanner 1.6s ease forwards}@keyframes phaseBanner{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-58%) scale(1.04)}}.ip-float{position:absolute;top:4px;right:10px;font-weight:700;font-size:15px;color:var(--gold, #c9a437);text-shadow:0 1px 6px rgba(0,0,0,.8);pointer-events:none;animation:ipFloat 1.4s ease-out forwards}@keyframes ipFloat{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.langtoggle{padding:6px 12px;font-size:12px}.turn-banner{position:fixed;top:64px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 20px;background:#140e08e0;border:1px solid rgba(201,164,55,.5);border-radius:6px;color:#ece4cf;font-size:15px;z-index:60;animation:turnBannerIn .25s ease-out;pointer-events:none}.turn-banner .dot{width:12px;height:12px;border-radius:50%;display:inline-block}@keyframes turnBannerIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#fxcontrols{position:fixed;right:12px;bottom:12px;display:flex;gap:6px;z-index:60;padding:6px}#fxcontrols button.on{border-color:#c9a437;color:#c9a437}.vp-pop{background:#140e08e6;border:1px solid;border-radius:6px;padding:4px 10px;text-align:center;color:#ffd76a;animation:vpPop .75s ease-out;pointer-events:none;white-space:nowrap}.vp-pop small{display:block;color:#b8ab8e;font-size:10px}@keyframes vpPop{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.rank-preview{background:#140e08eb;border:1px solid rgba(201,164,55,.6);border-radius:6px;padding:4px 10px;color:#ece4cf;font-size:13px;text-align:center;pointer-events:none;white-space:nowrap}.rank-preview small{display:block;color:#b8ab8e;font-size:10px}