*{box-sizing:border-box}body{margin:0;background:#151411;color:#f5ead0;font-family:system-ui,sans-serif}canvas{display:block;width:100vw;height:100vh}main{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:8vw;background:linear-gradient(90deg,#141713f5,#151913b8,transparent)}h1{font-size:clamp(48px,7vw,100px);line-height:.98;letter-spacing:-5px;margin:25px 0}.eyebrow{color:#b7dc80;letter-spacing:4px;font-size:12px;font-weight:800}p{line-height:1.7}.muted,small{color:#b9b8a7}small{line-height:1.8}input,button{font:inherit;padding:16px;border:1px solid #59644b;background:#22291e;color:#fff;border-radius:4px}button{background:#b8e185;color:#192019;font-weight:800;cursor:pointer}form{display:flex;gap:8px;margin:18px 0}#hud{position:absolute;inset:0;pointer-events:none;padding:24px}.brand{font-size:17px;letter-spacing:2px}.brand b{color:#b8e185}.brand small{display:block;font-size:10px;letter-spacing:2px}#stats{position:absolute;top:20px;right:24px;display:flex;gap:24px;background:#131a14e8;padding:16px 24px;border:1px solid #45523c;border-radius:6px}#stats span{font-size:11px;color:#abb79d;display:block}#stats b{font-size:24px}#status{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#141b12e8;border:1px solid #829568;border-radius:4px;text-align:center;white-space:pre-line}footer{position:absolute;bottom:20px;text-align:center;width:calc(100% - 48px);color:#ddd5bb;font-size:12px}#results{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px;background:#182017f5;border:1px solid #91b46d;max-height:75vh;overflow:auto;width:min(680px,95vw)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px;border-bottom:1px solid #43513b;font-size:13px}#error{color:#ffac80}[hidden]{display:none!important}
@media(max-width:800px){#stats{top:78px;left:16px;right:16px;gap:12px;justify-content:space-between;padding:12px}#stats b{font-size:20px}#status{max-width:92%;width:400px}footer{font-size:10px}h1{letter-spacing:-2px}form{flex-wrap:wrap}}
dialog{background:#182017;color:#f5ead0;border:1px solid #91b46d;padding:28px;max-width:460px}dialog::backdrop{background:#0009}dialog p{line-height:1.6}
select{font:inherit;padding:16px;border:1px solid #59644b;background:#22291e;color:#fff;border-radius:4px}
/* Visual hierarchy only: no camera, map or hitbox changes. */
.brand{font-family:Georgia,serif;font-weight:800;letter-spacing:3px;font-size:22px;text-shadow:0 2px 5px #000}.brand b{color:#edcf7e}.brand small{font-family:system-ui;font-size:9px;letter-spacing:2px;color:#ccd4b5;margin-top:6px}
#stats{background:linear-gradient(140deg,#202b21f5,#101b15f5);border:1px solid #8d8558;border-top:3px solid #cead61;box-shadow:0 5px 24px #0005;gap:30px;padding:16px 22px}#stats>div{position:relative;min-width:55px}#stats span{font-size:9px;letter-spacing:1.7px;color:#c9cfb8;margin-bottom:4px}#stats b{font-size:25px;font-weight:750}#stats b small{font-size:11px;color:#a4ad95}.gold{color:#f4d586;padding-left:22px;background:url('/assets/greed/coins.png') no-repeat left center;background-size:19px}.secured{color:#b9e49b}.health-fill{height:3px;display:block;background:#a5d48a;margin-top:5px;border-radius:3px;max-width:100%}
#status{background:linear-gradient(160deg,#243022f5,#111c16f5);border-color:#8b8958;box-shadow:0 4px 18px #0005;border-radius:8px;line-height:1.7;font-size:12px;max-width:580px}footer{font-size:10px;letter-spacing:.5px;text-shadow:0 1px 3px #000;color:#d6d9c1}button{background:linear-gradient(#d7d994,#a9bd6c);border-color:#d9d895;box-shadow:0 3px 0 #526438;border-radius:6px}h1{font-family:Georgia,serif;letter-spacing:-3px;color:#f3e4ba}.eyebrow{color:#edcf7e}dialog,#results{border-top:3px solid #cead61;border-radius:8px;box-shadow:0 12px 45px #0008}
@media(max-width:800px){#stats{gap:12px;padding:12px}#stats b{font-size:20px}.brand{font-size:18px}}

/* Competitive layer: transient panels preserve the existing combat HUD. */
#round-board{position:absolute;z-index:6;top:23%;left:50%;transform:translateX(-50%);width:min(630px,94vw);padding:24px;background:#10251af5;border:1px solid #ba9b52;border-top:3px solid #ecd18b;border-radius:9px;box-shadow:0 18px 60px #0009;pointer-events:none}
#round-board h2,#results h2{font-family:Georgia,serif;color:#f8df9f;margin:12px 0;font-size:clamp(24px,3vw,38px);letter-spacing:1px}
#kill-feed{position:absolute;z-index:3;right:24px;top:128px;width:min(340px,32vw);pointer-events:none;font-size:12px;line-height:1.5}
.feed-event{background:#13281ce8;border-left:2px solid #caaa60;padding:9px 12px;margin-bottom:5px;box-shadow:0 3px 12px #0004;animation:feed-in .15s ease-out;overflow-wrap:anywhere}
#results{z-index:5;width:min(640px,94vw);text-align:center;padding:26px 32px;max-height:82vh;background:radial-gradient(ellipse at top,#34432a,#10251afc 65%);border-color:#b99b55;isolation:isolate}
#results table{text-align:left}#results h2{font-size:clamp(30px,4vw,46px)}#results p{margin:12px 0}.result-subtitle{font-size:11px;letter-spacing:2px;color:#d3c18c}.result-gold{font-family:Georgia,serif;font-weight:800;font-size:clamp(46px,6vw,72px);color:#ffe1a0;text-shadow:0 3px 18px #b68a303f;font-variant-numeric:tabular-nums}.your-rank{color:#c2eea5;font-weight:700}.at-risk{color:#f1c87c;font-size:13px}.your-row{background:#d9d08a17;color:#dbf4c3}.winner{color:#ffe0a1;font-weight:800}.play-again{display:block;width:min(330px,100%);margin:22px auto 14px;font-size:17px;letter-spacing:1px;background:linear-gradient(#f0d68d,#ba9a53);border-color:#f0d68d;box-shadow:0 3px 0 #6b552a}.play-again:disabled{cursor:default;opacity:.65}.result-wait{font-size:12px;color:#c5ccb2}.result-coins{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.result-coins img{position:absolute;left:calc(8% + var(--i)*10%);top:-35px;width:24px;height:24px;object-fit:contain;animation:coin-celebrate 1.1s calc(var(--i)*.035s) ease-out both}.escape-result{animation:escape-glow 1s ease-out}
#replay-wait{position:absolute;z-index:4;bottom:140px;left:50%;transform:translateX(-50%);width:min(560px,90vw);padding:14px 20px;border:1px solid #a48b50;background:#10251af2;color:#ead398;border-radius:8px;text-align:center;font-size:12px;pointer-events:none}
@keyframes feed-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes coin-celebrate{0%{opacity:0;transform:translateY(0) rotate(0)}20%{opacity:.8}100%{opacity:0;transform:translateY(260px) rotate(180deg)}}@keyframes escape-glow{from{box-shadow:0 0 50px #f1ce7866}to{box-shadow:0 12px 45px #0008}}
@media(max-width:1100px){#kill-feed{width:260px;right:16px}#stats{gap:18px}}
@media(max-width:800px){#kill-feed{top:170px;width:220px}#round-board{top:24%;padding:16px}#results{padding:18px}#round-board td,#round-board th,#results td,#results th{font-size:11px;padding:6px}.brand small{letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.feed-event,.escape-result,.result-coins img{animation:none}.result-coins{display:none}}

/* Floating authoritative event feed; no permanent panel or pointer interception. */
#kill-feed{position:absolute;z-index:3;top:var(--feed-top,128px);right:24px;width:min(420px,calc(100vw - 280px));display:flex;flex-direction:column;align-items:flex-end;gap:11px;pointer-events:none;background:none;border:0;padding:0;box-shadow:none}
#kill-feed .feed-event{max-width:100%;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:#f4e7d0;font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:700;line-height:1.4;text-align:right;overflow-wrap:anywhere;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000,0 -1px 2px #000,0 2px 5px #000;animation:floating-feed-in .2s ease-out both;transition:opacity .5s ease-out,transform .5s ease-out}
#kill-feed .feed-event[data-phase=leaving]{opacity:0;transform:translateX(12px);animation:none}
#kill-feed .feed-gold{color:#f3cf75}#kill-feed .feed-elimination{color:#ef8477}#kill-feed .feed-environment{color:#dba38c}#kill-feed .feed-drop{font-size:13px;color:#d9c5a3;margin-top:1px}#kill-feed .feed-extraction{color:#f3cf75}#kill-feed .feed-extract-icon{margin-right:7px;color:#ffe6a2}#kill-feed .feed-important{font-size:18px}
@keyframes floating-feed-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
#round-board{max-height:65vh;overflow-y:auto;pointer-events:auto}
@media(max-width:1100px){#kill-feed{right:16px;width:min(350px,calc(100vw - 270px))}#kill-feed .feed-event{font-size:14px}#kill-feed .feed-important{font-size:16px}}
@media(max-width:700px){#kill-feed{top:max(var(--feed-top,166px),calc(var(--feed-minimap-bottom,280px) + 12px));right:14px;width:min(330px,calc(100vw - 28px));gap:8px}#kill-feed .feed-event{font-size:13px}#kill-feed .feed-drop{font-size:12px}#kill-feed .feed-important{font-size:15px}}
@media(prefers-reduced-motion:reduce){#kill-feed .feed-event{animation:none;transition:none}#kill-feed .feed-event[data-phase=leaving]{transform:none}}