:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#071019;color:#eef1f5;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d8a365;outline-offset:2px}.app-shell{position:relative;width:100%;height:100%;background:#071019}.app-shell.is-lobby:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#03080c73,#03080cc7),url(../assets/maps/street-preview.png) center / cover no-repeat;image-rendering:pixelated;filter:saturate(.72) contrast(1.08)}.game-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.game-frame canvas{display:block;max-width:100%;max-height:100%;image-rendering:pixelated}.hud-top{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px 42px;pointer-events:none;background:linear-gradient(180deg,#04080cd1,#04080c00);text-shadow:0 2px 6px #000}.hud-top strong{display:block;letter-spacing:.18em;font-size:12px}.hud-top span{display:block;margin-top:4px;color:#9ba7aa;font-size:10px;letter-spacing:.06em}.status-dot{display:flex;gap:8px;align-items:center;color:#b4bdc0;font-size:11px}.status-dot i{width:6px;height:6px;border-radius:50%;background:#d8a365;box-shadow:0 0 8px #d8a365cc}.match-state{position:absolute;z-index:24;top:max(68px,calc(env(safe-area-inset-top) + 52px));left:max(18px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;min-height:40px;padding:7px 8px 7px 11px;border-left:2px solid #b98554;background:#05090de0;color:#b9c1c2;font-size:11px;font-variant-numeric:tabular-nums}.match-state strong{color:#f0e3d2;font-size:12px}.match-state button{min-height:32px;padding:6px 11px;border:1px solid #8f6846;background:#59402e;color:#fff4e6;cursor:pointer}.match-state button:hover{background:#6f4d34}.role-card{position:absolute;z-index:23;top:max(120px,calc(env(safe-area-inset-top) + 104px));left:max(18px,env(safe-area-inset-left));width:min(280px,calc(100vw - 36px));padding:12px 14px;border:1px solid rgba(175,143,103,.5);background:#070b0fe6}.role-card small{display:block;margin-bottom:4px;color:#9ea8aa;font-size:9px}.role-card strong{display:block;color:#e3c294;font-family:Georgia,serif;font-size:22px;font-weight:500;text-wrap:balance}.role-card p{margin:6px 0 0;color:#c0c7c8;font-size:11px;line-height:1.5;text-wrap:pretty}.role-card button{width:100%;min-height:34px;margin-top:9px;border:1px solid #8a4d47;background:#3b2020;color:#efc7c2;cursor:pointer}.role-card button:hover{background:#522725}.role-card.is-infiltrator{border-color:#9f4840b3}.role-card.is-infiltrator strong{color:#df8d82}.meeting-vote{position:absolute;z-index:26;top:50%;left:50%;width:min(360px,calc(100vw - 32px));max-height:min(250px,calc(100dvh - 110px));padding:16px;overflow:auto;transform:translate(-50%,-50%);border:1px solid #735f4c;background:#070b0ff5;box-shadow:0 18px 48px #0000008c}.meeting-vote h2{margin:0;color:#ead8c1;font-family:Georgia,serif;font-size:20px;font-weight:500;text-wrap:balance}.meeting-vote p{margin:7px 0 12px;color:#aeb7b9;font-size:11px;line-height:1.5;text-wrap:pretty}.meeting-vote div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.meeting-vote button{min-height:36px;padding:7px 9px;border:1px solid #465058;background:#11191f;color:#d6dcdd;cursor:pointer}.meeting-vote button:hover:not(:disabled){border-color:#a77750;background:#2d2119}.meeting-vote button:disabled{opacity:.5;cursor:default}.meeting-vote small{display:block;margin-top:10px;color:#c49c72;font-size:10px;font-variant-numeric:tabular-nums}.results-panel{position:absolute;z-index:30;inset:max(54px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));padding:24px;overflow:auto;border:1px solid #705d49;background:#060a0ef7}.results-panel>small{color:#b98b60;font-size:10px}.results-panel h2{margin:5px 0;color:#ead8c2;font-family:Georgia,serif;font-size:30px;font-weight:500;text-wrap:balance}.results-panel>p{margin:0 0 18px;color:#aeb7b9;font-size:12px;text-wrap:pretty}.results-panel>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px}.results-panel article{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:9px 10px;border-left:2px solid #74583f;background:#10171c}.results-panel article strong{grid-column:1 / -1;color:#e5e8e7;font-size:12px}.results-panel article span{color:#9ea8aa;font-size:10px}.results-panel h3{margin:22px 0 8px;color:#d7c1a6;font-size:13px;font-weight:600}.results-panel ol{margin:0;padding:0;list-style:none}.results-panel li{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:6px 0;border-top:1px solid #242d33;color:#b8c0c1;font-size:11px}.results-panel time{color:#c08d60;font-variant-numeric:tabular-nums}.join-panel{position:absolute;z-index:30;width:min(400px,calc(100vw - 32px));left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;border:1px solid rgba(202,169,123,.34);background:#080d12f0;box-shadow:0 24px 72px #0000009e,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow{margin:0 0 10px;color:#c29a6e;font-size:9px;letter-spacing:.22em}.join-panel h1{margin:0;font-family:Georgia,serif;font-size:32px;font-weight:500}.intro{margin:12px 0 22px;color:#a7b0b3;font-size:12px;line-height:1.7}.join-panel label{display:grid;gap:7px;color:#b6bec0;font-size:10px}input,select{width:100%;padding:10px 11px;border:1px solid #364048;border-radius:2px;outline:none;background:#10171d;color:#f0f2f1}input:focus,select:focus{border-color:#9b7855;box-shadow:0 0 0 2px #9b785524}.appearance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0 18px}.primary{width:100%;padding:12px;border:1px solid #c19668;border-radius:2px;background:#765238;color:#fff;cursor:pointer;letter-spacing:.08em}.primary:hover{background:#8a6244}.primary:disabled{opacity:.45;cursor:default}.join-panel small{display:block;margin-top:13px;text-align:center;color:#7e898d;font-size:9px}.chat-log{position:absolute;z-index:22;left:18px;bottom:68px;width:min(410px,62vw);display:grid;gap:4px;pointer-events:none}.chat-log p{width:fit-content;max-width:100%;margin:0;padding:6px 9px;border-left:2px solid #a77b52;background:#05090dc2;color:#e8eceb;font-size:11px;text-shadow:0 1px 3px #000}.chat-log strong{margin-right:8px;color:#ddb98d}.chat-box{position:absolute;z-index:25;left:18px;bottom:18px;width:min(400px,calc(100vw - 36px));display:flex;gap:6px}.chat-box input{width:auto;min-width:0;flex:1 1 auto;background:#080d12e6}.chat-box button{min-width:64px;flex:0 0 auto;padding:0 17px;border:1px solid #806144;background:#38291ef0;color:#f2e6d7;cursor:pointer;white-space:nowrap}.controls-hint{position:absolute;z-index:20;right:18px;bottom:18px;display:flex;align-items:center;gap:6px;padding:6px;background:#05090db8;color:#9aa5a8;font-size:9px;letter-spacing:.05em}.controls-hint span{padding:0 5px}.controls-hint button{border:1px solid rgba(154,126,92,.55);background:#31261ddb;color:#e8dac8;padding:5px 8px;cursor:pointer;font-size:9px}.controls-hint button:hover{background:#4d3929f0}.personal-state{position:absolute;z-index:22;right:18px;top:76px;width:190px;display:grid;gap:7px}.personal-state section{padding:9px 10px;border-left:2px solid rgba(181,133,82,.75);background:#05090dc7;box-shadow:0 6px 20px #00000038}.personal-state h2{margin:0 0 6px;color:#c9a478;font-size:9px;font-weight:600;letter-spacing:.14em}.personal-state p{margin:3px 0;color:#b9c1c2;font-size:9px;line-height:1.4}.personal-state b{color:#e5d2b8;font-weight:600}.personal-state .vitals p{display:flex;justify-content:space-between;gap:8px}.personal-state .vitals.is-injured{border-left-color:#bd7e57}.personal-state .vitals.is-downed,.personal-state .vitals.is-dead{border-left-color:#a44e49}.personal-state progress{width:100%;height:6px;border:0;background:#273038;accent-color:#b98355}.personal-state .danger{color:#e39a8c}.task-list p{color:#929da0}.task-list p.is-complete{color:#b9cda9}.inventory-item{display:flex;justify-content:space-between;width:100%;min-height:30px;margin-top:4px;padding:5px 7px;border:1px solid #39434a;background:#11181e;color:#c4cbcc;cursor:pointer;font-size:10px;text-align:left}.inventory-item:hover{border-color:#846344}.inventory-item.is-equipped{border-color:#b98554;color:#f0dfca;background:#30251d}@media(max-width:640px){.join-panel{padding:22px}.appearance-grid{grid-template-columns:1fr}.controls-hint{display:none}.personal-state{right:10px;top:64px;width:154px}.match-state{right:10px;left:10px;flex-wrap:wrap}.match-state button{margin-left:auto}.role-card{top:128px;left:10px;width:calc(100vw - 20px)}}