:root{--gold:#f6c85f;--ink:#f5efe2;--panel:rgba(23,18,13,.88);--edge:rgba(246,200,95,.28)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#342419 0,#17120d 48%,#090806 100%);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.shell{width:min(980px,100%);margin:auto;padding:14px}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:18px;box-shadow:0 15px 45px rgba(0,0,0,.3);backdrop-filter:blur(10px)}button,input{font:inherit}button{border:0;border-radius:13px;padding:12px 14px;background:#3b3026;color:#fff;font-weight:800;touch-action:manipulation}button:active{transform:scale(.97)}button.gold{background:linear-gradient(#f8d579,#c88e27);color:#25170a}.brand{display:flex;gap:12px;align-items:center;margin:8px 0 16px}.brand h1{margin:0}.brand p{margin:3px 0;color:#c9bda8}.crest{font-size:42px}.setup-card,.room-bar,#lobbyView,#meetingView,#endView{padding:16px}.setup-card{display:grid;gap:12px}.setup-card label{display:grid;gap:6px}.setup-card input{padding:14px;border-radius:12px;border:1px solid #63503d;background:#120f0c;color:white}.divider{text-align:center;color:#968777}.room-bar{display:flex;justify-content:space-between;margin-bottom:10px}.picker-grid{display:flex;flex-wrap:wrap;gap:8px}.picker-grid button.selected{outline:3px solid var(--gold);transform:translateY(-2px)}.color-swatch{width:42px;height:42px;padding:0}.avatar-preview{font-size:78px;position:relative;min-width:100px;text-align:center}.avatar-preview .hat,.avatar .hat,.board-piece .hat{position:absolute;left:50%;transform:translateX(-50%);top:-.48em;font-size:.45em;z-index:3}.lobby-head{display:flex;justify-content:space-between}.lobby-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.lobby-player{display:flex;align-items:center;gap:8px;padding:10px;background:#241c16;border-radius:12px}.avatar{position:relative;font-size:34px}.tag{font-size:10px;background:#d9a53b;color:#211406;padding:3px 6px;border-radius:8px}.team-task,.hud,.controls,.game-log,.quickbar{margin-top:10px;padding:10px}.team-row{display:flex;justify-content:space-between}.big-meter{height:16px;border-radius:99px;background:#0b0907;overflow:hidden;margin-top:7px}.big-meter i{display:block;height:100%;background:linear-gradient(90deg,#45b9e8,#f6c85f);transition:width .5s}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hud-block{background:#241c16;border-radius:11px;padding:8px}.hud-label{display:block;font-size:10px;color:#aa9b87;text-transform:uppercase}.board-wrap{margin-top:10px;padding:8px;position:relative;overflow:hidden}.board{width:100%;aspect-ratio:1;position:relative;display:grid;grid-template-columns:repeat(15,1fr);border-radius:12px;overflow:hidden;background:#0d0b09}.tile{position:relative}.floor.light{background:#8a7455}.floor.dark{background:#6b573f}.tile.wall{background:linear-gradient(135deg,#2b241e,#18130f);box-shadow:inset 0 0 0 1px #48392c}.tile.task:after{content:'◆';position:absolute;inset:0;display:grid;place-items:center;color:#66e0ff;text-shadow:0 0 8px #20c9ff;animation:pulse 1.2s infinite}.tile.arena{background:#284e78}.tile.emergency:after{content:'♔';position:absolute;inset:0;display:grid;place-items:center;color:#ffd76b}.tile.body:after{content:'☠';position:absolute;inset:0;display:grid;place-items:center;color:#f14d4d}.tile.portal:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;color:#d86cff;filter:drop-shadow(0 0 7px #c65cff);animation:spin 2.5s linear infinite}.tile.crate:after{content:'▣';position:absolute;inset:0;display:grid;place-items:center;color:#5a321c}.board-piece{position:absolute;width:6.667%;height:6.667%;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,5vw,42px);transform:translate(-0%,-0%);transition:left .14s linear,top .14s linear,filter .2s;filter:drop-shadow(0 5px 4px rgba(0,0,0,.5));z-index:5}.board-piece.you{filter:drop-shadow(0 0 9px #fff)}.board-piece.dead{opacity:.42;filter:grayscale(1) drop-shadow(0 0 10px #baf)}.nameplate{position:absolute;top:78%;font-size:clamp(7px,1.8vw,11px);background:#000a;padding:1px 4px;border-radius:6px;color:#fff;white-space:nowrap}.controls{display:flex;justify-content:space-between;gap:12px}.dpad{display:grid;grid-template-columns:repeat(3,54px);grid-template-areas:'. up .' 'left down right';gap:4px}.dpad button[data-move=up]{grid-area:up}.dpad button[data-move=left]{grid-area:left}.dpad button[data-move=down]{grid-area:down}.dpad button[data-move=right]{grid-area:right}.action-buttons{flex:1;display:flex;flex-wrap:wrap;align-content:center;gap:7px}.kill{background:#a71919}.report{background:#dd6d21}.duel-btn{background:#245ea6}.task-btn{background:#168a73}.quickbar{display:flex;gap:8px}.quickbar button{flex:1}.ability-btn{background:linear-gradient(135deg,#6c3dad,#3b68b5)}.event-banner{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:99;background:#20152b;border:1px solid #d18cff;padding:10px 18px;border-radius:999px;font-weight:900;box-shadow:0 0 25px #a84cff66}.room-toast{position:absolute;top:20px;left:50%;transform:translate(-50%,-15px);opacity:0;background:#000c;padding:8px 14px;border-radius:99px;transition:.25s;z-index:20}.room-toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:18px;background:#1b1510;color:#fff;max-width:min(92vw,620px)}dialog::backdrop{background:#000b}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1}.chess-square{border-radius:0;padding:0;font-size:clamp(20px,8vw,42px)}.chess-square.light{background:#d9c2a0;color:#111}.chess-square.dark{background:#70553b}.chess-square.selected{outline:4px solid #ffd75f;z-index:1}.end{text-align:center}.big-piece{font-size:95px}.profile-panel{margin-top:10px;padding:12px}.xpbar{height:10px;background:#0c0907;border-radius:99px;overflow:hidden}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#ba68ff,#ffd45f)}.emote-bubble{position:absolute;bottom:90%;background:white;color:#111;border-radius:12px;padding:4px 7px;font-size:14px;animation:floatup 1.8s forwards}.castle-shake .board{animation:shake .35s}.lights-out .floor{filter:brightness(.38)}.royal-glow .board-piece{filter:drop-shadow(0 0 9px #ffe36a)}
@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatup{to{opacity:0;transform:translateY(-25px)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:650px){.shell{padding:8px}.hud{grid-template-columns:repeat(2,1fr)}.controls{align-items:center}.dpad{grid-template-columns:repeat(3,48px)}.board-piece{font-size:6vw}.brand p{font-size:12px}}