*{box-sizing:border-box}:root{--panel-h: clamp(128px, 24vh, 176px);--map: calc(var(--panel-h) * .66);--info-w: clamp(170px, 20vw, 260px)}html,body{margin:0;height:100%;overflow:hidden;background:#10141a;color:#f1e9d6;font:14px/1.4 system-ui,sans-serif;-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}#topbar,#bottom{position:fixed;left:0;right:0;background:linear-gradient(#3a2f22,#2a2218);border:solid #6b5637}#topbar{top:0;min-height:2.6em;border-width:0 0 2px;display:flex;flex-wrap:wrap;align-items:center;gap:.3em 1em;padding:.3em 1em;font-size:clamp(11px,.5vw + 7px,18px)}.res{white-space:nowrap}.res b{display:inline-block;min-width:2.4em;font-variant-numeric:tabular-nums}.res i{display:inline-block;width:.8em;height:.8em;margin-right:.5em;border-radius:2px;border:1px solid #0006}.res em{font-style:normal}.res.food i{background:#c0396b}.res.wood i{background:#8a6a44}.res.gold i{background:#e8c33a}.res.stone i{background:#9a9a94}.res.pop i{background:#d8d2c4;border-radius:50%}#sides{margin-left:auto;opacity:.9}#pause-btn,#resign-btn,#save-btn,#load-btn,#sound-btn,#music-btn,#idle-btn{background:#4b3d2b;border:1px solid #6b5637;border-radius:3px;padding:.2em .7em;white-space:nowrap}#idle-btn.active{background:#8a5a1c;border-color:#e8c33a}#clock{font-variant-numeric:tabular-nums;opacity:.8}@media (max-width: 1500px){.res em{display:none}}@media (max-width: 1100px){#rivals{display:none}}@media (max-width: 700px){#sides{display:none}#clock{margin-left:auto}}#bottom{bottom:0;border-width:2px 0 0;display:grid;grid-template-columns:auto var(--info-w) 1fr;grid-template-rows:var(--panel-h) auto;column-gap:14px;padding:0 14px;font-size:clamp(12px,.5vw + 8px,14px)}#bottom.compact{right:auto;grid-template-columns:auto;grid-template-rows:var(--panel-h);padding:0;border-width:2px 2px 0 0}#bottom.compact #info,#bottom.compact #commands,#bottom.compact #help{display:none}#panel-btn{position:absolute;bottom:100%;right:14px;padding:1px 10px 2px;font-size:12px;white-space:nowrap;background:#3a2f22;border:solid #6b5637;border-width:2px 2px 0;border-radius:4px 4px 0 0}#panel-btn:hover{background:#4b3d2b}#bottom.compact #panel-btn{right:auto;left:0;border-left-width:0;border-top-left-radius:0}#minimap-wrap{width:calc(var(--map) * 1.42 + 12px);display:grid;place-items:center}#minimap{width:var(--map);height:var(--map);transform:rotate(45deg);border:2px solid #6b5637;background:#000;image-rendering:pixelated;cursor:crosshair}#info{min-width:0;padding:12px 0;overflow:hidden}#info h2{margin:0 0 6px;font-size:17px}#info .enemy{color:#ff8d7d}#info .bar{height:8px;width:200px;max-width:100%;background:#5a1f1f;border:1px solid #0008;margin:4px 0 8px}#info .bar span{display:block;height:100%;background:#4fbf4a}#info .bar.progress span{background:#d9a93a}#info .muted{opacity:.7}#commands{min-width:0;padding:12px 0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6b5637 transparent}#commands button{width:clamp(124px,12vw,150px);height:3.7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#4b3d2b;border:1px solid #8a7048;border-radius:4px;text-align:left;padding:6px 10px}#commands button:hover{background:#5d4c35}#commands button.active{border-color:#e8c33a;background:#6a5126}#commands button.poor{opacity:.5}#commands button.locked{opacity:.35;cursor:not-allowed;border-style:dashed}#commands button small{display:block;opacity:.75}#selbox{position:fixed;border:1px solid #fff;background:#fff2;pointer-events:none}#toast{position:fixed;top:calc(var(--top-h, 38px) + 14px);left:50%;transform:translate(-50%);padding:6px 16px;background:#000a;border-radius:4px;color:#ffd27a;opacity:0;transition:opacity .3s;pointer-events:none}#paused{position:fixed;top:42%;left:50%;transform:translate(-50%,-50%);padding:12px 28px;background:#000b;border:1px solid #6b5637;border-radius:6px;font-size:22px;pointer-events:none}#paused[hidden],#waiting[hidden],#lobby[hidden],#join-failed[hidden],#join-password-row[hidden],#join-failed-hint[hidden],#lobby-locked[hidden],#solo[hidden],#lobby-start[hidden],#save-btn[hidden],#load-btn[hidden]{display:none}#waiting{position:fixed;top:calc(var(--top-h, 38px) + 14px);right:14px;padding:6px 14px;background:#000a;border-radius:4px;color:#ffd27a;pointer-events:none}#start .option{display:block;margin:12px 0 2px;cursor:pointer}#start .option span{opacity:.65}#start .option input{width:16px;height:16px;vertical-align:-2px;padding:0}#mp-entry{margin-top:22px;padding-top:14px;border-top:1px solid #6b5637}#mp-entry h2{margin:0;font-size:19px}#mp-entry p{margin:6px 0 12px;opacity:.8}#mp-status{min-height:1.4em;color:#ffd27a}#start input{font:inherit;color:inherit;background:#1c1610;border:1px solid #8a7048;border-radius:4px;padding:7px 10px}#mp-password,#join-password{width:220px}#mp-code{width:86px;text-transform:uppercase;text-align:center;letter-spacing:2px}#lobby-link{width:330px}#mp-entry button,#join-failed button,#lobby button{padding:8px 18px;background:#4b3d2b;border:1px solid #8a7048;border-radius:4px}#lobby button.active{border-color:#e8c33a;background:#6a5126}#lobby button:disabled{opacity:.35;cursor:not-allowed}#lobby-seats{text-align:left;width:420px;margin:14px auto;padding-left:24px}#lobby-seats li{padding:4px 0}#lobby-seats i{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:2px}#lobby .muted{opacity:.6}#room-list{text-align:left;width:600px;max-width:100%;margin:4px auto 0}#room-list div{display:flex;align-items:center;gap:10px;padding:5px 0;border-top:1px solid #6b563766}#room-list b{letter-spacing:2px}#room-list span{flex:1;opacity:.8}#room-list button{padding:4px 14px}#room-list .muted{opacity:.55}#room-list em{font-style:normal;opacity:.8}#room-list .mine{border-left:3px solid #e8c33a;padding-left:8px}#mp-signed-out[hidden],#mp-controls[hidden]{display:none}#join-failed-text{color:#ffd27a;font-size:17px}#lobby-tribes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#toast.show{opacity:1}#help{grid-column:1 / -1;padding:3px 0 5px;border-top:1px solid #6b563766;font-size:clamp(10px,.3vw + 8px,12px);opacity:.6}#overlay,#start{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center}#overlay[hidden],#start[hidden],#watch[hidden],#selbox[hidden]{display:none}#overlay .box,#start .box{background:#2a2218;border:2px solid #6b5637;border-radius:6px;padding:28px 48px;text-align:center}#overlay h1{margin:0 0 6px;font-size:40px}#start{background:#10141a}#start h1{margin:0}#tribes{display:grid;width:min(1040px,90vw);grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}#tribes button{padding:12px 14px;text-align:left;background:#4b3d2b;border:1px solid #8a7048;border-radius:4px}#tribes button:hover{background:#5d4c35;border-color:#e8c33a}#tribes h2{margin:0;font-size:19px}#continue{margin-top:18px;padding:8px 22px;background:#4b3d2b;border:1px solid #8a7048;border-radius:4px}#continue[hidden]{display:none}#tribes em{opacity:.75}#tribes ul{margin:10px 0 0;padding-left:18px}#overlay button{margin:12px 4px 0;padding:8px 22px;background:#4b3d2b;border:1px solid #8a7048;border-radius:4px}.chat-log{overflow-y:auto;overflow-wrap:anywhere;line-height:1.45}#lobby-chat{margin:12px 0 4px}#lobby-chat-log{height:96px;padding:6px 10px;background:#1c1610;border:1px solid #5a4830;border-bottom:none;border-radius:4px 4px 0 0;text-align:left}#lobby-chat-input{width:100%;box-sizing:border-box;border-radius:0 0 4px 4px}#mp-name{width:220px}#chat{position:fixed;left:14px;bottom:calc(var(--bottom-h, 200px) + 36px);width:420px;max-width:60vw;pointer-events:none}#chat[hidden],#chat-input[hidden],#help-chat[hidden]{display:none}#chat-log{max-height:180px;padding:4px 8px;text-shadow:0 1px 2px #000}#chat-log div{display:none;background:#0008;padding:1px 6px;border-radius:3px;margin-top:2px;width:fit-content;max-width:100%}#chat-log div.fresh,#chat.open #chat-log div{display:block}#chat.open #chat-log{pointer-events:auto}#chat-input{width:100%;box-sizing:border-box;margin-top:4px;font:inherit;color:inherit;background:#1c1610e6;border:1px solid #8a7048;border-radius:4px;padding:7px 10px;pointer-events:auto}#account-bar{margin:-8px 0 18px;padding-bottom:12px;border-bottom:1px solid #4b3d2b;text-align:right}#account-bar button,#auth button,#account button{margin-left:6px;padding:5px 14px;background:#4b3d2b;border:1px solid #8a7048;border-radius:4px}#account-note{margin-top:6px;font-size:13px}#auth,#account{width:360px;margin:0 auto}#auth input,#account input{width:100%;box-sizing:border-box}#auth p,#account p{margin:10px 0}#account form{margin-top:22px;padding-top:6px;border-top:1px solid #4b3d2b}#account h2{font-size:17px;margin:12px 0 4px}#start input.bad{border-color:#e0604a}.form-error{min-height:1.3em;color:#ff9a85}#start button.link{background:none;border:none;padding:0;margin:0;color:#e8c33a;text-decoration:underline}#start button.danger{border-color:#b5493a;color:#ffb3a3}#start button:disabled{opacity:.5}#auth[hidden],#account[hidden],#account-in[hidden],#account-out[hidden],#account-offline[hidden],#account-note[hidden],#auth-name-row[hidden],#auth-hint[hidden]{display:none}#start .wide{width:640px;max-width:100%;margin:0 auto;text-align:left}#start .wide h1,#start .wide>p{text-align:center}#start .wide h2{font-size:17px;margin:22px 0 6px}#start .wide table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}#start .wide th,#start .wide td{padding:4px 8px;border-bottom:1px solid #4b3d2b;text-align:right;font-variant-numeric:tabular-nums}#start .wide th:first-child,#start .wide td:first-child,#ranking-body td:nth-child(2),#ranking-body th:nth-child(2){text-align:left}#start .wide th{font-weight:400;opacity:.7}#start .wide .muted{opacity:.65}#start .wide button:not(.link){padding:5px 14px;background:#4b3d2b;border:1px solid #8a7048;border-radius:4px}.headline b{font-size:22px;color:#e8c33a}.rating-line{display:block;width:100%;height:90px;margin:8px 0;border:1px solid #4b3d2b;border-radius:4px}.rating-line polyline{fill:none;stroke:#e8c33a;stroke-width:2;stroke-linejoin:round}.rating-line text{fill:#cbb994;font-size:10px;opacity:.7}.match{border-top:1px solid #4b3d2b;padding:6px 0}.match summary{cursor:pointer;display:flex;gap:14px;align-items:baseline}.match summary b{min-width:92px}.match summary b.good{color:#9fd07a}.match ol{list-style:none;margin:8px 0 0;padding:0 0 0 4px;font-size:14px;line-height:1.6}.match em{font-style:normal;opacity:.75;margin-left:6px}#overlay-rating{color:#e8c33a}#profile[hidden],#ranking[hidden],#overlay-rating[hidden]{display:none}#resign-btn.sure{border-color:#b5493a;color:#ffb3a3}#resign-btn[hidden]{display:none}#start{overflow-y:auto;place-items:start center}#start>.box{margin:auto 0}