:root{--ink:#2b3434;--card:#e9e3d7eb;--card-line:#343d3d24;--radius:14px;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:#d9d3c4;margin:0;overflow:hidden}#app canvas{touch-action:none;display:block}#loading{font:600 28px var(--serif);background:var(--paper);place-items:center;display:grid;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}#labels{pointer-events:none;position:fixed;inset:0}.place-label{pointer-events:auto;white-space:nowrap;border:1px solid var(--card-line);background:var(--card);font:600 15px var(--serif);letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:5px 12px 5px 9px;position:absolute;top:0;left:0;box-shadow:0 4px 14px #0000001f}.place-label.orc{color:var(--paper);background:#343d3dd9}.place-label small{font:500 11px var(--sans);opacity:.8}.dot{vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}.place-bar{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));scrollbar-width:none;background:var(--card);border:1px solid var(--card-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:6px;max-width:calc(100vw - 32px);padding:6px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.place-bar::-webkit-scrollbar{display:none}.place-bar button{white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:500}.place-bar button:hover{background:#343d3d14}.place-bar button.orc{color:var(--deepPlum)}.time-box{right:16px;top:calc(14px + env(safe-area-inset-top));background:var(--card);border:1px solid var(--card-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;display:flex;position:absolute}.time-box .hour{font-variant-numeric:tabular-nums;min-width:40px;font-weight:600}.time-box input{width:110px;accent-color:var(--forest)}.time-box .live{background:var(--forest);color:var(--paper);border:0;border-radius:999px;padding:4px 10px;font-size:12px}.war{left:16px;top:calc(14px + env(safe-area-inset-top));background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(340px,100vw - 32px);position:absolute;overflow:hidden;box-shadow:0 10px 30px #0000001f}.war header{padding:14px 16px 10px}.war h1{font:700 24px/1.05 var(--serif);margin:0}.war .sub{color:#2b3434bf;margin-top:3px;font-size:12.5px}.war .phase{letter-spacing:.08em;text-transform:uppercase;background:var(--forest);color:var(--paper);border-radius:999px;margin-top:8px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.war .phase.siege{background:var(--mutedRed)}.war .phase.aftermath{background:var(--deepPlum)}.war .body{gap:10px;padding:0 16px 14px;display:grid}.war .collapse{opacity:.6;background:0 0;border:0;padding:4px 8px;font-size:18px;line-height:1;position:absolute;top:10px;right:10px}.war.min .body{display:none}.front{gap:4px;display:grid}.front .row{justify-content:space-between;font-size:12.5px;display:flex}.front .name{font-weight:600}.front .name .voted{color:var(--paper);background:var(--ochre);vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600}.bar{background:#343d3d1a;border-radius:999px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--sage), var(--forest));border-radius:999px;height:100%;transition:width .6s;display:block}.lack{background:#d2ae7038;border-radius:10px;padding:8px 10px;font-size:12.5px}.lack b{font-weight:600}.intel{gap:4px;font-size:12.5px;display:grid}.intel .frag{border-left:2px solid var(--ochre);padding-left:10px}.intel .hidden{opacity:.55;font-style:italic}.warlord{font:italic 600 15px/1.3 var(--serif);color:var(--deepPlum)}.stats{color:#2b3434cc;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.stats b{color:var(--ink)}.actions{flex-wrap:wrap;gap:6px;display:flex}.btn{border:1px solid var(--card-line);background:var(--paper);border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:500}.btn.primary{background:var(--forest);color:var(--paper);border-color:#0000}.btn.danger{background:var(--mutedRed);color:var(--paper);border-color:#0000}.find{right:16px;top:calc(62px + env(safe-area-inset-top));background:var(--card);border:1px solid var(--card-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:6px;padding:5px;display:flex;position:absolute}.find input{width:180px;font:inherit;background:0 0;border:0;outline:none;padding:4px 10px;font-size:13px}.find button{background:var(--forest);color:var(--paper);border:0;border-radius:999px;padding:5px 12px;font-size:12.5px}.card{right:16px;top:calc(110px + env(safe-area-inset-top));background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:6px;width:min(300px,100vw - 32px);padding:14px 16px;font-size:13px;display:grid;position:absolute;box-shadow:0 10px 30px #0000001f}.card h2{font:700 21px var(--serif);margin:0}.card .close{opacity:.6;background:0 0;border:0;font-size:18px;position:absolute;top:6px;right:8px}.card .kv{justify-content:space-between;gap:10px;display:flex}.card .kv span:first-child{color:#2b3434b3}.card .medals{flex-wrap:wrap;gap:4px;display:flex}.card .medals span{background:#d2ae704d;border-radius:999px;padding:2px 8px;font-size:11px}.banner{text-align:center;pointer-events:none;font:700 clamp(34px, 7vw, 64px)/1 var(--serif);color:var(--paper);text-shadow:0 4px 24px #00000073;transition:opacity .6s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner small{font:500 clamp(14px, 2.4vw, 18px) var(--sans);margin-top:10px;display:block}.toast{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));color:var(--paper);background:#343d3de0;border-radius:999px;max-width:calc(100vw - 32px);padding:9px 14px;font-size:13px;position:absolute;transform:translate(-50%)}.demo-note{left:16px;bottom:calc(76px + env(safe-area-inset-bottom));background:var(--card);border:1px solid var(--card-line);border-radius:999px;padding:5px 10px;font-size:11.5px;position:absolute}@media (width<=640px){.war{top:calc(10px + env(safe-area-inset-top));width:calc(100vw - 20px);left:10px}.time-box{display:none}.find{top:auto;bottom:calc(70px + env(safe-area-inset-bottom));right:10px}.card{top:auto;bottom:calc(118px + env(safe-area-inset-bottom));right:10px}.demo-note{display:none}}.tip{pointer-events:none;color:var(--paper);white-space:nowrap;background:#343d3de6;border-radius:999px;padding:5px 10px;font-size:12.5px;position:fixed;top:0;left:0}.stats-box{color:#fff;z-index:9;background:#000000a6;border-radius:8px;padding:6px 10px;font:12px ui-monospace,monospace;position:fixed;bottom:74px;right:16px}