@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#18231d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#18231d;--muted:#727a71;--line:#d7d8cf;--orange:#e35d36;--green:#315b45;--paper:#f8f7f2;--mono:"DM Mono", monospace;background:#f1efe8;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 76% 12%,#fbf3dc 0,#0000 26rem),#f1efe8;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);height:76px;font:11px var(--mono);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 4.5vw;display:flex}.brand{align-items:center;gap:10px;font-weight:700;line-height:1.05;display:flex}.brand small{color:var(--muted);letter-spacing:.12em;font-size:7px}.brand-mark{background:var(--orange);color:#fff;place-items:center;width:30px;height:30px;font:700 17px Manrope;display:grid}.top-meta{color:var(--muted);align-items:center;gap:14px;display:flex}.live-dot,.connection-status i,.sync-pill i{background:#5b9a6d;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #d9e9d9}.divider{background:var(--line);width:1px;height:16px}.icon-button{color:var(--muted);background:0 0;border:0;font-size:22px}main{max-width:1240px;margin:auto;padding:76px 5vw 60px}.intro{justify-content:space-between;align-items:end;margin-bottom:58px;display:flex}.eyebrow,.panel-index,.deterministic,.storage-badge,.sync-pill,.connection-status{font:10px var(--mono);letter-spacing:.11em;color:var(--muted)}h1{letter-spacing:-.07em;margin:15px 0 0;font-size:clamp(44px,6vw,77px);font-weight:700;line-height:.96}h1 em{color:var(--orange);font-style:normal}.intro-note{color:var(--muted);margin:0 3vw 5px 0;font-size:14px;line-height:1.7}.dashboard-grid,.lower-grid{grid-template-columns:1.45fr 1fr;gap:18px;display:grid}.lower-grid{grid-template-columns:1fr 1fr;margin-top:18px}.panel{border:1px solid var(--line);background:#f8f7f2c7;padding:25px}.panel-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px;display:flex}h2{letter-spacing:-.04em;margin:0 0 0 12px;font-size:19px;display:inline}.panel-index{color:var(--orange)}.sync-pill,.storage-badge,.deterministic{color:var(--green);white-space:nowrap;background:#e5eee4;padding:6px 8px}.connection-status{color:var(--muted)}.connection-status i{box-shadow:none;background:#c7c9c1;margin-right:7px}.map{background-color:#e5eadb;background-image:linear-gradient(#d2dccb 1px,#0000 1px),linear-gradient(90deg,#d2dccb 1px,#0000 1px);background-size:42px 42px;border:1px solid #cdd2c6;height:322px;position:relative;overflow:hidden}.map:after{content:"";opacity:.4;background:repeating-linear-gradient(132deg,#0000 0 32px,#c1cfbd 33px 34px,#0000 35px 64px);position:absolute;inset:0}.territory{z-index:1;background:#6b95732b;border:1px solid #6c9573;position:absolute}.territory-a{width:45%;height:68%;top:19%;left:12%;transform:rotate(-12deg)}.territory-b{background:#e2774b1a;border-color:#d18a62;width:32%;height:45%;top:9%;right:12%;transform:rotate(23deg)}.castle{z-index:3;background:var(--green);color:#fff;border:1px solid #fff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:21px;display:grid;position:absolute;box-shadow:0 0 0 7px #315b4521}.castle-a{top:46%;left:30%}.castle-b{background:var(--orange);top:30%;right:26%;box-shadow:0 0 0 7px #e35d3621}.route{z-index:2;border-top:1px dashed var(--orange);width:31%;position:absolute;top:43%;left:38%;transform:rotate(-25deg)}.map-label,.map-coord{z-index:4;font:9px var(--mono);color:#627264;letter-spacing:.08em;position:absolute}.label-north{top:16px;left:17px}.label-east{color:#a56e59;top:31px;right:20px}.label-south{bottom:18px;left:33%}.coord-a{top:64%;left:26%}.coord-b{color:#a56e59;top:49%;right:18%}.map-footer{color:var(--muted);font:9px var(--mono);letter-spacing:.07em;justify-content:space-between;padding-top:15px;display:flex}.key{background:#6b95734d;border:1px solid #6c9573;width:8px;height:8px;margin-right:5px;display:inline-block}.claimed{background:#e2774b33;border-color:#d18a62}.route-key{border:0;border-top:1px dashed var(--orange);vertical-align:middle}.side-stack{gap:18px;display:grid}.profile-id{border-bottom:1px solid var(--line);align-items:center;gap:13px;margin-bottom:21px;padding-bottom:21px;display:flex}.avatar{color:#fff;background:var(--green);place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid}.profile-id strong,.profile-id span{display:block}.profile-id strong{font-size:17px}.profile-id span{color:var(--muted);font:9px var(--mono);margin-top:5px}.profile-id b{color:var(--orange);font-weight:400}label{color:var(--muted);font:9px var(--mono);letter-spacing:.08em;display:block}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);outline-color:var(--orange);background:0 0;margin:7px 0 13px;padding:10px 11px;font:13px Manrope;display:block}textarea{resize:vertical;height:88px;font:11px var(--mono)}.button{border:1px solid var(--ink);font:10px var(--mono);letter-spacing:.07em;padding:11px 13px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button span{margin-left:16px}.primary{background:var(--ink);color:#fff}.secondary{color:var(--ink);background:0 0}.full{width:100%}.stored-note,.panel-copy,.connection-log{color:var(--muted);font-size:11px;line-height:1.6}.stored-note{font:9px var(--mono);margin-bottom:0}.resources-panel{padding-bottom:18px}.resource-list{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.resource-list>div{border-left:1px solid var(--line);padding-left:11px}.resource-list span:not(.resource-icon),.resource-list b,.resource-list small{display:block}.resource-list span:not(.resource-icon){font:9px var(--mono);color:var(--muted)}.resource-list b{margin:10px 0 2px;font-size:15px}.resource-list small{color:#589164;font:9px var(--mono)}.resource-icon{color:var(--orange);font-size:18px}.panel-copy{max-width:420px;margin:-6px 0 22px}.signal-actions{gap:8px;margin:13px 0 18px;display:flex}.signal-actions .button{flex:1}.signal-label{margin-top:6px}.text-button{color:var(--orange);font:9px var(--mono);letter-spacing:.08em;background:0 0;border:0;padding:0}.text-button+.text-button{margin-left:18px}.connection-log{border-top:1px solid var(--line);font-family:var(--mono);margin-bottom:0;padding-top:13px}.battle-fields{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.battle-result{border-top:1px solid var(--line);color:var(--muted);font:9px var(--mono);justify-content:space-between;align-items:end;margin-top:18px;padding-top:15px;display:flex}.battle-result b{color:var(--muted);font:700 38px/.8 Manrope}.battle-result b small{font-size:16px}.battle-result.victory b{color:var(--green)}.battle-result.defeat b{color:var(--orange)}footer{border-top:1px solid var(--line);color:var(--muted);font:9px var(--mono);letter-spacing:.09em;justify-content:space-between;padding:21px 5vw;display:flex}@media (width<=760px){.topbar{padding:0 20px}.top-meta{display:none}main{padding:48px 20px 40px}.intro{margin-bottom:40px;display:block}.intro-note{margin-top:24px}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.map{height:260px}.resource-list{gap:4px}.panel{padding:20px}footer{gap:8px;padding:18px 20px;display:grid}}