:root{color:#f3efe4;background:#161411;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--tile-size: min(64px, calc((100vw - 48px) / var(--map-columns, 9)))}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#312d2457,#161411f5),#161411}button,input,textarea,select{font:inherit}.app-shell{width:min(100%,1120px);margin:0 auto;padding:18px 16px 32px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.app-header h1{margin:0;color:#fff8e8;font-size:clamp(2rem,11vw,4.25rem);line-height:.95;letter-spacing:0}.app-header p{max-width:34rem;margin:10px 0 0;color:#cfc4a7;font-size:.98rem;line-height:1.5}.connect-screen,.lobby-screen,.game-screen{display:grid;gap:14px}.connect-screen{grid-template-columns:minmax(0,1fr)}.connect-panel,.lobby-screen,.players-panel,.game-hud,.game-actions,.game-log,.inventory-panel,.status-effects-panel,.tile-action-panel,.trade-panel,.status-panel{border:1px solid rgba(232,205,132,.22);border-radius:8px;background:#1f1d18e0;box-shadow:0 18px 42px #00000040}.connect-panel,.lobby-screen,.players-panel{display:grid;gap:12px;padding:14px}.connect-panel h2,.lobby-header h2{margin:0;color:#fff8e8;font-size:1.18rem;line-height:1.25}.connect-panel label{display:grid;gap:6px;color:#cfc4a7;font-size:.86rem;font-weight:700}.connect-panel input{min-height:42px;width:100%;border:1px solid rgba(125,194,255,.34);border-radius:6px;color:#fff8e8;background:#14171a;padding:8px 10px}.connection-status,.inline-error{margin:0;color:#cfc4a7;font-size:.9rem;line-height:1.4}.connection-status--connected{color:#7ed992}.connection-status--disconnected,.inline-error{color:#e97762}.lobby-header{display:grid;gap:10px}.lobby-header p{margin:0;color:#cfc4a7;line-height:1.45}.players-panel span{color:#d7b764;font-size:.78rem;font-weight:700;line-height:1.3;text-transform:uppercase}.players-panel ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.players-panel li{display:grid;gap:3px;padding:8px 10px;border-left:3px solid var(--player-color, rgba(125, 194, 255, .48));background:#fff8e80d}.players-panel li.is-current-player{border-left-color:var(--player-color, #7ed992);background:#48986629}.players-panel strong{color:#fff8e8;font-size:.94rem;line-height:1.2}.players-panel em{color:#cfc4a7;font-size:.8rem;font-style:normal;line-height:1.25}.players-panel--compact{padding:12px}.game-hud{display:grid;gap:14px;padding:14px}.hud-label,.hud-title,.movement-meter span,.game-actions p,.game-log span,.game-log strong,.status-panel p{margin:0}.hud-label{color:#d7b764;font-size:.86rem;font-weight:700;line-height:1.3}.hud-title{margin-top:4px;color:#fff8e8;font-size:1.1rem;font-weight:700;line-height:1.35}.resource-stack{display:grid;gap:10px}.resource-meter{display:grid;gap:8px;min-width:0}.resource-meter span{color:#f3efe4;font-size:.95rem;line-height:1.4}.resource-dots{display:flex;gap:7px}.resource-dot{width:16px;height:16px;border:1px solid #8a7a56;background:#27241f;image-rendering:pixelated}.resource-meter--hp .resource-dot--filled{border-color:#e97762;background:#cc4c3c;box-shadow:0 0 0 2px #cc4c3c2e}.resource-meter--mp .resource-dot--filled{border-color:#f0c85a;background:#dca331;box-shadow:0 0 0 2px #dca3312e}.resource-meter--ap .resource-dot--filled{border-color:#77c0ff;background:#3f8ed7;box-shadow:0 0 0 2px #3f8ed72e}.stats-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px;border:1px solid rgba(232,205,132,.16);border-radius:8px;background:#1f1d18ad}.stats-panel div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 10px;background:#fff8e80d}.stats-panel span{overflow:hidden;color:#cfc4a7;font-size:.82rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.stats-panel strong{color:#fff8e8;font-size:.94rem;line-height:1.2}.inventory-trade-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.inventory-panel,.status-effects-panel,.trade-panel{display:grid;gap:12px;padding:12px}.status-effects-list{display:grid;gap:8px}.status-effect-card,.status-effects-empty{padding:10px;border:1px solid rgba(232,205,132,.14);background:#fff8e80a}.status-effect-card strong{display:block;margin-bottom:4px;color:#fff8e8;font-size:.88rem;line-height:1.2}.status-effect-card p,.status-effects-empty{margin:0;color:#cfc4a7;font-size:.82rem;line-height:1.35}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-heading span,.pending-offers>span{color:#d7b764;font-size:.78rem;font-weight:800;line-height:1.3;text-transform:uppercase}.panel-heading em,.trade-note,.item-details p,.item-actions small,.pending-offers p{margin:0;color:#cfc4a7;font-size:.82rem;font-style:normal;line-height:1.35}.equipment-row,.inventory-slots,.trade-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.equipment-slot,.inventory-slot{display:grid;gap:5px;min-height:58px;width:100%;padding:8px;border:1px solid rgba(232,205,132,.22);border-radius:6px;color:#f3efe4;background:#fff8e80d;cursor:pointer}.equipment-slot:disabled,.inventory-slot:disabled{color:#8e836f;cursor:default}.equipment-slot span,.inventory-slot span{overflow:hidden;font-size:.75rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.equipment-slot strong,.inventory-slot strong,.item-details strong{overflow:hidden;color:#fff8e8;font-size:.84rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.inventory-slot--selected{border-color:#7dc2ff;background:#417eba2e}.inventory-glyph{display:block;width:24px;height:24px;object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.item-details{display:grid;gap:8px;min-height:100px;padding:10px;background:#fff8e80d}.item-details-head,.equipment-slot__item{display:flex;align-items:center;gap:8px;min-width:0}.equipment-slot__item strong{flex:1 1 auto}.equipment-slot__icon,.item-details-icon{display:block;flex:none;object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.equipment-slot__icon{width:24px;height:24px}.item-details-icon{width:28px;height:28px}.item-actions{display:grid;gap:8px}.trade-form,.pending-offers{display:grid;gap:9px}.trade-form--tile{margin-top:2px;padding-top:10px;border-top:1px solid rgba(232,205,132,.14)}.trade-form--tile .trade-columns{grid-template-columns:minmax(0,1fr)}.trade-form label{display:grid;gap:5px;min-width:0}.trade-form label span{color:#cfc4a7;font-size:.76rem;font-weight:800;line-height:1.2}.trade-form select,.trade-form input{min-height:38px;width:100%;border:1px solid rgba(125,194,255,.28);border-radius:6px;color:#fff8e8;background:#14171a;padding:7px 8px}.pending-offers article{display:grid;gap:8px;padding:9px;border:1px solid rgba(232,205,132,.14);background:#fff8e80a}.trade-offer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-status{margin:8px 0 0;font-size:.92rem;font-weight:800;line-height:1.35}.game-status--won{color:#78d68a}.game-status--active{color:#d7b764}.game-status--lobby,.game-status--round_resolving{color:#7dc2ff}.game-status--lost{color:#e97762}.board-wrap{width:max-content;max-width:100%;overflow:hidden;border:1px solid rgba(232,205,132,.18);border-radius:8px;background:#090806}.game-board{display:grid;grid-template-columns:repeat(var(--map-columns),var(--tile-size));grid-template-rows:repeat(var(--map-rows),var(--tile-size));width:max-content;outline:2px solid #4d4433;outline-offset:-2px;background:#0f0e0c}.tile{position:relative;display:block;width:var(--tile-size);height:var(--tile-size);padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;image-rendering:pixelated}.tile:focus-visible{z-index:3;outline:3px solid #f0c85a;outline-offset:-3px}.tile-image,.hero-sprite,.monster-sprite,.object-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.tile--wall{cursor:not-allowed}.tile--monster{cursor:crosshair}.tile--fogged{background:#070706;cursor:help}.tile--fogged:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;content:"";background:radial-gradient(circle at center,#221e1794,#050504f5 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 6px);pointer-events:none}.tile-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:#080705}.tile--reachable:after{position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:1;content:"";border:2px solid rgba(110,208,119,.92);background:#4aaa5429;box-shadow:inset 0 0 0 2px #131f1275;pointer-events:none}.tile--attackable:after{position:absolute;top:5%;right:5%;bottom:5%;left:5%;z-index:1;content:"";border:2px solid rgba(238,102,83,.95);background:#cd3e2f24;box-shadow:inset 0 0 0 2px #30121085;pointer-events:none}.tile--interactable:after{position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:1;content:"";border:2px solid rgba(125,194,255,.95);background:#4484cd29;box-shadow:inset 0 0 0 2px #101e3085;pointer-events:none}.tile--occupied:before{position:absolute;top:18%;right:16%;bottom:10%;left:16%;z-index:1;content:"";background:#00000059;filter:blur(5px);pointer-events:none}.tile--other-player:after{position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:1;content:"";border:2px solid rgba(125,194,255,.92);background:#3674a82e;pointer-events:none}.hero-sprite,.monster-sprite,.object-sprite{z-index:2;object-fit:contain}.monster-sprite{top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%}.object-sprite--key{top:16%;right:16%;bottom:16%;left:16%;width:68%;height:68%}.object-sprite--exit{top:4%;right:4%;bottom:4%;left:4%;width:92%;height:92%}.object-sprite--chest{top:12%;right:12%;bottom:12%;left:12%;width:76%;height:76%}.object-sprite--chest-open{top:8%;right:10%;bottom:10%;left:10%;width:80%;height:82%}.item-sprite{position:absolute;top:20%;right:20%;bottom:20%;left:20%;z-index:3;width:60%;height:60%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.34));pointer-events:none}.corpse-sprite{position:absolute;top:26%;right:12%;bottom:26%;left:12%;z-index:3;display:grid;place-items:center;border:1px solid rgba(10,9,7,.72);border-radius:4px;color:#17130f;background:#b8b0a0;box-shadow:0 3px #00000052;font-size:calc(var(--tile-size) * .18);font-weight:900;line-height:1;image-rendering:pixelated;pointer-events:none}.corpse-sprite--looted{opacity:.58;filter:grayscale(1)}.tile--requires-key{box-shadow:inset 0 0 0 2px #f0c85ad1}.tile--selected{z-index:5;box-shadow:inset 0 0 0 3px #fff8e8,0 0 0 2px #7dc2ffb8}.key-cost-badge{position:absolute;top:4px;right:4px;z-index:4;display:inline-grid;grid-template-columns:14px minmax(10px,auto);align-items:center;gap:1px;min-width:28px;min-height:18px;padding:1px 3px;border:1px solid rgba(35,25,8,.92);border-radius:2px;color:#21190f;background:#f0c85a;box-shadow:0 2px #0000006b;font-size:.7rem;font-weight:900;line-height:1;pointer-events:none}.key-cost-badge img{width:14px;height:14px;object-fit:contain;image-rendering:pixelated}.player-badge{position:absolute;right:4px;bottom:4px;z-index:4;display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(8,12,12,.8);border-radius:50%;color:#07100d;background:var(--player-color, #7ed992);font-size:.72rem;font-weight:900;line-height:1}.game-actions{display:grid;gap:10px;padding:14px}.tile-action-panel{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px}.tile-action-preview{display:grid;place-items:center;min-height:76px;border:1px solid rgba(232,205,132,.18);border-radius:6px;background:#fff8e80d;overflow:hidden}.tile-action-preview img{max-width:68px;max-height:68px;object-fit:contain;image-rendering:pixelated}.tile-action-preview .inventory-glyph{width:48px;height:48px}.corpse-preview{display:grid;place-items:center;width:54px;height:34px;border:1px solid rgba(10,9,7,.72);border-radius:4px;color:#17130f;background:#b8b0a0;box-shadow:0 4px #00000057;font-size:.78rem;font-weight:900;line-height:1}.corpse-preview--looted{opacity:.58;filter:grayscale(1)}.tile-action-fog{display:block;width:100%;height:100%;background:radial-gradient(circle at center,#221e1794,#050504f5 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 6px)}.tile-action-content{display:grid;gap:8px;min-width:0}.tile-action-content strong{overflow:hidden;color:#fff8e8;font-size:1rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.tile-action-content p{margin:0;color:#cfc4a7;font-size:.88rem;line-height:1.4}.tile-action-list{display:grid;gap:8px}.button-cost{display:block;margin-top:2px;color:#21190fb8;font-size:.72rem;font-weight:900;line-height:1.1}.button:disabled .button-cost{color:#8e836f}.game-actions--horizontal{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.game-actions p{color:#cfc4a7;font-size:.92rem;line-height:1.45}.round-resolving{color:#7dc2ff!important;font-weight:800}.round-ended-self{color:#d7b764!important;font-weight:800}.result-message{font-size:1.05rem!important;font-weight:900}.result-message--won{color:#7ed992!important}.result-message--lost{color:#e97762!important}.button{min-height:44px;width:100%;border:1px solid #efc85c;border-radius:8px;color:#21190f;background:linear-gradient(180deg,#f1d06f,#d89a31);box-shadow:inset 0 1px #ffffff57,0 10px 22px #0000003d;cursor:pointer;font-size:.96rem;font-weight:800;line-height:1.2}.button:hover{background:linear-gradient(180deg,#ffe189,#e2a43a)}.button--secondary{border-color:#e8cd846b;color:#f3efe4;background:#2c2923;box-shadow:inset 0 1px #ffffff14,0 8px 18px #0000002e}.button--secondary:hover{background:#3a352c}.button--danger{border-color:#e9776294;color:#ffe8df;background:#55302b;box-shadow:inset 0 1px #ffffff14,0 8px 18px #0000002e}.button--danger:hover{background:#6a3831}.button:disabled{border-color:#5c5140;color:#8e836f;background:#2f2b25;box-shadow:none;cursor:not-allowed}.button:active{transform:translateY(1px)}.game-log{display:grid;gap:5px;padding:12px 14px}.game-log span{color:#d7b764;font-size:.78rem;font-weight:700;line-height:1.3;text-transform:uppercase}.game-log strong{color:#fff8e8;font-size:.95rem;line-height:1.45}.event-list{display:grid;gap:6px;margin:8px 0 0;padding:8px 0 0 18px;border-top:1px solid rgba(232,205,132,.14);color:#cfc4a7;font-size:.86rem;line-height:1.35}.event-list:empty{display:none}.status-panel{display:grid;gap:12px;padding:18px;color:#fff8e8}.status-panel--error{border-color:#ea6f5a73}@media(min-width:430px){.stats-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:700px){.app-shell{padding:28px 24px 44px}.connect-screen{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-status,.inline-error{grid-column:1 / -1}.game-hud{grid-template-columns:minmax(0,1fr) auto;align-items:center}.stats-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.game-screen{grid-template-columns:minmax(0,1fr) 240px;align-items:start}.game-hud,.stats-panel,.inventory-trade-grid{grid-column:1 / -1}.board-wrap{grid-column:1;overflow:hidden}.tile-action-panel,.trade-panel--status,.game-actions,.game-log{grid-column:2}.tile-action-panel{grid-row:3}.trade-panel--status{grid-row:4}.game-actions{grid-row:5}.game-log{grid-row:6}}