*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b1013;color:#e8dfc9;font:14px/1.6 system-ui,'Microsoft YaHei',sans-serif}button,a,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:#e7d4a7;background:#1b242a;border:1px solid #bd9f5855;padding:9px 16px;border-radius:5px}button:hover,button:focus-visible{background:#334044;border-color:#ddbb77}button:disabled{opacity:.4;cursor:default}a{color:#d9bd80;text-decoration:none}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #b19c6233;letter-spacing:2px}header span{font:16px Georgia,serif}main{max-width:1560px;margin:20px auto;padding:0 3%}.topline,.bottomline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}.topline>span:first-child{font-size:18px;letter-spacing:3px}.topline>span:nth-child(2){color:#8d9a9c;font-size:12px}.bottomline{color:#9ca7a8;font-size:11px}.arena{position:relative;background:#111e2a;border:1px solid #ae97534d;border-radius:8px;overflow:hidden;box-shadow:0 22px 90px #0009;aspect-ratio:16/9}canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}#hud{position:absolute;top:3%;left:3%;right:3%;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 5px #000}#hud button{pointer-events:auto;font-size:11px;padding:6px 9px}#hud b{font-size:16px}#hud label{display:flex;align-items:center;gap:8px;font-size:10px}meter{height:12px;width:135px}#hp{accent-color:#d88377}#energy{accent-color:#88bfe3}.hud-right{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.hud-right>span{font-size:13px}#effects{color:#a3e3cc}#bossbar{position:absolute;top:22px;left:36%;width:28%;text-align:center;font-size:12px}#bossbar meter{display:block;width:100%;height:15px;accent-color:#d68476}#announcement{position:absolute;left:22%;right:22%;bottom:14%;text-align:center;pointer-events:none;font-size:16px;color:#fff4d5;text-shadow:0 2px 8px #000;transition:opacity .3s}#overlay{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#071019f5,#09131cd4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}#overlay[hidden]{display:none}.panel{width:92%;max-width:1020px;max-height:93%;overflow:auto;padding:30px}.eyebrow{font:11px Georgia;letter-spacing:5px;color:#c4a56f}.panel h1{font:clamp(32px,5vw,64px) Georgia,'SimSun',serif;margin:10px 0 18px;letter-spacing:6px}.panel h2{font:28px Georgia,'SimSun',serif}.panel p{color:#aab6ba;max-width:650px}.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px}.hero-portrait{max-height:420px;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 30px #96b9c944)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.primary{background:#d3b47a;color:#172027;border-color:#d3b47a;font-weight:700}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 20px}.tabs button.active{border-color:#ead4a4}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{border:1px solid #9d92633d;padding:15px;background:#19242ac7;border-radius:6px}.card h3{margin:0 0 4px}.card p{font-size:12px;margin:5px 0}.card.locked{opacity:.45}.card button{font-size:11px;padding:5px 9px;margin:3px}.card .art{height:100px;background-size:300% 100%;margin-bottom:8px}.muted{color:#8e9da3;font-size:12px}.notice{color:#f3ce89!important}input,select{padding:9px;background:#0c1921;border:1px solid #b7a16b55;color:#eee;border-radius:4px;max-width:100%}label.form{display:block;margin:12px 0}label.form input{display:block;width:300px}footer{text-align:center;padding:16px;color:#73848d;font-size:11px}footer a{margin-left:25px}#touch{position:absolute;bottom:10px;left:10px;right:10px;display:none;justify-content:space-between;pointer-events:none;gap:15px}#touch>div{display:flex;gap:5px;flex-wrap:wrap;max-width:55%;align-content:flex-end}#touch button{width:44px;height:42px;padding:0;background:#0e1b30b0;border-color:#d4c59177;pointer-events:auto;touch-action:none;user-select:none}#touch button.pressed{background:#997c40}.arena:fullscreen{border:none;border-radius:0;width:100vw;height:100vh;aspect-ratio:auto;background:#07121c}.arena:fullscreen canvas{height:100%;width:100%}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid #60708055}.admin{max-width:1100px;margin:40px auto;padding:25px}.admin pre{white-space:pre-wrap;word-break:break-word}.admin label{display:block;margin:12px 0}.admin input{margin:5px}#adminStatus{color:#e4bc72}
@media(pointer:coarse){#touch{display:flex}#announcement{bottom:25%}}@media(max-width:700px){header{height:52px;padding:0 12px;font-size:11px}header span{display:none}main{padding:0 7px;margin:8px auto}.topline>span:nth-child(2){display:none}.topline>span:first-child{font-size:13px}.arena{aspect-ratio:4/3}.panel{padding:14px;max-height:98%;width:100%}.panel h1{font-size:30px;margin:8px 0}.panel h2{font-size:22px}.hero-layout{grid-template-columns:1fr .45fr;gap:5px}.hero-portrait{max-height:230px}.panel p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px}.actions{margin:9px 0;gap:6px}button{padding:7px 10px;font-size:12px}.grid{grid-template-columns:repeat(2,1fr)}.card{padding:9px}.card h3{font-size:13px}#hud{top:2%;left:2%;right:2%}#hud b{font-size:12px}#hud label{font-size:8px}meter{width:75px;height:9px}#hpText{display:none}.hud-right>span{font-size:10px}#hud button{font-size:9px;padding:3px}#bossbar{top:80px;left:35%;width:40%}#announcement{font-size:12px;left:15%;right:15%}.bottomline{font-size:9px}.bottomline span{max-width:83%}#touch>div{max-width:58%}#touch button{width:36px;height:35px;font-size:11px}.card .art{height:80px}.admin{padding:12px}td,th{padding:5px;font-size:11px}}