:root{color-scheme:dark;--ink:#eef0dc;--muted:#9aacaa;--gold:#d0c29a;--jade:#8fd2b5;--line:rgba(205,219,191,.16);--panel:rgba(12,29,35,.94);font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b2027;color:var(--ink)}body{user-select:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #cde8b1;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{transition:background .16s,transform .16s,border-color .16s,opacity .16s}button:active{transform:translateY(1px)}.hidden{display:none!important}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}svg{width:24px;height:24px;display:inline-block;flex-shrink:0}#app{width:100%;height:100%;position:relative;isolation:isolate}#world,#labels{position:absolute;inset:0;width:100%;height:100%;display:block}#world{outline:0;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='31' viewBox='0 0 27 31'%3E%3Cpath d='M3 2 22 17l-9 1-4 9z' fill='%23ded7af' stroke='%231f3f40' stroke-width='2'/%3E%3Cpath d='m5 5 7 11 6-.3z' fill='%23fff5cc'/%3E%3C/svg%3E") 3 2,default}#labels{pointer-events:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 53% 45%,transparent 37%,rgba(3,13,20,.16) 69%,rgba(3,13,20,.72) 112%)}.topbar{position:absolute;left:30px;right:30px;top:23px;display:flex;justify-content:space-between;align-items:center;z-index:12;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 8px #071a22}.brand small{display:block;font-size:8px;letter-spacing:2.8px;color:#a3b7aa;margin-top:3px}.brand-mark{width:37px;height:43px;display:grid;place-items:center;border-left:1px solid #799582;border-right:1px solid #799582;transform:skew(-8deg)}.brand-mark svg{width:35px;height:35px;transform:skew(8deg)}.top-actions{display:flex;gap:6px}.icon-button{width:37px;height:37px;background:rgba(10,27,33,.7);border:1px solid rgba(143,177,158,.18);border-radius:7px;display:grid;place-items:center;color:#bac9b9;font-size:20px}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:#26403f;border-color:#8da98b;color:#e9edce}.menu-layer{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,20,28,.97),rgba(5,20,28,.92) 13%,rgba(5,20,28,.74) 32%,rgba(5,20,28,.16) 58%,transparent 75%)}.menu-panel{position:absolute;left:8.3%;top:50%;width:398px;transform:translateY(-46%);pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a9d4ab;box-shadow:0 0 12px #96c9a688}h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:66px;letter-spacing:-1px;line-height:1.2;margin:23px 0 15px;font-weight:900;color:#f1efd9;text-shadow:0 3px 26px rgba(0,0,0,.2)}h1 span{color:#bbd4b0}.menu-tagline{font-size:19px;letter-spacing:4px;color:#c7d3bc;font-weight:400}.menu-description{font-size:13px;line-height:1.95;color:#92aaa4;margin:19px 0 31px;letter-spacing:.4px}.difficulty-label{font-size:11px;letter-spacing:1px;color:#b0c1b6;margin-bottom:11px;display:flex;align-items:center;justify-content:space-between}.difficulty-label span{font-size:10px;color:#718e85;letter-spacing:0}.difficulty-selector{display:flex;border:1px solid #446054;background:rgba(12,30,33,.7);border-radius:5px;overflow:hidden;padding:4px;gap:4px}.difficulty-selector button{flex:1;background:transparent;border-radius:3px;padding:11px 0;color:#99afa3;font-size:13px}.difficulty-selector button:hover{background:#2a413b}.difficulty-selector button.selected{background:#b7c9a7;color:#203b32;box-shadow:0 1px 8px #0002}.level-dots{font-family:Georgia,serif;margin-right:10px;font-size:14px;opacity:.8}.difficulty-description{color:#8da69c;font-size:11px;line-height:1.7;margin:10px 0 24px;min-height:19px}.primary{min-height:49px;width:100%;padding:12px 21px;border-radius:5px;border:1px solid #d0dfb5;background:linear-gradient(115deg,#d1d9af,#94baa5);color:#1f3932;font-weight:750;font-size:14px;display:flex;justify-content:center;gap:17px;align-items:center;box-shadow:0 4px 20px #07181655,inset 0 1px 0 #f1f7dd55}.primary:hover{background:linear-gradient(115deg,#e1e6bf,#afceb4);box-shadow:0 0 26px #bfd5a317}.primary svg{width:23px;height:23px}.start-button{height:69px;justify-content:space-between;text-align:left;font-size:19px;letter-spacing:2px;padding:12px 23px}.start-button small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:4px;opacity:.65}.menu-controls{margin-top:22px;display:flex;gap:23px;align-items:center;font-size:11px;color:#8da499}.menu-controls span{display:flex;align-items:center;gap:6px}.menu-controls b{font-size:11px;font-weight:500;color:#bbcab5}.mouse-icon{width:15px;height:22px;color:#a8bdad}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:500;line-height:1;vertical-align:middle;border:1px solid rgba(165,191,170,.35);border-bottom-width:2px;border-radius:3px;background:rgba(20,40,40,.8);color:#d0d7c0}.hero-caption{position:absolute;left:64.5%;top:23.5%;display:flex;align-items:flex-start;gap:15px;color:#a1b7a3;font-size:15px;line-height:1.9;letter-spacing:4px;text-shadow:0 2px 10px #112424}.hero-caption strong{font-size:21px;font-weight:500;color:#d7dec3}.caption-line{height:51px;width:1px;background:linear-gradient(#c6c39788,transparent);margin-top:5px}.menu-footer{position:absolute;left:8.3%;bottom:31px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;color:#647f78}.menu-footer i{width:3px;height:3px;background:#65897b;border-radius:50%}#hud{position:absolute;inset:0;pointer-events:none}.scoreboard{position:absolute;top:23px;left:50%;transform:translateX(-50%);display:flex;gap:0;align-items:center;width:610px;background:linear-gradient(90deg,rgba(9,25,32,.88),rgba(9,25,32,.72),rgba(9,25,32,.88));border:1px solid rgba(175,195,164,.20);border-radius:8px;box-shadow:0 6px 25px #00101c30;padding:11px 13px}.score-side{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.score-avatar{width:44px;height:44px;border-radius:5px;border:1px solid #718a74}.bot-side .score-avatar{border-color:#af8a76;transform:scaleX(-1)}.score-info{flex:1;min-width:0}.score-name{font-size:11px;font-weight:650;white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.score-name span{font-size:10px;color:#b3c6b7;font-variant-numeric:tabular-nums}.health-track{margin-top:7px;width:100%;height:7px;background:#1b3236;border:1px solid #6b8b6b50;position:relative;overflow:hidden}.health-track::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(13,30,32,.75) calc(20% - 1px),rgba(13,30,32,.75) 20%)}.health-track>div{height:100%;background:linear-gradient(90deg,#5ba98e,#aae0a9);width:100%;transition:width .17s}.bot-side .health-track{border-color:#bc97664a}.bot-side .health-track>div{background:linear-gradient(90deg,#e7a774,#bd7363);float:right}.score-info>small{margin-top:5px;font-size:8px;letter-spacing:.7px;color:#7f9c94;display:block}.bot-side small{text-align:right}.team-dot{width:4px;height:4px;display:inline-block;background:#74cbb0;border-radius:50%;vertical-align:middle;margin:0 4px}.bot-side .team-dot{background:#e6a780}.clock{width:91px;flex-shrink:0;text-align:center;padding:0 8px}.clock>span{display:block;color:#d9dcc0;font-size:23px;font-family:Georgia,serif;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:1px}.clock>small{font-size:8px;color:#829a89;letter-spacing:2px;display:block;margin-top:3px}.clock.urgent>span{color:#e7ab7d}.ability-panel{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);width:382px;height:90px;border:1px solid #889a6855;background:linear-gradient(110deg,rgba(22,39,39,.98),rgba(12,29,33,.96));box-shadow:0 8px 35px #0004,inset 0 1px 0 #bac4970d;border-radius:8px;display:flex;align-items:center;padding:12px;gap:14px}.portrait-frame{position:relative;flex-shrink:0}.portrait-frame>svg{width:58px;height:58px;border:1px solid #b2bb925e;border-radius:50%;box-shadow:0 0 0 4px #091e2380}.portrait-level{position:absolute;right:0;bottom:-1px;width:18px;height:18px;display:grid;place-items:center;border:1px solid #a9b68c;background:#2e443b;font:11px Georgia,serif;border-radius:50%;color:#d7deae}.skill-slot{position:relative;width:59px;height:60px;flex-shrink:0;overflow:hidden;display:grid;place-items:center;border:1px solid #bdd08e;border-radius:4px;background:radial-gradient(at 50% 40%,#486953,#294439);box-shadow:0 0 12px #b6d4971a}.skill-slot>svg{width:50px;height:50px;transform:rotate(10deg)}.skill-slot>kbd{position:absolute;bottom:1px;right:2px;min-width:17px;width:17px;height:17px;font-size:11px;border:0;background:#122b25;z-index:2}.cool-mask{position:absolute;left:0;right:0;bottom:0;height:0;background:rgba(2,14,24,.77);border-top:1px solid #8ba68b55}.skill-slot>strong{position:absolute;font-size:19px;font-variant-numeric:tabular-nums;font-weight:500;text-shadow:0 1px 6px #000}.skill-slot.cooling{border-color:#688473}.skill-info{flex:1;min-width:0}.skill-info>div:first-child{display:flex;justify-content:space-between;align-items:center}.skill-info b{font-size:13px;letter-spacing:1px}.skill-info span{font-size:9px;color:#a0c59b;padding:2px 5px;border-radius:3px;background:#6f976f20}.skill-info p{font-size:10px;color:#7f9d90;margin:9px 0 8px}.skill-track{height:3px;background:#30443d;border-radius:2px;overflow:hidden}.skill-track i{height:100%;width:100%;display:block;background:#aac49b;transition:width .04s linear}.bottom-help,.live-stats{position:absolute;bottom:35px;font-size:11px;color:#95ada0}.bottom-help{left:32px}.bottom-help>div{margin-top:9px;color:#b1c4b1}.bottom-help kbd{margin:0 4px 0 8px}.bottom-help kbd:first-child{margin-left:0}.bottom-help>small{font-size:9px;display:block;margin-top:9px;color:#6f8b80}.bottom-help>small kbd{height:17px;min-width:20px;font-size:9px}.bottom-help>small span{margin:0 8px}.small-label{color:#69857c;font-size:9px;letter-spacing:2px}.live-stats{right:32px;text-align:right}.live-stats>div{display:flex;gap:24px;margin-top:10px}.live-stats b{font-family:Georgia,serif;color:#d0d8b9;font-size:18px;font-weight:400;margin-left:6px}.live-stats small{font-size:9px;color:#5c7a72;display:block;margin-top:11px}.countdown{pointer-events:none;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:40px;text-shadow:0 4px 22px #0a2323}.countdown>span{font:80px Georgia,"Microsoft YaHei",serif;color:#d6ddaf;filter:drop-shadow(0 0 18px #d0e6b533);line-height:1.2}.countdown>small{color:#acbda4;font-size:12px;letter-spacing:4px;margin-top:10px}.countdown.go>span{font-size:49px;font-weight:700}.toast{position:absolute;left:50%;bottom:135px;transform:translate(-50%,8px);background:rgba(13,32,34,.96);border:1px solid #96b69f40;border-radius:5px;padding:9px 16px;font-size:11px;color:#c6d5bb;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:55;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-layer{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:rgba(4,15,22,.67);backdrop-filter:blur(5px);padding:24px}.dialog{position:relative;background:linear-gradient(135deg,rgba(27,48,46,.99),rgba(11,29,34,.99));border:1px solid #8da88366;border-radius:10px;width:460px;max-width:100%;padding:34px;box-shadow:0 16px 90px #0006}.dialog .eyebrow{justify-content:center;font-size:9px;letter-spacing:3px}.dialog h2{font-size:28px;font-weight:700;margin:17px 0 12px;text-align:center;letter-spacing:1px}.dialog-subtitle{font-size:12px;line-height:1.8;color:#97ad9e;text-align:center;margin:0 0 28px}.dialog .primary{margin-top:19px}.secondary{width:100%;height:44px;background:transparent;border:1px solid #79938150;border-radius:4px;color:#acbfaa;font-size:12px;margin-top:11px}.secondary:hover{background:#77967a13}.text-button{width:100%;margin-top:15px;background:transparent;color:#91a891;font-size:11px;padding:8px}.text-button:hover{color:#e0dec0}.compact{width:372px;padding:35px}.compact h2{font-size:24px}.result-dialog{text-align:center;width:462px;padding:31px 35px 23px}.result-emblem{display:grid;place-items:center;margin:0 auto 19px;width:83px;height:83px;border:1px solid #a9b17b50;border-radius:50%;background:radial-gradient(#6f875638,transparent 75%);color:#c4cb8f;box-shadow:0 0 0 9px #8b9c5410}.result-emblem svg{width:48px;height:48px}.result-dialog.loss .result-emblem{color:#bd9d9b;border-color:#8b747d80;background:radial-gradient(#a277881b,transparent 75%)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 14px}.result-stats>div+div{border-left:1px solid var(--line)}.result-stats b{display:block;color:#dce1be;font:27px Georgia,serif;letter-spacing:1px}.result-stats small{display:block;color:#7e9b8b;font-size:9px;margin-top:7px}.result-health{font-size:11px;color:#96ad99;margin:20px 0}.result-dialog .dialog-subtitle{margin-bottom:0}.close-button{position:absolute;right:17px;top:13px;background:transparent;color:#8ea99b;font-size:26px;font-weight:300;line-height:1;width:30px;height:30px}.close-button:hover{color:#e4e8d3}.settings-dialog{width:507px}.settings-dialog h2,.help-dialog h2{font-size:26px;margin-bottom:24px}.setting-row{padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line)}.setting-row b{display:block;font-size:12px;color:#c4d0b9;font-weight:500}.setting-row small{display:block;font-size:10px;color:#708f7d;margin-top:6px}.setting-row select{background:#142f30;border:1px solid #6b886745;color:#b8c8ac;padding:9px;border-radius:4px;font-size:10px;max-width:195px}.toggle{width:37px;height:22px;min-width:37px;background:#334841;border:1px solid #6b856250;border-radius:14px;padding:3px}.toggle>i{display:block;width:14px;height:14px;background:#708575;border-radius:50%;transition:transform .2s,background .2s}.toggle.on{background:#76956f;border-color:#adbf8d}.toggle.on>i{transform:translateX(14px);background:#e5e7c6}.help-dialog{width:503px}.help-item{display:flex;gap:17px;align-items:flex-start;margin:24px 0}.help-item>kbd,.help-number{width:39px;height:37px;font-size:15px;flex-shrink:0;display:grid;place-items:center;margin-top:2px;background:#37544655;border:1px solid #9eb18355;border-radius:5px}.help-number{font:25px Georgia,serif;color:#c1c897}.help-item b{font-size:12px;letter-spacing:.5px;color:#c6d0b8}.help-item p{font-size:11px;line-height:1.9;color:#8fa48f;margin:7px 0 0}.help-item p kbd{font-size:9px;height:17px;min-width:18px}.help-note{padding:14px 16px;background:#aec3860c;border-left:2px solid #98b58160;font-size:11px;line-height:1.9;color:#9eaf91}.loading-layer{position:absolute;inset:0;background:#0c2128;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-brand svg{width:75px;height:75px;filter:drop-shadow(0 0 20px #95b97b33);margin-bottom:25px}.loading-layer>b{font-size:20px;color:#d8dec0;letter-spacing:5px}.loading-layer>span{color:#789488;font-size:11px;margin-top:18px;letter-spacing:2px}.loading-line{width:170px;height:2px;background:#263e3b;margin-top:29px;overflow:hidden}.loading-line>i{display:block;width:70px;height:2px;background:#afc894;animation:loading 1.3s ease-in-out infinite}@keyframes loading{from{transform:translateX(-70px)}to{transform:translateX(170px)}}.debug{position:absolute;top:115px;left:20px;z-index:22;background:#05191ddd;border:1px solid #7cac7280;font:11px/1.7 Consolas,monospace;padding:9px 12px;color:#b6d7a6;white-space:pre;pointer-events:none}.small-screen-note{display:none;position:absolute;bottom:0;left:0;right:0;padding:9px;background:#10242dee;color:#b9c3a3;font-size:10px;text-align:center;z-index:70}#error{z-index:100}.dialog button{flex-shrink:0}@media(max-width:1200px){.brand{font-size:14px}.brand small{font-size:7px}.scoreboard{width:555px}.score-avatar{width:36px;height:36px}.topbar{left:20px;right:20px}.top-actions{gap:4px}.icon-button{width:32px;height:32px}.ability-panel{width:355px}.live-stats{right:20px}.bottom-help{left:20px}.live-stats>div{gap:13px}.menu-panel{left:7%;width:360px}h1{font-size:59px}.hero-caption{left:67%;font-size:12px}.hero-caption strong{font-size:19px}}@media(max-height:740px){.menu-panel{transform:translateY(-44%);width:354px}.menu-description{margin:12px 0 21px}.menu-tagline{font-size:16px}h1{font-size:55px;margin:17px 0 12px}.menu-controls{margin-top:17px}.difficulty-description{margin-bottom:18px}.menu-footer{bottom:18px}.scoreboard{top:15px;padding:8px 11px}.topbar{top:16px}.ability-panel{bottom:15px;height:80px}.bottom-help,.live-stats{bottom:23px}.dialog{padding:25px}.setting-row{padding:12px 0}.help-item{margin:18px 0}}@media(max-width:960px){.brand>span:last-child{display:none}.scoreboard{width:515px;top:18px}.topbar{left:14px;right:14px}.top-actions{flex-direction:column;gap:6px}.bottom-help{font-size:9px}.bottom-help>small{font-size:8px}.live-stats{display:none}.ability-panel{left:auto;right:20px;transform:none;width:343px}.menu-panel{left:6%;width:335px}.menu-description{font-size:12px}.menu-controls{gap:15px}.hero-caption{display:none}}@media(max-width:680px){.menu-panel{left:7%;width:86%;max-width:360px}.menu-layer{background:linear-gradient(90deg,#091f27ec,#091f27c9 75%,#091f2780)}h1{font-size:55px}.menu-footer{display:none}.scoreboard{width:calc(100% - 85px);left:10px;transform:none}.score-avatar{display:none}.clock{width:62px}.clock>span{font-size:19px}.score-name{font-size:9px}.score-name span{font-size:8px}.score-info small{font-size:7px}.bottom-help{display:none}.ability-panel{right:50%;transform:translateX(50%);bottom:44px;max-width:calc(100% - 30px)}.small-screen-note{display:block}.brand{visibility:hidden}.dialog{padding:24px;max-height:90vh;overflow:auto}.dialog h2{font-size:22px}.setting-row{gap:6px}.setting-row select{max-width:165px}.settings-dialog small{font-size:9px}.menu-controls{font-size:10px}.modal-layer{padding:14px}}@media(prefers-reduced-motion:reduce){button,.toast,.toggle>i{transition:none}}