:root{--gold:#e2be63;--ink:#07110d;--panel:rgba(8,18,14,.88);--line:rgba(226,190,99,.28)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07110d;color:#f6f1e7;font-family:Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}#game,canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center}.login-panel{flex-direction:column;background:radial-gradient(circle at 50% 35%,rgba(23,70,49,.78),rgba(3,10,8,.96) 62%);padding:24px}.crest{width:72px;height:72px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:34px;color:var(--gold);box-shadow:0 0 40px rgba(226,190,99,.18)}.eyebrow{letter-spacing:.32em;font-size:11px;color:#b6c4bb;margin:18px 0 5px}.login-panel h1{font-family:Georgia,serif;letter-spacing:.13em;font-size:50px;margin:0;color:#f0d67f}.login-panel h1 span,.brand span{color:#84c7a2}.subtitle{max-width:650px;text-align:center;color:#b7c4bb;margin:10px 0 22px}.login-panel input{width:min(460px,90vw);padding:15px 18px;border-radius:8px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:white;outline:none}.classes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(720px,94vw);margin:14px 0}.class{min-height:115px;border:1px solid rgba(255,255,255,.1);background:rgba(7,19,14,.78);color:#dfe8e2;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;transition:.2s}.class:hover,.class.selected{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.28),0 0 25px rgba(226,190,99,.08)}.class b{font-size:28px;color:var(--gold)}.class span{font-weight:800}.class small{color:#91a198}.primary{width:min(460px,90vw);padding:15px;border:0;border-radius:8px;background:linear-gradient(#e7c96e,#af8436);color:#171107;font-weight:900;letter-spacing:.12em;cursor:pointer}.error{height:16px;color:#ff7b72}.controls{font-size:12px;color:#71827a}.topbar{position:fixed;z-index:10;left:18px;right:18px;top:14px;height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{font-family:Georgia,serif;font-weight:900;letter-spacing:.12em;font-size:21px}.wavebox{justify-self:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 28px;text-align:center;backdrop-filter:blur(10px)}.wavebox strong,.wavebox small{display:block}.wavebox small{color:#9fb0a7;font-size:11px;margin-top:3px}#online{justify-self:end;background:var(--panel);border:1px solid rgba(255,255,255,.08);padding:10px 14px;border-radius:9px;color:#c5d0ca;font-size:13px}.player-panel{position:fixed;z-index:10;left:18px;bottom:18px;width:320px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:48px 1fr;gap:8px 12px;backdrop-filter:blur(10px)}.avatar{grid-row:1/3;width:48px;height:48px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);font-size:24px}.player-copy strong,.player-copy small{display:block}.player-copy small{color:#99aaa1}.bar{grid-column:1/3;position:relative;height:16px;background:#172019;border:1px solid rgba(255,255,255,.08);border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;width:0;transition:width .15s}.bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;text-shadow:0 1px 2px black}.hp i{background:linear-gradient(90deg,#922c26,#dc5147)}.xp i{background:linear-gradient(90deg,#3c7f62,#7cc8a1)}.skills{position:fixed;z-index:10;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px}.skill{position:relative;width:92px;height:78px;background:var(--panel);border:1px solid var(--line);border-radius:10px;text-align:center;padding:8px 5px;backdrop-filter:blur(10px);overflow:hidden}.skill>span{position:absolute;top:4px;left:7px;color:var(--gold);font-weight:900}.skill>b{display:block;font-size:24px;color:#e9d07e}.skill small{display:block;font-size:9px;color:#c1ccc6;line-height:1.1}.skill.locked{filter:grayscale(1);opacity:.42}.skill.locked:after{content:'🔒';position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45)}.skill.cooldown:before{content:attr(data-cd);position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.7);font-size:22px;font-weight:900;z-index:2}.restart{position:fixed;z-index:10;right:18px;bottom:18px;background:var(--panel);border:1px solid var(--line);color:#e7d8ae;border-radius:9px;padding:11px 14px;cursor:pointer}#announcement{position:fixed;z-index:12;left:50%;top:105px;transform:translate(-50%,-12px);opacity:0;padding:12px 30px;background:rgba(5,12,9,.88);border:1px solid var(--gold);border-radius:8px;color:#f3d47c;font-family:Georgia,serif;font-size:24px;letter-spacing:.09em;transition:.25s;pointer-events:none}#announcement.show{opacity:1;transform:translate(-50%,0)}#crosshair{position:fixed;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.5);font-size:22px;pointer-events:none}.death{background:rgba(35,0,0,.55);flex-direction:column;pointer-events:none}.death h2{font-family:Georgia,serif;font-size:54px;letter-spacing:.18em;margin:0;color:#f0d7c8}.death p{font-size:18px}.modal{background:rgba(0,0,0,.7)}.modal-card{width:min(480px,90vw);background:#101b15;border:1px solid var(--line);border-radius:12px;padding:24px}.modal-card h2{margin-top:0}.modal-card p{color:#aab7af}.modal-card>div{display:flex;justify-content:flex-end;gap:10px}.modal-card button{padding:10px 14px;border-radius:7px;border:1px solid #415047;background:#1d2a22;color:white}.modal-card .danger{background:#8d302b;border-color:#c05c52}@media(max-width:760px){.classes{grid-template-columns:1fr}.class{min-height:78px}.login-panel h1{font-size:36px}.player-panel{width:250px}.skills{gap:4px}.skill{width:62px;height:66px}.skill small{display:none}.topbar{grid-template-columns:1fr auto}.brand{display:none}#online{display:none}}

/* Avalon 3D v0.3 */
.resources{position:fixed;top:84px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:15;pointer-events:none}.resources>div{min-width:92px;padding:8px 12px;border:1px solid rgba(220,196,116,.35);background:rgba(6,14,12,.82);backdrop-filter:blur(8px);border-radius:10px;text-align:center;color:#f5e6b5;box-shadow:0 8px 24px #0005}.resources strong{display:block;font-size:18px}.resources small{display:block;color:#a9b7ac;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.action-panel{position:fixed;right:18px;top:96px;width:248px;padding:14px;background:rgba(6,13,12,.88);border:1px solid rgba(223,194,111,.35);border-radius:14px;z-index:18;backdrop-filter:blur(10px);box-shadow:0 12px 34px #0007}.action-panel h3{margin:0 0 10px;color:#e5c96f;font-size:13px;letter-spacing:.12em}.action-panel button{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;margin:6px 0;padding:9px 10px;border:1px solid #ffffff18;border-radius:8px;background:#15211d;color:#edf4ef;cursor:pointer;text-align:left}.action-panel button:hover{background:#203128;border-color:#d6bd6a66}.action-panel button span{font-size:10px;color:#d7c47e;white-space:nowrap}.action-panel .mech{background:linear-gradient(90deg,#381817,#241312);border-color:#a84d3d66}.action-panel hr{border:0;border-top:1px solid #ffffff14;margin:10px 0}.build-panel{margin-top:8px;padding-top:4px}.shop-hint{display:block;min-height:32px;margin-top:10px;color:#cfddcf;font-size:11px;line-height:1.4}
.gathering{position:fixed;left:50%;bottom:138px;transform:translateX(-50%);width:260px;padding:8px 12px;background:#07100edb;border:1px solid #d8c16b55;border-radius:9px;z-index:18;color:#fff;text-align:center;font-size:12px}.gathering>div{height:7px;background:#0008;border-radius:10px;overflow:hidden;margin-top:6px}.gathering i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b58f45,#f0d377)}
#toast{position:fixed;left:50%;top:150px;transform:translate(-50%,-10px);padding:10px 16px;background:#07100ee8;border:1px solid #d6bd6a66;border-radius:9px;color:#fff;opacity:0;pointer-events:none;transition:.2s;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.action-panel{width:210px;right:8px;top:82px}.resources{top:72px;left:18px;transform:none}.resources>div{min-width:62px;padding:6px 8px}.resources small{display:none}}

.boot-error{position:fixed;z-index:9999;left:50%;top:20px;transform:translateX(-50%);max-width:min(760px,92vw);padding:14px 18px;border:1px solid #ff7c70;background:rgba(48,7,7,.94);color:#ffe8e4;border-radius:10px;font:600 14px/1.45 Segoe UI,Arial,sans-serif;box-shadow:0 12px 40px #0008}.boot-error.hidden{display:none}
.teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px}.team{padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(10,18,28,.75);color:#fff;cursor:pointer}.team.selected{outline:2px solid #fff;transform:translateY(-1px)}.blue-team.selected{box-shadow:0 0 28px rgba(59,130,246,.55)}.red-team.selected{box-shadow:0 0 28px rgba(239,68,68,.55)}.base-score{display:flex;gap:14px;font-size:12px;font-weight:700}.blue-score{color:#8ec5ff}.red-score{color:#ff9d9d}