:root{--ink: #2e1f10;--ink-soft: #5a4126;--parch: #ead9b2;--parch-hi: #f6ead0;--bronze-hi: #f5d68e;--bronze: #c08d3e;--bronze-lo: #6b4718;--gilt: #e9c16a;--wood: #3a2414;--wood-dark: #21140b;--title: "Cinzel", "Times New Roman", serif;--text: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .06 0 0 0 0 .02 1.1 0 0 0 -.45'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .45' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .14 1 0 0 0 -.38'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--blotch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .38 0 0 0 0 .16 1.4 0 0 0 -.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");--meander: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0 .75H12M0 11.25H12M1.5 11.25V3.25H9V8.75H4.5V5.75H6.75' fill='none' stroke='%23d9ad55' stroke-width='1.3'/%3E%3C/svg%3E");--meander-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0 .75H12M0 11.25H12M1.5 11.25V3.25H9V8.75H4.5V5.75H6.75' fill='none' stroke='%23854f1f' stroke-width='1.3'/%3E%3C/svg%3E");--timber: var(--grain), var(--fibre), linear-gradient(180deg, #553520 0%, var(--wood) 45%, var(--wood-dark) 100%);--papyrus: var(--fibre), var(--grain), var(--blotch), radial-gradient(120% 90% at 30% 15%, var(--parch-hi) 0%, var(--parch) 55%, #d4b886 100%);--bronze-face: linear-gradient(180deg, #f3d48c 0%, #cf9c4a 38%, #a46e2a 62%, #c99547 100%);--trim: 0 0 0 1px var(--wood-dark), inset 0 0 0 1px rgba(255, 228, 160, .35)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#2b2116;font-family:var(--text);color:var(--parch);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#game-container{width:100%;height:100%}#game-container canvas{display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 20px;background:var(--timber);border-bottom:2px solid var(--bronze);box-shadow:0 1px 0 var(--wood-dark),inset 0 -1px #ffdc9640,0 6px 18px #00000059}.hud-top:after{content:"";position:absolute;left:0;right:0;top:100%;height:9px;margin-top:2px;background:var(--meander) 0 0 / 9px 9px repeat-x,#21140bd1;border-bottom:1px solid var(--bronze-lo);box-shadow:0 3px 6px #0000004d}.logo{display:flex;align-items:center;gap:9px;flex:none}.logo-icon{width:28px;height:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.logo-text{font-family:var(--title);font-size:19px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gilt);background:linear-gradient(180deg,#fbe7ad,#e2b45a 55%,#a87528);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.resource-bar{display:flex;gap:6px}.res{display:flex;align-items:center;gap:6px;min-width:78px;padding:3px 12px 3px 7px;border-radius:4px;background:var(--grain),linear-gradient(180deg,#1c120a,#2c1e13);border:1px solid #120b05;box-shadow:inset 0 2px 4px #0009,0 1px #ffdc962e;font-family:var(--text);font-variant-numeric:tabular-nums lining-nums;font-weight:800;font-size:16px;line-height:1.2;color:var(--parch-hi);text-shadow:0 1px 1px rgba(0,0,0,.8)}.ricon{width:22px;height:22px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.hud-hint{font-size:13px;font-weight:500;color:#ead9b2b8;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hud-hint kbd{display:inline-block;padding:0 5px;border-radius:3px;background:var(--bronze-face);border:1px solid var(--bronze-lo);box-shadow:0 1px 0 var(--wood-dark);font-family:var(--text);font-size:11px;font-weight:800;color:var(--ink)}@media(max-width:1100px){.hud-hint{display:none}}.hud-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;display:flex;justify-content:center;background:linear-gradient(0deg,#140c0573,#140c0500)}.selection-panel{position:relative;display:flex;align-items:center;gap:14px;min-width:260px;padding:16px 22px 12px 14px;border-radius:3px;background:var(--papyrus);border:1px solid #8a6230;box-shadow:inset 0 0 18px #784c1c73,inset 0 0 2px #50320f99,0 0 0 3px var(--wood),0 0 0 4px var(--bronze),0 10px 28px #00000080;color:var(--ink);transition:opacity .25s ease,transform .25s ease}.selection-panel:before{content:"";position:absolute;left:8px;right:8px;top:4px;height:8px;background:var(--meander-ink) 0 0 / 8px 8px repeat-x;opacity:.75}.selection-panel.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.unit-portrait{position:relative;width:54px;height:54px;flex:none;border-radius:50%;background:var(--bronze-face);padding:3px;box-shadow:0 0 0 1px var(--bronze-lo),0 2px 5px #3c230a8c,inset 0 1px 1px #fff5d2b3}.unit-portrait svg{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px var(--bronze-lo)}.unit-portrait:not([data-count=""]):after{content:"×" attr(data-count);position:absolute;right:-8px;bottom:-4px;min-width:22px;padding:1px 5px;border-radius:10px;background:var(--wood);border:1px solid var(--bronze);font-family:var(--text);font-size:12px;font-weight:800;line-height:1.3;color:var(--parch-hi);text-align:center}.unit-info{min-width:0}.unit-info h3{font-family:var(--title);font-size:16px;font-weight:700;color:#6e2416;letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,245,215,.6)}.unit-info p{margin-top:2px;font-size:14px;font-weight:500;color:var(--ink-soft)}.explore-btn{display:flex;align-items:center;gap:5px;margin-left:auto;padding:5px 9px 5px 6px;pointer-events:auto;cursor:pointer;border-radius:4px;font-family:var(--title);font-size:13px;font-weight:700;letter-spacing:.05em;color:#3a240c;background:var(--grain),var(--bronze-face);border:1px solid var(--bronze-lo);box-shadow:0 0 0 1px var(--wood-dark),inset 0 1px #fff5d2bf,0 3px 8px #00000059;touch-action:manipulation;white-space:nowrap}.explore-btn[hidden]{display:none}.selection-panel.hidden .explore-btn{pointer-events:none}.explore-btn .eicon{width:20px;height:20px;flex:none;color:#4a2f0c}.explore-btn kbd{padding:0 4px;border-radius:3px;background:#3a240c2e;border:1px solid rgba(58,36,12,.45);font-family:var(--text);font-size:11px;font-weight:800}.explore-btn:hover{filter:brightness(1.08)}.explore-btn:active{transform:translateY(1px)}.explore-btn[aria-pressed=true]{color:var(--parch-hi);background:var(--timber);border-color:var(--bronze)}.explore-btn[aria-pressed=true] .eicon{color:var(--gilt)}.explore-btn[aria-pressed=true] kbd{border-color:var(--bronze);background:#00000040}.train-btn{position:absolute;right:24px;bottom:24px;pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:10px;padding:7px 18px 7px 8px;border-radius:6px;font-family:var(--title);color:var(--ink);background:var(--grain),var(--bronze-face);border:1px solid var(--bronze-lo);box-shadow:0 0 0 2px var(--wood-dark),inset 0 1px #fff5d2bf,inset 0 -2px 3px #502d0a73,0 8px 20px #00000080;transition:transform .1s ease,filter .1s ease;touch-action:manipulation}.train-badge{position:relative;width:44px;height:44px;flex:none}.train-icon{position:absolute;inset:4px;width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 1px var(--bronze-lo),inset 0 1px 3px #0006}.train-ring{position:absolute;inset:0;width:44px;height:44px;transform:rotate(-90deg);overflow:visible}.train-ring circle{fill:none;stroke-width:3.4}.train-ring-track{stroke:#321c088c}.train-ring-fill{stroke:#fff1bf;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(255,220,120,.9));transition:stroke-dashoffset .12s linear}.train-btn:not(.training) .train-ring-fill{opacity:0}.train-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left}.train-title{font-size:15px;font-weight:700;letter-spacing:.05em;white-space:nowrap;color:#3a240c;text-shadow:0 1px 0 rgba(255,240,200,.65)}.train-sub{font-family:var(--text);font-size:13px;font-weight:700;color:#4d3112;font-variant-numeric:tabular-nums;white-space:nowrap}.train-btn:hover{filter:brightness(1.08)}.train-btn:active{transform:translateY(1px)}.train-btn.disabled{filter:grayscale(.75) brightness(.8);cursor:not-allowed}.train-btn.disabled:active{transform:none}.train-btn.training.disabled{filter:grayscale(.35) brightness(.92)}.select-box{position:fixed;display:none;z-index:20;border:1.5px solid rgba(255,226,150,.95);background:#ffd6781f;box-shadow:0 0 0 1px #28180880;pointer-events:none}.minimap{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:232px;padding:6px;pointer-events:auto;touch-action:none;border-radius:4px;background:var(--timber);box-shadow:0 0 0 1px var(--wood-dark),inset 0 0 0 1px #ffdc9633,0 10px 26px #0000008c;transition:opacity .2s ease}.minimap:before{content:"";position:absolute;left:10px;right:40px;top:-9px;height:9px;background:var(--meander) 0 0 / 9px 9px repeat-x,var(--wood-dark);border:1px solid var(--bronze-lo);border-bottom:none;border-radius:3px 3px 0 0}.minimap.hidden{display:none}.minimap-frame{position:relative;width:100%;overflow:hidden;cursor:crosshair;border:2px solid var(--bronze);box-shadow:0 0 0 1px var(--wood-dark);background:#3c5e2c}.minimap-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--fibre);opacity:.35;box-shadow:inset 0 0 14px #281606a6;mix-blend-mode:multiply}.minimap-layer{position:absolute;inset:0;width:100%;height:100%;display:block}.minimap-fog{image-rendering:auto}.minimap-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;min-height:26px}.minimap-explored{padding-left:2px;font-family:var(--title);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--gilt);text-shadow:0 1px 1px rgba(0,0,0,.8);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}.minimap-scout{width:26px;height:26px;flex:none;padding:2px;border-radius:50%;cursor:pointer;background:var(--bronze-face);border:1px solid var(--bronze-lo);box-shadow:0 0 0 1px var(--wood-dark),0 2px 5px #00000073;touch-action:manipulation}.minimap-scout svg{display:block;width:100%;height:100%;border-radius:50%}.minimap-scout:active{transform:translateY(1px)}.minimap.collapsed .minimap-bar{display:none}.minimap-toggle{position:absolute;right:-10px;top:-14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;cursor:pointer;background:var(--bronze-face);border:1px solid var(--bronze-lo);box-shadow:0 0 0 2px var(--wood-dark),inset 0 1px #fff5d2b3,0 3px 8px #00000073;touch-action:manipulation}.minimap-toggle svg{width:18px;height:18px}.minimap.collapsed{width:auto;padding:0;background:none;box-shadow:none}.minimap.collapsed:before,.minimap.collapsed .minimap-frame{display:none}.minimap.collapsed .minimap-toggle{position:static;width:44px;height:44px}.minimap.collapsed .minimap-toggle svg{width:26px;height:26px}body.fps-mode .minimap{display:none}@media(max-width:900px){.minimap{width:180px}}.touch-bar{display:none}.touch-btn{width:54px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:6px;font-family:var(--title);font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--parch);background:var(--timber);border:1px solid var(--bronze);box-shadow:var(--trim),0 5px 14px #00000073;touch-action:manipulation;cursor:pointer}.touch-btn .ticon{width:22px;height:22px;color:var(--gilt);filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.touch-btn:active{transform:translateY(1px);filter:brightness(1.2)}.touch-btn[aria-pressed=true]{color:var(--ink);background:var(--grain),var(--bronze-face)}.touch-btn[aria-pressed=true] .ticon{color:var(--ink);filter:none}.touch-stick{display:none;position:fixed;z-index:15;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#21140b26,#21140b59);border:2px solid rgba(233,193,106,.55);box-shadow:inset 0 0 0 4px #21140b40}.touch-stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;background:var(--bronze-face);border:1px solid var(--bronze-lo);opacity:.85;transform:translate(-50%,-50%)}.press-ring{position:fixed;z-index:20;width:72px;height:72px;border-radius:50%;border:2px solid rgba(255,226,150,.95);opacity:0;pointer-events:none;transform:translate(-50%,-50%)}body.touch .hud-hint{display:none}body.touch .hud-top{justify-content:center;gap:12px;padding:max(6px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))}body.touch .resource-bar{gap:4px}body.touch .res{min-width:0;gap:4px;padding:2px 8px 2px 5px;font-size:15px}body.touch .ricon{width:20px;height:20px}body.touch .hud-bottom{justify-content:space-between;align-items:flex-end;gap:10px;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}body.touch .touch-bar{order:-1;display:flex;gap:8px;pointer-events:auto}body.touch.fps-mode .rts-only{display:none}body.touch .train-btn{position:static;min-height:54px;gap:8px;padding:5px 12px 5px 6px}body.touch .train-title{font-size:13px}body.touch .train-sub{font-size:12px}body.touch .selection-panel{position:absolute;left:50%;bottom:100%;transform:translate(-50%);min-width:0;max-width:calc(100% - 32px);gap:10px;padding:13px 16px 9px 10px;white-space:nowrap}body.touch .selection-panel.hidden{transform:translate(-50%,12px)}body.touch .unit-portrait{width:42px;height:42px}body.touch .unit-info p{overflow:hidden;text-overflow:ellipsis}body.touch .minimap{left:auto;bottom:auto;right:max(10px,env(safe-area-inset-right));top:calc(max(6px,env(safe-area-inset-top)) + 64px);width:128px;padding:4px}body.touch .minimap:before{display:none}body.touch .minimap-toggle{right:auto;left:-12px;top:-10px;width:32px;height:32px}body.touch .minimap.collapsed .minimap-toggle{width:44px;height:44px}body.touch .minimap-bar{min-height:16px;margin-top:3px;justify-content:flex-end}body.touch .minimap-explored{font-size:10px}body.touch .minimap-scout{position:absolute;left:-16px;top:-6px;width:44px;height:44px;padding:3px}body.touch .explore-btn{min-width:44px;min-height:44px;padding:4px 10px 4px 7px}body.touch .explore-btn kbd{display:none}body.touch .explore-btn .eicon{width:24px;height:24px}@media(max-width:600px){body.touch .logo{display:none}}@media(max-width:380px){body.touch .res{padding:2px 6px 2px 4px;font-size:14px}body.touch .ricon{width:18px;height:18px}body.touch .touch-btn{width:48px}body.touch .explore-btn span{display:none}}@media(max-width:430px){body.touch .train-badge{display:none}body.touch .train-btn{padding:5px 12px}}@media(min-width:720px){body.touch .selection-panel{position:static;transform:none;max-width:none}body.touch .selection-panel.hidden{transform:translateY(12px)}body.touch .minimap{width:176px}}@media(max-height:460px){body.touch .minimap{top:calc(max(6px,env(safe-area-inset-top)) + 58px);width:112px}body.touch .hud-top:after{height:6px;background-size:6px 6px}}.res-pop{position:relative}.res-pop.capped #res-pop{color:#ffb39a}.res-note{position:absolute;top:calc(100% + 14px);right:0;padding:3px 8px;border-radius:3px;background:var(--papyrus);border:1px solid #8a6230;box-shadow:0 0 0 2px var(--wood),0 6px 14px #00000073;font-family:var(--title);font-size:12px;font-weight:700;letter-spacing:.04em;color:#8e2414;text-shadow:none;white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.res-note.show{opacity:1;transform:none}.selection-panel{flex-wrap:wrap;row-gap:10px;pointer-events:auto}.selection-panel.hidden{pointer-events:none}.selection-panel.hidden *{pointer-events:none!important}body.placing .selection-panel{opacity:0;transform:translateY(12px);pointer-events:none}body.placing .selection-panel *{pointer-events:none!important}.build-progress{width:150px;height:7px;margin-top:5px;border-radius:4px;background:#3a240c40;box-shadow:inset 0 1px 2px #28160699;overflow:hidden}.build-progress[hidden]{display:none}.build-progress-fill{width:0;height:100%;background:var(--bronze-face);transition:width .2s linear}.cancel-build-btn[hidden]{display:none}.cancel-build-btn .eicon{width:16px;height:16px;color:#8e2414}.build-grid{flex:1 0 100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px solid rgba(110,70,26,.35)}.build-grid[hidden]{display:none}.build-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:66px;padding:5px 4px 4px;border-radius:4px;cursor:pointer;pointer-events:auto;touch-action:manipulation;font-family:var(--text);color:var(--ink);background:var(--grain),linear-gradient(180deg,#fff8e4bf,#e2ca98bf);border:1px solid var(--bronze-lo);box-shadow:inset 0 1px #fffae6cc,0 2px 4px #3c230a59}.build-btn:hover{filter:brightness(1.06);border-color:var(--bronze)}.build-btn:active{transform:translateY(1px)}.build-icon{width:30px;height:30px;filter:drop-shadow(0 1px 1px rgba(60,35,10,.4))}.build-name{font-family:var(--title);font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap;color:#4d2a10}.build-cost{display:flex;gap:4px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.build-cost-part{display:flex;align-items:center;gap:1px}.build-cost-part.short{color:#a3220f}.cost-icon{width:13px;height:13px}.build-btn kbd{position:absolute;top:2px;right:3px;padding:0 3px;border-radius:2px;background:#3a240c24;border:1px solid rgba(58,36,12,.4);font-family:var(--text);font-size:9.5px;font-weight:800;line-height:1.25}.build-btn.unaffordable .build-icon,.build-btn.unaffordable .build-name{filter:grayscale(.9);opacity:.55}.place-bar{position:absolute;left:50%;bottom:110px;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:7px 8px 7px 14px;border-radius:6px;pointer-events:auto;background:var(--timber);border:1px solid var(--bronze);box-shadow:var(--trim),0 8px 22px #00000080;color:var(--parch)}.place-bar[hidden]{display:none}.place-text{display:flex;flex-direction:column;min-width:0;margin-right:4px}.place-text b{font-family:var(--title);font-size:14px;letter-spacing:.06em;color:var(--gilt)}.place-reason{font-size:13px;font-weight:800;color:#ff9d82}.place-reason:empty{display:none}.place-help{font-size:12px;font-weight:500;color:#ead9b2bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-help kbd{padding:0 4px;border-radius:2px;background:var(--bronze-face);border:1px solid var(--bronze-lo);font-family:var(--text);font-size:10.5px;font-weight:800;color:var(--ink)}.place-help-touch,body.touch .place-help-mouse{display:none}body.touch .place-help-touch{display:inline}.place-btn{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;cursor:pointer;touch-action:manipulation;font-size:20px;font-weight:800;line-height:1;color:var(--ink);background:var(--grain),var(--bronze-face);border:1px solid var(--bronze-lo);box-shadow:0 0 0 1px var(--wood-dark),inset 0 1px #fff5d2bf}.place-btn:active{transform:translateY(1px)}.place-btn-ok{color:#1f4a12}.place-btn-cancel{color:#7a1c10}.place-bar.invalid .place-btn-ok{filter:grayscale(.8) brightness(.8)}body.touch .place-bar{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 70px)}body.touch .place-btn{width:50px;height:50px;font-size:24px}body.fps-mode .place-bar{display:none}.toasts{position:absolute;left:50%;top:64px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:12}.toast{display:flex;align-items:center;gap:8px;max-width:100%;padding:5px 14px 5px 6px;border-radius:4px;cursor:pointer;pointer-events:auto;touch-action:manipulation;text-align:left;font-family:var(--title);font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--ink);background:var(--papyrus);border:1px solid #8a6230;box-shadow:0 0 0 2px var(--wood),0 0 0 3px var(--bronze),0 8px 18px #00000073;animation:toast-in .35s ease-out;transition:opacity .3s ease,transform .3s ease}.toast.leaving{opacity:0;transform:translateY(-8px)}.toast-icon{width:28px;height:28px;flex:none;padding:2px;border-radius:50%;background:var(--bronze-face);box-shadow:0 0 0 1px var(--bronze-lo)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}body.fps-mode .toasts{display:none}body.touch .toasts{left:max(10px,env(safe-area-inset-left));top:calc(max(6px,env(safe-area-inset-top)) + 58px);transform:none;align-items:flex-start;max-width:calc(100% - 170px)}body.touch .toast{font-size:12px;min-height:44px}body.touch .build-btn{min-width:0;min-height:56px;justify-content:center}body.touch .build-btn kbd{display:none}body.touch .build-icon{width:28px;height:28px}@media(max-width:719px){body.touch .build-name{display:none}body.touch .build-grid{gap:4px}body.touch .selection-panel:has(.build-grid:not([hidden])){width:calc(100% - 32px)}}@media(max-width:380px){body.touch .res{padding:2px 5px 2px 3px;font-size:13px}body.touch .ricon{width:16px;height:16px}body.touch .resource-bar{gap:3px}body.touch .build-cost{font-size:11px}body.touch .toasts{max-width:calc(100% - 150px)}}