:root{--gold:#d8b777;--soft:#97aba4;--teal:#70d6c6;--ink:#071513;--white:#eeefe3}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--ink);color:var(--white);font-family:"PingFang SC","Microsoft Yahei",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#scene,#effects{position:fixed;width:100%;height:100%;inset:0}#effects{pointer-events:none}.hidden{display:none!important}.screen{position:fixed;inset:0;overflow-y:auto;background:linear-gradient(90deg,#071512fa 0%,#071512c9 31%,#07151220 62%,#071512aa 100%)}.cover{position:fixed;inset:0;background:linear-gradient(90deg,#071512df,#0715124a 50%,#071512a0),linear-gradient(0deg,#071512ef,transparent 35%),url('assets/cover.png') center/cover;z-index:-1}header{display:flex;justify-content:space-between;align-items:center;margin:30px 4vw;border-bottom:1px solid #cece992e;padding-bottom:23px}.wordmark{font-family:Georgia,serif;letter-spacing:4px;font-size:21px}.wordmark>span{color:var(--gold);font-size:33px;vertical-align:middle;margin-right:8px}.wordmark small{font:11px sans-serif;letter-spacing:4px;color:var(--soft);margin-left:18px}.edition{font-size:9px;letter-spacing:2px;color:#c6cfb8}.edition i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);margin:0 14px}.lobby-grid{min-height:calc(100vh - 188px);display:flex;justify-content:space-between;gap:4vw;padding:2vh 4vw 55px}.intro{width:440px;max-width:45vw}.overline{color:var(--gold);font-size:9px;font-weight:600;letter-spacing:3px}h1{font-family:"Songti SC","SimSun",Georgia,serif;font-weight:500;font-size:clamp(35px,3.8vw,65px);line-height:1.4;letter-spacing:4px;margin:22px 0 16px}h1 em{font-style:normal;color:var(--gold)}.intro>p{font-size:12px;color:#b2c0b5;line-height:2.1;margin-bottom:30px}.mode-label{font-size:10px;letter-spacing:2px;color:#b3bca7;margin:0 0 14px}.mode-list{display:grid;gap:8px}.mode{display:flex;align-items:center;gap:18px;padding:17px 19px;border:1px solid #b4c3a536;background:#0b211ebe;text-align:left;color:#bcc6b8;transition:.2s}.mode:hover{background:#244035a8}.mode.chosen{border-color:#d8b77799;background:linear-gradient(100deg,#88704a3a,#132b259c)}.mode-symbol{font-size:29px;color:var(--gold);width:30px;text-align:center}.mode strong{display:block;font-size:15px;letter-spacing:2px;font-weight:500}.mode small{display:block;font-size:10px;letter-spacing:1px;color:#a4b4a8;margin-top:7px}.check{margin-left:auto;color:#cdb077}.mode.chosen .check{color:#ffe2a3;text-shadow:0 0 10px #f8e0a3}.sides{display:flex;gap:6px;align-items:center;margin:14px 0}.sides>span{font-size:10px;color:var(--soft);margin-right:8px}.sides button{background:#071a16aa;border:1px solid #9db6a32b;color:#a8bbae;padding:7px 14px;font-size:10px}.sides .chosen{color:var(--gold);border-color:#b59a6a8a}.begin{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#e1c594,#b49460);color:#14211a;border:1px solid #e6cb95;width:100%;padding:17px 20px;font-size:12px;letter-spacing:2px;font-weight:650;box-shadow:0 3px 24px #ac874c15;transition:.2s}.begin:hover{filter:brightness(1.13);box-shadow:0 0 30px #e0b87530}.begin b{font-size:21px}.subtle{font-size:9px;color:#849b8e;letter-spacing:1px;margin-top:13px}.roster{width:290px;align-self:flex-end;max-width:30vw;padding:22px;background:linear-gradient(0deg,#091d17db,#0717134a);border:1px solid #bcbe8b30;backdrop-filter:blur(12px)}#heroes{display:flex;gap:7px;margin-bottom:24px}#heroes button{flex:1;min-width:0;height:51px;background:#1c302bc9;border:1px solid #73887840;color:#aac1b1;font-size:23px;transition:.2s}#heroes button.chosen{border-color:var(--gold);background:#ab89563b;color:#f2d398;box-shadow:inset 0 0 15px #d0b07516}.hero-detail h2{font-family:"Songti SC",serif;font-weight:500;font-size:29px;letter-spacing:3px;margin:12px 0}.hero-detail>p{font-size:11px;line-height:1.9;color:#b1bdae;min-height:42px}.attributes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #afbb9433;border-bottom:1px solid #afbb9433;padding:17px 0;margin-top:19px}.attributes strong{font-family:Georgia,serif;font-size:24px;font-weight:400;display:block;color:#e1cea7}.attributes small{font-size:9px;color:#9db09f;display:block;margin-top:5px}.skill-detail{margin-top:21px}.skill-detail>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.skill-detail strong{display:block;font-size:13px;font-weight:500;margin:10px 0}.skill-detail p{font-size:10px;line-height:1.8;color:#9daf9f;margin:0}footer{position:fixed;bottom:0;left:4vw;right:4vw;display:flex;justify-content:space-between;padding:19px 0;background:linear-gradient(0deg,#071512cc,transparent);font-size:9px;letter-spacing:1px;color:#96aa99;border-top:1px solid #b5c89420}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 5px #000}.hud-top{position:absolute;top:27px;left:30px;right:30px;display:flex;justify-content:space-between}.hud-top h3{font-family:serif;font-weight:400;letter-spacing:3px;font-size:19px;margin:9px 0}.match{position:absolute;left:50%;transform:translateX(-50%);text-align:center}#point-track{display:flex;gap:22px;justify-content:center}.point{position:relative;width:34px;height:34px;display:grid;place-items:center;background:#142c2ace;border:1px solid #aec2b655;transform:rotate(45deg)}.point span{transform:rotate(-45deg);font-family:Georgia,serif;font-size:15px}.point.active{border-color:#ecd191;box-shadow:0 0 15px #bba26655}.point.captured{background:#4a9d8d88;border-color:#90e5c0}.point small{position:absolute;top:38px;left:20px;transform:rotate(-45deg);font-size:9px;color:var(--gold)}#clock{font-family:Georgia,serif;font-size:21px;letter-spacing:3px;margin-top:17px}#match-hint{font-size:10px;color:#c0ccb9;margin-top:5px}.squad{text-align:right;display:grid;gap:7px}.squad span{font-size:9px;color:var(--gold);letter-spacing:2px}.squad strong{font-size:11px;font-weight:400}.squad small{font-size:9px;color:#a6b9a0}#minimap{position:absolute;top:106px;left:30px;width:150px;height:150px;background:#071d18ad;border:1px solid #a7b99950;border-radius:50%;box-shadow:0 0 30px #0004}.hud-bottom{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-end}.vitals{width:235px}.hero-caption{display:flex;gap:12px;align-items:center}.hero-caption>span{color:#d9b677;font-size:31px}.hero-caption b{font-family:serif;font-weight:400;letter-spacing:2px;display:block;font-size:16px}.hero-caption small{color:#c5d6c3;font-size:10px;display:block;margin-top:5px}.meter{height:5px;background:#081914b0;margin-top:12px;border:1px solid #a9b99b24}.meter i{display:block;height:100%;transition:width .1s}.health i{background:linear-gradient(90deg,#478d75,#c2dbaa)}.mana{height:3px;margin-top:6px}.mana i{background:#74b5cb}.minor{display:flex;justify-content:space-between;font-size:9px;color:#a9bfa6;margin-top:8px}.quickbar{display:flex;gap:8px}.quickbar>div{background:linear-gradient(0deg,#12261dea,#081c1644);border:1px solid #a9ba9840;min-width:77px;padding:10px 11px;text-align:center;position:relative}.quickbar kbd{display:block;font:10px serif;color:var(--gold);margin-bottom:7px}.quickbar span{font-size:10px;color:#d3dccb}.quickbar small{position:absolute;top:-21px;left:0;width:100%;font-size:10px;color:var(--gold)}.status{text-align:right;width:220px}.status span{display:block;font-size:9px;color:#aac5af;letter-spacing:2px}.status strong{display:block;font-family:serif;font-weight:400;font-size:18px;letter-spacing:2px;margin:8px 0}.status small{font-size:9px;color:#b1c3aa}#reticle{position:absolute;left:50%;top:50%;width:19px;height:19px;border:1px solid #eeedcf80;border-radius:50%;transform:translate(-50%,-50%)}#reticle i{position:absolute;left:8px;top:8px;width:2px;height:2px;background:#fff8cb}#hitmarker{position:absolute;left:50%;top:50%;font-size:33px;transform:translate(-50%,-50%);color:var(--gold);opacity:0}#damage{position:absolute;inset:0;box-shadow:inset 0 0 150px 55px #a52419;opacity:0}#announcement{position:absolute;top:31%;left:15%;right:15%;text-align:center;font-family:serif;font-size:28px;letter-spacing:4px;color:#efe2bd}#announcement small{display:block;font-family:sans-serif;font-size:11px;letter-spacing:2px;margin-top:13px;color:#c7d4bb}#interaction{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);padding:9px 17px;font-size:11px;color:#efe2bb;background:#10271ccb;border:1px solid #d6c1874f;white-space:nowrap}#interaction:empty{display:none}#killfeed{position:absolute;right:30px;top:111px;font-size:10px;line-height:2.2;color:#d2dec9}.quest{position:absolute;left:30px;top:280px;width:220px;font-size:10px;line-height:2;color:#d3dbbd;background:#0a211cb3;padding:14px;border-left:2px solid var(--gold)}.quest b{display:block;font-size:11px;letter-spacing:1px;color:var(--gold);margin-bottom:7px}.quest .done{color:#78b79a}#boss{position:absolute;top:105px;left:30%;right:30%;text-align:center}#boss>span{font-family:serif;font-size:15px;letter-spacing:3px;color:#e6c398}#boss>div{height:7px;background:#15201c;border:1px solid #a089644f;margin-top:12px}#boss-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#703221,#de8147)}#boss small{font-size:9px;color:#d4b692;display:block;margin-top:7px}.world-label{position:absolute;transform:translate(-50%,-100%);text-align:center;font-size:9px;color:#c1e4cb;white-space:nowrap}.world-label.enemy{color:#e5a482}.world-label>i{display:block;width:37px;height:3px;margin:4px auto;background:#133228}.world-label>i>b{display:block;background:currentColor;height:100%}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#05150dba;backdrop-filter:blur(10px)}.modal-box{width:460px;max-height:95vh;overflow:auto;padding:35px 38px;background:linear-gradient(140deg,#21382cf5,#091b16f5);border:1px solid #c5b78360;box-shadow:0 20px 90px #0007}.modal h2{font-family:serif;font-size:34px;font-weight:400;letter-spacing:3px;margin:17px 0}.modal p{font-size:12px;line-height:1.9;color:#afc0ac}.controls{display:grid;gap:8px;margin:22px 0;font-size:11px;color:#d1dbc6}.modal label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:15px 0;color:#b6c8b0}.modal input{width:165px;accent-color:var(--gold)}.modal select{background:#1b3026;color:#dbc393;padding:5px 13px;border:1px solid #687451}.modal .begin{margin-top:23px}.plain{width:100%;background:none;color:#b1c1ac;border:0;padding:15px;font-size:11px}.plain:hover{color:var(--gold)}#result-stats{display:flex;justify-content:space-around;margin:28px 0}#result-stats b{font-family:Georgia,serif;font-size:30px;font-weight:400;display:block;color:var(--gold)}#result-stats span{font-size:10px;color:#b2c6ad;display:block;margin-top:8px}@media(max-height:780px){header{margin:18px 4vw;padding-bottom:15px}.lobby-grid{padding-top:0;min-height:calc(100vh - 115px)}h1{font-size:42px;margin:15px 0}.intro>p{margin-bottom:19px}.mode{padding:12px 17px}.roster{padding:18px}.hero-detail h2{font-size:25px}.attributes{padding:12px 0}footer{padding:12px 0}.roster{align-self:center}}@media(max-width:900px){.edition{display:none}.intro{max-width:55vw;width:410px}.roster{max-width:34vw}.lobby-grid{gap:20px}.wordmark small{display:none}.quickbar>div{min-width:60px;padding:8px}.status{display:none}footer span:nth-child(2){display:none}}@media(max-width:640px){.lobby-grid{display:block}.intro{max-width:100%;width:100%}.roster{max-width:100%;width:100%;margin-top:26px}.roster .hero-detail>p{min-height:0}footer{position:static;margin:0 4vw}h1{font-size:38px}.hud-bottom{left:16px;right:16px}.vitals{width:160px}.quickbar>div:nth-child(4){display:none}.hud-top{left:16px;right:16px}.squad{display:none}#minimap{left:16px;width:100px;height:100px}.quest{left:16px;width:180px;top:221px}.quickbar{gap:3px}}