:root{--bg:#0e1621;--panel:#121c28f0;--panel-solid:#121c28;--line:#2b3d52;--text:#e6edf3;--muted:#8ea2b8;--accent:#f0b429;--good:#5cc26b;--bad:#ef5350;--food:#f08a4b;--wood:#9bd16b;--ore:#c9d1db;--gold:#ffc233;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:none}#app{position:fixed;inset:0}#map{position:absolute;inset:0}#map canvas{display:block}button{font:inherit;color:var(--text);cursor:pointer;background:#22344a;border:1px solid #3a526d;border-radius:6px;min-height:32px;padding:6px 10px}button:hover:not(:disabled){background:#2c4460}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#111;background:#b7861a;border-color:#e0a92b;font-weight:700}button.primary:hover:not(:disabled){background:#d09a22}button.danger{background:#5a2323;border-color:#8b3a3a}button.on{background:#3d6ea5;border-color:#6fa0d6}input,select{font:inherit;color:var(--text);border:1px solid var(--line);background:#0f1a26;border-radius:6px;padding:5px 8px}#topbar{z-index:5;padding:calc(6px + env(safe-area-inset-top,0px)) 10px 6px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}#res{flex-wrap:wrap;gap:10px;display:flex}.chip{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;display:inline-flex}.chip b{font-size:15px}.chip .dot{border-radius:50%;align-self:center;width:10px;height:10px;display:inline-block}.delta{color:var(--muted);font-size:12px}.delta.pos{color:var(--good)}.delta.neg{color:var(--bad)}#turninfo{min-width:140px;color:var(--muted);flex:1;align-items:center;gap:8px;display:flex}.swatch{border:1px solid #0006;border-radius:3px;width:12px;height:12px;display:inline-block}#topbtns{gap:6px;display:flex}#panel{z-index:4;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:320px;max-height:calc(100% - 300px);padding:12px;position:absolute;top:58px;right:10px;overflow-y:auto}#panel h2{align-items:center;gap:8px;margin:0 0 4px;font-size:17px;display:flex}#panel h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:12px 0 6px;font-size:13px}.sub{color:var(--muted);font-size:13px}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0;display:grid}.stats div{background:#0f1a26;border-radius:6px;padding:4px}.stats small{color:var(--muted);font-size:11px;display:block}.row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.list{flex-direction:column;gap:4px;display:flex}.item{background:#0f1a26;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:5px 6px;display:flex}.item .cost{color:var(--muted);font-size:12px}.bar{background:#0f1a26;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.bar>div{background:var(--good);height:100%}.odds{background:#1d1010;border:1px solid #5a2a2a;border-radius:6px;margin-top:8px;padding:6px 8px}#minimap{left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:4;border:1px solid var(--line);width:200px;height:200px;image-rendering:pixelated;background:#000;border-radius:8px;position:absolute}#btn-end{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:4;color:#111;background:#b7861a;border-color:#e0a92b;padding:12px 22px;font-size:17px;font-weight:700;position:absolute}#btn-end:hover:not(:disabled){background:#d09a22}#toasts{z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--panel-solid);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;max-width:min(520px,90vw);padding:8px 12px;animation:.2s fadein;box-shadow:0 4px 16px #0008}.toast.bad{border-left-color:var(--bad)}.toast.good{border-left-color:var(--good)}@keyframes fadein{0%{opacity:0;transform:translateY(-6px)}}#modal{z-index:10;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.dialog{background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;width:min(640px,100%);max-height:100%;padding:18px;overflow-y:auto;box-shadow:0 10px 40px #000a}.dialog h1{margin:0 0 12px;font-size:22px}.dialog h1.title{letter-spacing:.04em;font-size:34px}.dialog .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.menu{flex-direction:column;gap:8px;display:flex}.menu button{padding:10px;font-size:16px}.grid2{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}.players{flex-direction:column;gap:6px;margin-top:8px;display:flex}.players .prow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.upg{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.upg .card{border:1px solid var(--line);background:#0f1a26;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.upg .card.owned{background:#12251a;border-color:#3f7a45}.upg .card.locked{opacity:.55}.upg .card b{font-size:14px}.upg .card p{color:var(--muted);flex:1;margin:0;font-size:12px}.log{flex-direction:column-reverse;gap:3px;max-height:60vh;font-size:13px;display:flex;overflow-y:auto}.log div{background:#0f1a26;border-radius:4px;padding:3px 6px}.saves .item{cursor:default}#curtain{z-index:9;text-align:center;background:#0e1621;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}#curtain h1{margin:0}.kbd{border:1px solid var(--line);background:#0f1a26;border-radius:4px;padding:0 5px;font-family:ui-monospace,monospace;font-size:12px}.help td{padding:2px 8px 2px 0}@media (width<=720px){#topbar{gap:6px;padding-left:8px;padding-right:8px}#turninfo{flex-basis:100%;order:3;min-width:0;font-size:12px}#topbtns button{padding:5px 7px;font-size:13px}#panel{width:auto;top:auto;left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom,0px));max-height:42vh}#minimap{width:110px;height:110px;bottom:calc(8px + env(safe-area-inset-bottom,0px))}#btn-end{bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:10px 16px;font-size:15px}body.panel-open #minimap{display:none}}body.nogame #topbar,body.nogame #minimap,body.nogame #btn-end,body.nogame #panel{display:none}