/* The Iron Keep: local assets, restrained ornament, readable game controls. */
:root{color-scheme:dark;--gold:#d8b66d;--muted:#aaa593;--line:#49483b;--ink:#eee5cb;--red:#a43f30}*{box-sizing:border-box}body{margin:0;background:#111310;color:var(--ink);font:13px/1.4 system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid;border-color:#77715a #25271f #171b17 #65614e;border-radius:2px;background:linear-gradient(#3a3d32,#272c25);box-shadow:inset 0 0 0 1px #161b16,0 2px 1px #0008;color:#e1d8be;padding:8px 10px;transition:background .1s,border-color .1s}button:hover{background:linear-gradient(#4b4c3c,#32362b);border-top-color:#c4af77;color:#fff2cc}button:disabled{opacity:.42;cursor:not-allowed}button.active{background:linear-gradient(#713528,#43231d);border-color:#d7b875 #603e2e #38261c #ad8755;color:#ffe6a4;box-shadow:inset 0 0 0 1px #2c1712}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #efd396;outline-offset:3px}header{height:63px;min-height:63px;display:flex;align-items:center;gap:20px;padding:8px 18px;background:linear-gradient(#303127,#1b201a);border-bottom:1px solid #786a47;box-shadow:inset 0 -3px #11160f,0 2px #000}.brand{display:flex;gap:10px;align-items:center;font:700 23px Georgia,serif;letter-spacing:2px;color:#e7cd8b;text-shadow:0 2px #000}.brand-mark{width:34px;height:34px;color:#b89956}.sub{font:9px monospace;color:#a89d7e;letter-spacing:2px;margin-left:44px;margin-top:2px}#admin-link{font:10px system-ui!important;text-transform:uppercase;letter-spacing:1px;color:#b5ac91!important;text-decoration:none;border:1px solid #5e5a44;padding:7px 10px;margin-left:auto!important;margin-right:0!important}#admin-link:hover{color:#ffe2a0!important}.resources{display:flex;gap:20px;flex-shrink:0}.resources>div{padding:0 14px;border-left:1px solid #66604b}.resources strong{display:block;font:700 22px Georgia;color:#e5d4a6;font-variant-numeric:tabular-nums}.resources span{font:9px system-ui;letter-spacing:1px;text-transform:uppercase;color:#a9a58e}.resources>div:last-child strong{color:#ee9577}.economy-bar{background:linear-gradient(#171c16,#20261d);padding:9px 18px 6px;border-bottom:3px solid #0c110d;box-shadow:inset 0 -1px #716448;z-index:10}.economy-metrics{display:flex;overflow-x:auto;scrollbar-width:thin}.economy-item{display:flex;align-items:center;gap:11px;padding:1px 18px;min-width:150px;flex:1;border-right:1px solid #454a38}.economy-item:first-child{padding-left:0}.economy-item:last-child{border:0}.economy-icon{width:30px;height:30px;color:#c4a45b;filter:drop-shadow(1px 2px #000);flex-shrink:0}.economy-item strong{display:block;font:700 20px Georgia;color:#e5ce96;font-variant-numeric:tabular-nums;white-space:nowrap}.economy-item small{display:block;font:9px system-ui;letter-spacing:1px;color:#a4a993;margin-top:3px;white-space:nowrap}.economy-summary{padding-top:7px;color:#b1b29a;font:10px/1.4 monospace}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 292px;min-width:0;max-width:none;width:100%;margin:0;gap:0}.sidebar{background:linear-gradient(#10130da6,#14180dc9),url('/assets/ui/ironstone.svg');padding:13px;min-width:0;scrollbar-width:thin;scrollbar-color:#69694d #1c2118}.left-panel{border-right:4px ridge #55533e}.right-panel{border-left:4px ridge #55533e}.section{border-bottom:1px solid #464837;padding-bottom:14px;margin-bottom:15px}.section:last-child{border-bottom:0;margin-bottom:0}.sidebar h2{display:flex;align-items:center;gap:8px;font:700 15px Georgia;color:#d9bd7c;margin:0 0 11px;text-shadow:0 2px #000;letter-spacing:.3px}.sidebar h2:before{content:'';display:block;width:4px;height:12px;background:#936b36;border-top:2px solid #dab975;border-bottom:2px solid #261d0f}.left-panel #alert-panel{position:sticky;top:-13px;background:#25251b;padding-top:12px;padding-bottom:12px;z-index:4;box-shadow:0 7px 10px #10150dd9;border-bottom:1px solid #8b6540}.left-panel #alert-panel h2{color:#e7a47c}.alert-button{width:100%;display:block;text-align:left;margin:6px 0;font-size:11px;border-left:3px solid #b14c32;background:linear-gradient(90deg,#492c20,#292c20);line-height:1.4;padding:9px}.game{min-width:0;min-height:0;padding:12px;background:radial-gradient(ellipse at 50% 0,#35342255,transparent 70%),#11160f;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:9px;overflow:hidden}.map-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kicker{font:9px monospace;letter-spacing:1.5px;color:#8f947b;margin-bottom:4px}h1{font:22px Georgia;color:#e4d7b4;margin:0;text-shadow:0 2px #000}#rules-label{font:10px system-ui;color:#939b83;margin:3px 0 0}.controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.controls button{padding:6px 8px;font:12px system-ui}#zoom-label{font:10px monospace;padding:4px!important;color:#a9ac98}.canvas-wrap{position:relative;min-height:0;min-width:0;border:5px solid;border-color:#746747 #363e2b #292f22 #645d43;background:#11140e;box-shadow:inset 0 0 0 2px #000,0 0 0 1px #11160e,0 0 0 3px #3c4230;overflow:hidden}.canvas-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 24px 5px #06090480;border:1px solid #0b120c}canvas{display:block;image-rendering:pixelated;touch-action:none}canvas#map{width:100%;height:100%;cursor:crosshair}#minimap{width:100%;height:auto;aspect-ratio:50/36;border:3px solid;border-color:#171d12 #56563d #646144 #1b2114;box-shadow:0 0 0 1px #747050;cursor:crosshair}.legend{display:flex;gap:15px;flex-wrap:wrap;font:10px system-ui;color:#9bA58c}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;display:inline-block;background:var(--dot);box-shadow:0 0 0 1px #111}.objective{background:linear-gradient(100deg,#302e1c,#1d251a);border:1px solid #5c5a3b;border-left:3px solid #b79a51;padding:8px 10px;line-height:1.4;max-height:58px;overflow:auto;font-size:12px}.objective strong{color:#dfc98c}.objective span{font-size:10px;color:#a5aa90}.footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font:9px system-ui;color:#737d66}.footer button{font-size:10px;padding:5px 8px}.desc{font-size:11px;color:#adb099;line-height:1.5;margin:8px 0}.line{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #30382a;padding:5px 0;color:#adb29c;font-size:11px}.line b{color:#e1dac3;font-variant-numeric:tabular-nums;text-align:right}.full{width:100%;margin-top:7px;padding:9px;background:linear-gradient(#55432a,#352d1f);border-top-color:#9a8152;font-size:12px}.health{height:9px;background:#100f0b;border:1px solid #594332;margin:9px 0;box-shadow:0 1px #666044}.health div{height:100%;background:repeating-linear-gradient(90deg,#b74732 0 5px,#863825 5px 7px);box-shadow:inset 0 1px #dd8361}.tools{display:block}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-heading{font:9px system-ui;letter-spacing:1.4px;text-transform:uppercase;color:#8f997d;margin:15px 0 8px;padding-bottom:5px;border-bottom:1px solid #3d4631}.tool-heading:first-child{margin-top:0}.tools button{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;text-align:left;min-height:66px;padding:8px 7px}.tool-art{width:32px;height:32px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(1px 2px #11150e)}.tool-art svg{width:32px;height:32px;image-rendering:pixelated}.tool-copy{min-width:0}.tool-name{display:block;font:700 12px/1.2 Georgia;color:#d7c69e;overflow-wrap:anywhere}.tools small{display:block;color:#a5ab91;font:9px/1.3 system-ui;margin-top:5px}.tool-key{position:absolute;top:3px;right:4px;font:8px monospace;color:#818c73}.tools button.active:before{content:'';position:absolute;left:-1px;top:8px;bottom:8px;width:3px;background:#e9c16a}.tools button.active .tool-name{color:#ffe4a2}#inspector h3{font:18px Georgia;color:#e3c886;margin:7px 0 12px}#inspector .empty-inspector{display:flex;align-items:center;gap:12px;padding:10px 0;color:#8c997e}.empty-inspector svg{width:37px;height:37px;flex-shrink:0;color:#8d805b}.hint{font:10px/1.5 system-ui;color:#929f83;margin-top:12px}.feed{font-size:11px;line-height:1.5;max-height:180px;overflow:auto;color:#a7ad95}.feed div{border-left:2px solid #695638;padding-left:8px;margin-bottom:10px}.feed time{display:block;font:9px monospace;color:#b79961;margin-bottom:2px}select{width:100%;padding:9px;color:#dcd5ba;background:#20281b;border:1px solid #65694e;border-bottom-color:#363e2a;font-size:12px}.toast{display:none;position:absolute;bottom:16px;left:16px;right:16px;padding:12px 15px;background:#25291af5;border:1px solid #bd9d60;border-left:4px solid #bd9d60;color:#f0dfb4;pointer-events:none;z-index:3;font-size:12px}#import-confirmation{border:1px solid #9b7c49;padding:10px;margin-top:10px}#test-controls{font-size:10px;color:#d3b26e}#test-controls button{font-size:10px;padding:5px}[hidden]{display:none!important}
@media(min-width:1000px){html,body{height:100%;overflow:hidden}body{height:100dvh;display:flex;flex-direction:column}header,.economy-bar{flex:none}.workspace{flex:1;min-height:0;align-items:stretch;overflow:hidden}.sidebar{overflow-y:auto;min-height:0;overscroll-behavior:contain}}
@media(min-width:1600px){.workspace{grid-template-columns:250px minmax(0,1fr) 320px}.tools button{min-height:70px}.tool-name{font-size:13px}.sidebar{padding:15px}.left-panel #alert-panel{top:-15px}}
@media(min-width:1000px) and (max-width:1199px){.workspace{grid-template-columns:195px minmax(0,1fr) 252px}.sidebar{padding:10px}.tools button{grid-template-columns:25px 1fr;gap:5px;padding:7px 5px}.tool-art,.tool-art svg{width:25px;height:25px}.tool-name{font-size:11px}.brand{font-size:20px}.sub{letter-spacing:1px}.resources{gap:4px}}
@media(max-width:999px){header{height:auto;flex-wrap:wrap;padding:12px}.brand{font-size:19px}.sub{font-size:8px}.resources{gap:8px}.resources strong{font-size:18px}.economy-bar{padding:9px 12px}.economy-item{min-width:145px;padding:0 12px}.economy-item strong{font-size:18px}.workspace{grid-template-columns:minmax(0,1fr) 260px}.left-panel{display:contents}.left-panel .section{grid-column:1/-1;order:3;background:#20261a;padding:14px;margin:0;border-bottom:1px solid #4c5239}.left-panel #alert-panel{position:static;order:0;box-shadow:none}.game{grid-column:1;order:1;grid-template-rows:auto auto auto auto auto}.right-panel{grid-column:2;order:2}.canvas-wrap{height:clamp(330px,60dvh,680px)}#minimap{max-width:260px}.alert-button{width:auto;display:inline-block;margin-right:8px}.objective{max-height:none}}
@media(max-width:700px){.workspace{grid-template-columns:1fr}.game,.right-panel{grid-column:1}.right-panel{border-left:0;border-top:3px ridge #55533e}.right-panel .tool-grid{grid-template-columns:repeat(3,1fr)}header{gap:10px}#admin-link{font-size:8px!important;padding:5px}.resources{margin-left:auto}.resources>div{padding:0 8px}.map-header{align-items:flex-start}.controls{gap:3px}.economy-summary{font-size:9px}.legend{gap:8px}.sub{display:none}.brand-mark{width:25px;height:25px}.brand{font-size:17px}.tools button{grid-template-columns:28px minmax(0,1fr)}.tool-art,.tool-art svg{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}