@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Manrope:wght@500;700;800&display=swap";:root{color:#f7edcf;--gold:#f6c45a;--ember:#e06a3d;--moss:#6f9a55;--pine:#1b342b;--ink:#0d1411;--cream:#fff4d8;--blue:#5e9bb8;--line:#fff4d833;--glass:#0c1612b8;--panel:linear-gradient(165deg, #1c3028f0, #0a100eeb);--glow:0 0 28px #f6c45a47;background:#0f1a16;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button{font:inherit}.loading-screen{text-align:center;background:radial-gradient(circle at 50% 35%,#f2b84b38,#0000 28%),linear-gradient(135deg,#0f1714,#253f32 50%,#6f3d2d);align-content:center;place-items:center;gap:18px;min-height:100vh;padding:24px;display:grid}.sigil{background:#111916b8;border:2px solid #f2b84ba6;border-radius:50%;place-items:center;width:108px;height:108px;display:grid;box-shadow:0 0 42px #f2b84b52}.loading-screen h1,.topbar span,h2{font-family:Cinzel,serif}.loading-screen h1{margin:0;font-size:clamp(2.4rem,8vw,5rem)}.loading-screen p{color:#f7edcfbd;margin:0}.loading-bar{border:1px solid var(--line);background:#ffffff14;width:min(360px,80vw);height:10px;overflow:hidden}.loading-bar span{background:linear-gradient(90deg, var(--gold), #fff2a3);width:72%;height:100%;animation:.9s ease-in-out infinite alternate load;display:block}@keyframes load{0%{transform:translate(-22%)}to{transform:translate(42%)}}.game-shell{min-height:100vh;padding:max(16px, env(safe-area-inset-top)) 18px 18px;background:radial-gradient(at 18% 12%,#f6c45a2e,#0000 32%),radial-gradient(at 86% 18%,#5e9bb833,#0000 30%),radial-gradient(at 70% 88%,#e06a3d29,#0000 34%),linear-gradient(160deg,#0c1612 0%,#1a3328 42%,#3a2418 100%)}.topbar{justify-content:space-between;align-items:center;gap:14px;max-width:1380px;margin:0 auto 16px;display:flex}.brand-mark,.resource-strip,.resource,.stat-grid span,.castle-card{align-items:center;display:flex}.brand-mark{color:var(--gold);gap:10px;font-size:1.18rem}.resource-strip{flex-wrap:wrap;justify-content:flex-end;gap:8px}.resource{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#fff4d81a,#0c1410b8);border:1px solid #f6c45a47;border-radius:14px;justify-content:center;gap:6px;min-width:88px;padding:10px 13px;box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000038}.kingdom-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(280px,320px);align-items:start;gap:16px;max-width:1380px;margin:0 auto;display:grid}.council-panel,.territory-panel,.battle-panel{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #f6c45a38;border-radius:22px;box-shadow:0 22px 48px #00000057,inset 0 1px #fff4d814}.council-panel,.territory-panel{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:14px;min-height:0;max-height:calc(100dvh - 96px);padding:18px;display:flex;overflow:hidden auto}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:0;margin:0 0 6px;font-size:.74rem;font-weight:800}h2{color:#ffe7a3;margin:0 0 10px;font-size:clamp(1.45rem,3vw,2rem)}p{line-height:1.55}.primary-action,.secondary-action,.ghost-action{color:#2a1708;cursor:pointer;touch-action:manipulation;background:linear-gradient(145deg,#ffe08a,#f0b03a 55%,#d07a28);border:1px solid #f6c45a80;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:46px;font-weight:800;transition:transform .16s,filter .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 22px #d07a2847,inset 0 1px #ffffff59}.council-panel .primary-action,.council-panel .secondary-action.wide,.council-panel .ghost-action.wide{width:100%}.council-lead{margin:0}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled){filter:saturate(1.08)brightness(1.04);transform:translateY(-1px)}.secondary-action{color:var(--cream);background:linear-gradient(#fff4d81f,#fff4d80d);box-shadow:inset 0 1px #ffffff14}.ghost-action{min-height:38px;color:var(--cream);box-shadow:none;background:#fff4d814;padding:0 14px}button:disabled{opacity:.43;cursor:not-allowed}.stat-grid{grid-template-columns:1fr;gap:10px;display:grid}.stat-grid span{border:1px solid var(--line);background:#f7edcf12;border-radius:12px;gap:8px;padding:12px}.map-stage{top:max(12px, env(safe-area-inset-top));touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#1a140e;border:1px solid #7852288c;border-radius:18px;height:calc(100dvh - 96px);min-height:520px;max-height:calc(100dvh - 96px);padding:0;position:sticky;overflow:hidden;box-shadow:0 24px 50px #00000059,inset 0 0 0 1px #ffecbe59,inset 0 0 40px #462a122e}.map-stage.is-dragging{cursor:grabbing}.map-stage.is-dragging .territory-node{pointer-events:none}.map-zoom-tools{z-index:20;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;width:auto;max-width:calc(100% - 20px);display:inline-flex;position:absolute;top:12px;right:12px}.map-zoom-btn{color:#ffe7a8;cursor:pointer;touch-action:manipulation;background:linear-gradient(160deg,#2a1e10eb,#120e0af0);border:1px solid #d6a85673;border-radius:12px;justify-content:center;align-items:center;min-width:44px;height:44px;padding:0 10px;display:inline-flex;box-shadow:0 8px 16px #00000059}.map-zoom-btn.wide{width:auto;min-width:48px;font-size:.78rem;font-weight:800}.map-zoom-btn:hover{color:#fff4d0;border-color:#ffd678b3}.map-zoom-label{color:#ffe7a8;background:#0c0a088c;border:1px solid #d6a85647;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.map-plate{transform-origin:50%;will-change:transform;width:280%;min-width:280%;height:140%;min-height:140%;box-shadow:none;background:0 0;margin-top:-70%;margin-left:-140%;position:relative;top:50%;left:50%;overflow:visible}.world-tile{filter:saturate(.9)contrast(.96)brightness(.9);pointer-events:none;background-color:#0000;background-image:linear-gradient(#0c0a0838,#08060461),radial-gradient(at 50% 42%,#0000 38%,#060c1285 100%),url(/assets/generated/world-map-midjourney.png),url(/assets/generated/world-globe-map.svg),linear-gradient(145deg,#0f2a38,#1a3a30 55%,#0e2428);background-position:50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 80px #00000047}.world-tile .territory-node,.world-tile .caravan-layer,.world-tile .caravan-marker{pointer-events:auto}.map-plate[data-world=globe]:after{content:"Глобус · без края по X и Y";z-index:1;pointer-events:none;letter-spacing:.12em;text-transform:uppercase;color:#ffe6aa47;text-shadow:0 1px 2px #00000080;font-size:clamp(.7rem,1.1vw,1rem);position:absolute;bottom:2.4%;left:2.2%}.roads{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.roads line{stroke:#d2b46e38;stroke-width:.45px;stroke-dasharray:1.4 2.8;opacity:.4}.sky-life{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-bird{opacity:.55;width:18px;height:8px;transform:scale(var(--bird-scale,1));filter:drop-shadow(0 1px 1px #140c0459);animation-name:bird-fly-1;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;left:-8%}.map-bird:before,.map-bird:after{content:"";background:#2a1c0eb8;border-radius:2px;width:10px;height:2px;position:absolute;top:50%}.map-bird:before{transform-origin:100%;animation:.35s ease-in-out infinite wing-flap;left:0;transform:rotate(-28deg)}.map-bird:after{transform-origin:0;animation:.35s ease-in-out infinite reverse wing-flap;right:0;transform:rotate(28deg)}.map-bird.path-1{animation-name:bird-fly-1}.map-bird.path-2{opacity:.42;animation-name:bird-fly-2}.map-bird.path-3{opacity:.5;animation-name:bird-fly-3}@keyframes wing-flap{0%,to{transform:rotate(-28deg)}50%{transform:rotate(18deg)}}.map-bird.path-2:before,.map-bird.path-3:before{animation-name:wing-flap}@keyframes bird-fly-1{0%{transform:translate3d(0, 0, 0) scale(var(--bird-scale,1))}25%{transform:translate3d(32vw, -10px, 0) scale(var(--bird-scale,1))}50%{transform:translate3d(58vw, 8px, 0) scale(var(--bird-scale,1))}75%{transform:translate3d(82vw, -6px, 0) scale(var(--bird-scale,1))}to{transform:translate3d(110vw, 4px, 0) scale(var(--bird-scale,1))}}@keyframes bird-fly-2{0%{transform:translate3d(110vw, 0, 0) scale(var(--bird-scale,1)) scaleX(-1)}30%{transform:translate3d(70vw, 12px, 0) scale(var(--bird-scale,1)) scaleX(-1)}60%{transform:translate3d(35vw, -8px, 0) scale(var(--bird-scale,1)) scaleX(-1)}to{transform:translate3d(-12vw, 6px, 0) scale(var(--bird-scale,1)) scaleX(-1)}}@keyframes bird-fly-3{0%{transform:translate3d(-10vw, 20px, 0) scale(var(--bird-scale,1))}40%{transform:translate3d(40vw, -14px, 0) scale(var(--bird-scale,1))}70%{transform:translate3d(75vw, 10px, 0) scale(var(--bird-scale,1))}to{transform:translate3d(115vw, -4px, 0) scale(var(--bird-scale,1))}}.territory-node{z-index:5;color:#fff6df;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:radial-gradient(circle at 50% 20%,#ffecb42e,#0000 55%),linear-gradient(165deg,#1c160eb8,#0e0c0ac7);border:1px solid #ffdc8c47;border-radius:16px;place-items:center;gap:4px;width:118px;min-height:76px;padding:8px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 26px #0006,0 0 0 1px #00000040,inset 0 1px #ffecbe33}.territory-node span{color:#ffe7b0;text-shadow:0 1px 2px #000000a6;font-size:.72rem;line-height:1.1}.territory-node strong{color:#fff8e4;text-shadow:0 1px 3px #000000bf}.territory-node:hover,.territory-node.active{border-color:#ffd678bf;transform:translate(-50%,-50%)scale(1.07);box-shadow:0 0 22px #ffc45059,0 14px 28px #0006}.territory-node.capital{color:#fff1c2;background:radial-gradient(circle at 50% 15%,#ffd26459,#0000 50%),linear-gradient(145deg,#a0641ce0,#503010e6);border-color:#ffc45a8c;width:142px;min-height:94px}.territory-node.capital span,.territory-node.capital strong{color:#fff4d0}.territory-node.captured{color:#f4ffe8;background:linear-gradient(145deg,#467837db,#20401ee0);border-color:#8cd26466}.territory-node.captured span,.territory-node.captured strong{color:#f4ffe8}.territory-node.frontier{background:linear-gradient(145deg,#463a1ec7,#241c0ed1);border-color:#e6be6459}.territory-node.locked{filter:grayscale(.25)saturate(.8);opacity:.78;background:linear-gradient(145deg,#32343ad1,#1c1e24db);border-color:#a0b4d24d}.territory-node.enemy{color:#fff4ea;border-color:color-mix(in srgb, var(--node-accent,#ff8b6a) 55%, #402018);background:linear-gradient(145deg, color-mix(in srgb, var(--node-accent,#ff8b6a) 72%, #2a1410), color-mix(in srgb, var(--node-accent,#ff8b6a) 42%, #140c0a));box-shadow:0 0 18px color-mix(in srgb, var(--node-accent,#ff8b6a) 35%, transparent), 0 10px 22px #280c0857}.territory-node.enemy span,.territory-node.enemy strong{color:#fff6ef}.territory-node.compact{border-radius:11px;gap:1px;width:56px;min-height:42px;padding:4px 3px}.map-plate[data-world=globe] .territory-node:not(.compact){width:96px;min-height:64px}.map-plate[data-world=globe] .territory-node.capital:not(.compact){width:114px;min-height:78px}.territory-node.compact span{text-overflow:ellipsis;white-space:nowrap;max-width:66px;font-size:.58rem;overflow:hidden}.territory-node.compact.capital{width:84px;min-height:58px}.territory-node.compact .owner-tag,.territory-node.compact .vault-tag{padding:0 4px;font-size:.48rem}.territory-node .owner-tag{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;color:#fff4e8e0;max-width:100%;font-size:.58rem;font-style:normal;font-weight:800;display:block;overflow:hidden}.status-pill{border:1px solid var(--line);text-transform:uppercase;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.72rem;font-weight:800}.status-pill.capital,.status-pill.captured{color:#d4ffca}.status-pill.frontier{color:#ffe1a6}.status-pill.locked{color:#bfc7c1}.status-pill.enemy{color:#ffb39a;border-color:#ff8b6a73}.castle-card{border:1px solid var(--line);background:#f7edcf14;border-radius:16px;gap:14px;padding:14px}.castle-art{aspect-ratio:1;background:linear-gradient(145deg, var(--gold), var(--ember));color:#201610;border-radius:16px;place-items:center;width:72px;display:grid}.castle-card div:last-child{gap:4px;display:grid}.castle-card span{color:#f7edcfc2}.battle-overlay{z-index:10;background:radial-gradient(circle at 50% 20%,#f6c45a2e,#0000 34%),radial-gradient(circle at 70% 80%,#588cff24,#0000 30%),#050807c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.battle-panel{background:linear-gradient(165deg,#243a30f5,#0c1210f5),radial-gradient(circle at 20% 0,#ffdc781f,#0000 40%);border:1px solid #f6c45a47;border-radius:24px;width:min(560px,100%);padding:18px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000007a,inset 0 1px #fff4d814}.battle-panel.mini-battle-shell{width:min(640px,100%);max-height:min(920px,100vh - 24px);padding:14px 16px 16px;overflow:auto}.combat-pick-panel{width:min(640px,100%)}.combat-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.combat-pick-card{text-align:left;color:#f7edcf;cursor:pointer;background:linear-gradient(160deg,#1c302af2,#0e1614f5),radial-gradient(circle at 20% 0,#78beff1f,#0000 55%);border:1px solid #f6c45a47;border-radius:18px;justify-items:start;gap:8px;padding:14px 14px 16px;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid;box-shadow:inset 0 1px #fff4d814}.combat-pick-card:hover{border-color:#ffdc788c;transform:translateY(-2px);box-shadow:0 12px 28px #00000047,inset 0 1px #fff4d81f}.combat-pick-card strong{font-family:Cinzel,serif;font-size:1.02rem}.combat-pick-card small{color:#f7edcfb8;line-height:1.35}.mini-battle{gap:10px;display:grid}.td-hud,.pong-hud{color:#f7edcfe6;flex-wrap:wrap;gap:10px 14px;font-size:.92rem;display:flex}.td-hud span,.pong-hud span{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.td-prep{font-weight:800;animation:1s ease-in-out infinite prep-pulse;color:#ffe7a8!important;background:#f6c45a29!important;border-color:#f6c45a73!important}@keyframes prep-pulse{0%,to{box-shadow:0 0 #f6c45a00}50%{box-shadow:0 0 14px #f6c45a59}}.td-stage{touch-action:manipulation;background:radial-gradient(circle at 85% 48%,#f6c45a29,#0000 22%),linear-gradient(#224830f2 0%,#163022fa 42%,#12241c 100%),repeating-linear-gradient(90deg,#ffffff05 0 2px,#0000 2px 18px);border:1px solid #a0dcff29;border-radius:18px;width:100%;height:min(420px,52vh);min-height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000059}.td-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.td-castle{color:#201610;z-index:2;pointer-events:none;background:linear-gradient(145deg,#f6c45af2,#b45a28eb);border:1px solid #fff0b48c;border-radius:16px;place-items:center;gap:2px;width:64px;height:64px;display:grid;position:absolute;top:42%;right:4%;transform:translateY(-50%);box-shadow:0 10px 24px #00000059}.td-castle small{font-size:.62rem;font-weight:700}.td-slot{color:#f7edcf;cursor:pointer;z-index:3;background:#0a120e73;border:1.5px dashed #ffe6a073;border-radius:12px;place-items:center;gap:0;width:44px;height:44px;padding:0;transition:transform .12s,border-color .12s,background .12s;display:grid;position:absolute;transform:translate(-50%,-50%)}.td-slot:hover,.td-slot.active{background:#1e3024b8;border-color:#ffe678e6;transform:translate(-50%,-50%)scale(1.08)}.td-slot.has-tower{background:#0c1c24d1;border-style:solid;border-color:#7ec8ff8c}.td-slot.has-tower.type-cannon{border-color:#ffb060b3}.td-slot.has-tower.type-frost{border-color:#9ef0ffb3}.td-slot-plus{opacity:.75;font-size:1.25rem}.td-tower-glyph{font-size:1.05rem;line-height:1}.td-slot small{opacity:.85;font-size:.58rem}.td-enemy{color:#ffe8e0;z-index:4;pointer-events:none;background:radial-gradient(circle at 30% 25%,#ff8a7a,#8b1a1a 70%);border:1px solid #ffc8b473;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #78000073}.td-enemy.slowed{filter:hue-rotate(160deg)saturate(1.2);box-shadow:0 0 12px #78dcff8c}.td-enemy-hp{background:linear-gradient(90deg,#ff5b45,#ffd56a);border-radius:99px;height:3px;position:absolute;top:-5px;left:10%}.td-shot{z-index:5;pointer-events:none;background:#fff2a3;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffdc64e6}.td-shot.kind-cannon{background:#ffb060;width:10px;height:10px;box-shadow:0 0 12px #ff8c28e6}.td-shot.kind-frost{background:#9ef0ff;box-shadow:0 0 12px #78e6ffe6}.td-float{color:#fff3b0;text-shadow:0 1px 2px #000;z-index:6;pointer-events:none;white-space:nowrap;font-size:.72rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.td-controls{gap:10px;display:grid}.td-build-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.td-build-btn{text-align:left;color:#f7edcf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;gap:4px;padding:10px 12px;display:grid}.td-build-btn.active{background:#f6c45a1f;border-color:#f6c45a8c;box-shadow:inset 0 0 0 1px #f6c45a2e}.td-build-btn small{color:#f7edcfb3}.td-actions-row{grid-template-columns:1.1fr .8fr 1.1fr;gap:8px;display:grid}.td-actions-row .primary-action,.td-actions-row .secondary-action{justify-content:center;width:100%;margin:0}.pong-stage{aspect-ratio:4/5;touch-action:none;cursor:none;background:radial-gradient(circle,#5078b42e,#0000 45%),linear-gradient(#122434fa,#0a121cfa);border:1px solid #a0dcff2e;border-radius:18px;width:100%;max-height:min(460px,56vh);position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0006}.pong-net{pointer-events:none;border-top:2px dashed #ffffff2e;height:0;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.pong-paddle{z-index:2;pointer-events:none;background:linear-gradient(90deg,#7ec8ff,#d7f0ff);border-radius:999px;width:18%;height:3.2%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 16px #78c8ff8c}.pong-paddle.player{background:linear-gradient(90deg,#f6c45a,#fff1a8);top:92%;box-shadow:0 0 16px #f6c45a8c}.pong-paddle.enemy{background:linear-gradient(90deg,#ff6b7d,#ffb0b8);top:8%;box-shadow:0 0 16px #ff506473}.pong-ball{aspect-ratio:1;z-index:3;pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff,#ffe066 45%,#c45a00);border-radius:50%;width:3.6%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 14px #ffdc64bf}.pong-hint{color:#f7edcfbf;pointer-events:none;z-index:1;background:#00000047;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.battle-panel.battle-hit{animation:.42s battle-panel-pulse}@keyframes battle-panel-pulse{0%{box-shadow:0 0 #ffd65a00}35%{box-shadow:0 0 40px #ffd65a73,0 28px 70px #0000007a}to{box-shadow:0 28px 70px #0000007a,inset 0 1px #fff4d814}}.battle-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.morale-bar{border:1px solid var(--line);background:#ffffff17;border-radius:999px;height:14px;margin:8px 0 12px;overflow:hidden}.morale-bar span{background:linear-gradient(90deg,#ff5b45,#ffd56a 70%,#fff1a8);height:100%;transition:width .28s;display:block;box-shadow:0 0 18px #ffb44673}.battle-log{color:#f7edcfe0;min-height:50px;margin:0 0 14px}.battle-float-damage{z-index:3;color:#fff3b0;text-shadow:0 0 18px #ff7828e6,0 2px #7a2a10;pointer-events:none;font-family:Cinzel,serif;font-size:1.55rem;font-weight:800;animation:.72s forwards float-damage;position:absolute;top:92px;right:28px}@keyframes float-damage{0%{opacity:0;transform:translateY(10px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-28px)scale(1)}}.match-board{background:linear-gradient(160deg,#122a3ae0,#0c1c18eb),radial-gradient(circle at 50% 0,#78beff24,#0000 55%);border:1px solid #a0dcff2e;border-radius:18px;grid-template-columns:repeat(7,minmax(34px,1fr));gap:8px;padding:12px;display:grid;position:relative;box-shadow:inset 0 0 30px #00000047}.match-board.is-busy{pointer-events:none}.gem{aspect-ratio:1;cursor:pointer;isolation:isolate;border:2px solid #ffffff47;border-radius:14px;place-items:center;padding:0;transition:transform .14s,box-shadow .14s,filter .14s;display:grid;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 8px 16px #00000047,inset 0 -10px 18px #00000038,inset 0 1px #ffffff59}.gem:before{content:"";opacity:.85;pointer-events:none;z-index:2;background:linear-gradient(#ffffffb8,#fff0);border-radius:999px;height:34%;position:absolute;inset:8% 12% auto}.gem:hover:not(:disabled){filter:brightness(1.08)saturate(1.12);transform:translateY(-2px)scale(1.04)}.gem.selected{outline-offset:1px;outline:3px solid #fff2a3;animation:.9s ease-in-out infinite gem-select-pulse;transform:scale(1.08);box-shadow:0 0 0 3px #fff2a340,0 0 26px #ffdc5a8c,inset 0 -10px 18px #0000002e}@keyframes gem-select-pulse{0%,to{filter:brightness(1.05)}50%{filter:brightness(1.22)saturate(1.2)}}.gem.clearing{z-index:2;pointer-events:none;animation:.42s cubic-bezier(.2,.8,.2,1) forwards gem-clear}.gem.spawn{animation:.32s cubic-bezier(.2,.85,.25,1) both gem-spawn}@keyframes gem-clear{0%{filter:brightness(1.2);opacity:1;transform:scale(1)rotate(0)}40%{filter:brightness(1.7)saturate(1.4);opacity:1;transform:scale(1.28)rotate(-6deg)}to{filter:brightness(2);opacity:0;transform:scale(.15)rotate(12deg)}}@keyframes gem-spawn{0%{opacity:0;filter:brightness(1.5);transform:translateY(-18px)scale(.45)}60%{opacity:1;transform:translateY(2px)scale(1.08)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}.gem.ruby{background:radial-gradient(circle at 30% 22%,#ffe1ea 0%,#ff6b7d 28%,#ff1f4b 58%,#8c0024 100%);box-shadow:0 8px 18px #ff285059,inset 0 -10px 18px #50001459,inset 0 1px #ffffff73}.gem.emerald{background:radial-gradient(circle at 30% 22%,#e9ffd8 0%,#7dff8a 28%,#12d45a 58%,#066a2f 100%);box-shadow:0 8px 18px #14dc5a52,inset 0 -10px 18px #003c1959,inset 0 1px #ffffff73}.gem.sapphire{background:radial-gradient(circle at 30% 22%,#e4f7ff 0%,#79c9ff 28%,#2f7dff 58%,#0b2f8a 100%);box-shadow:0 8px 18px #328cff59,inset 0 -10px 18px #0a1e5a59,inset 0 1px #ffffff73}.gem.sun{background:radial-gradient(circle at 30% 22%,#fff8c8 0%,#ffe066 28%,#ffb000 58%,#c45a00 100%);box-shadow:0 8px 18px #ffb41466,inset 0 -10px 18px #7832004d,inset 0 1px #ffffff80}.gem.moon{background:radial-gradient(circle at 30% 22%,#fff0ff 0%,#d7b7ff 28%,#a46bff 58%,#4a248c 100%);box-shadow:0 8px 18px #aa6eff59,inset 0 -10px 18px #32145a59,inset 0 1px #ffffff73}.gem-jewel{z-index:1;background:inherit;filter:saturate(1.25)brightness(1.08);border-radius:18% 18% 28% 28%/16% 16% 34% 34%;width:62%;height:62%;position:relative;transform:rotate(45deg)scale(.92);box-shadow:0 0 14px #ffffff47,inset 0 0 10px #ffffff59}.gem-jewel-ruby{clip-path:polygon(50% 0%,90% 30%,72% 100%,28% 100%,10% 30%);background:linear-gradient(145deg,#fff1f4 0%,#ff6d84 28%,#ff1748 62%,#8f0028 100%);border-radius:0;transform:none;box-shadow:0 0 16px #ff325a8c,inset 0 0 8px #ffffff59}.gem-jewel-emerald{clip-path:polygon(50% 4%,92% 35%,74% 96%,26% 96%,8% 35%);background:linear-gradient(145deg,#f0ffe8 0%,#74ff86 28%,#00d24e 62%,#047235 100%);border-radius:0;transform:none;box-shadow:0 0 16px #14e66480,inset 0 0 8px #ffffff59}.gem-jewel-sapphire{clip-path:polygon(18% 18%,82% 18%,100% 50%,82% 82%,18% 82%,0 50%);background:linear-gradient(145deg,#f0fbff 0%,#78cfff 28%,#2b7bff 62%,#0a2f8f 100%);border-radius:0;transform:none;box-shadow:0 0 16px #3c96ff8c,inset 0 0 8px #ffffff59}.gem-jewel-sun{background:radial-gradient(circle at 32% 28%,#fffef0 0%,#ffe56a 35%,#ffb400 70%,#d45f00 100%);border-radius:50%;transform:none;box-shadow:0 0 18px #ffbe28a6,inset 0 0 8px #fff6}.gem-jewel-moon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0 38%);background:linear-gradient(145deg,#fff7ff 0%,#dfbfff 28%,#b07aff 62%,#522a9a 100%);border-radius:0;transform:none;box-shadow:0 0 16px #b478ff8c,inset 0 0 8px #ffffff59}.gem-cut{pointer-events:none;position:absolute;inset:0}.gem-cut-a{background:linear-gradient(120deg,#ffffffa6,#0000 42% 58%,#ffffff2e)}.gem-cut-b{background:linear-gradient(210deg,#0000 40%,#ffffff47 50%,#0000 62%)}.gem-spark{filter:blur(.4px);background:#ffffffe6;border-radius:50%;width:22%;height:18%;animation:1.8s ease-in-out infinite gem-twinkle;position:absolute;top:14%;left:18%;box-shadow:0 0 8px #ffffffd9}@keyframes gem-twinkle{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.gem-burst{z-index:4;pointer-events:none;position:absolute;inset:0}.gem-burst i{background:#fff8c8;border-radius:50%;width:8px;height:8px;margin:-4px;animation:.42s ease-out forwards gem-particle;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #fff096f2}.gem-burst i:first-child{--dx:-18px;--dy:-16px}.gem-burst i:nth-child(2){--dx:16px;--dy:-18px;background:#ffd0e0}.gem-burst i:nth-child(3){--dx:-20px;--dy:10px;background:#c8ffe0}.gem-burst i:nth-child(4){--dx:18px;--dy:12px;background:#cfe4ff}.gem-burst i:nth-child(5){--dx:0px;--dy:-22px;background:#ffe9a0}.gem-burst i:nth-child(6){--dx:0px;--dy:20px;background:#f0d0ff}@keyframes gem-particle{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}.match-flash{z-index:3;pointer-events:none;background:radial-gradient(circle,#fffffff2,#fff0 70%);border-radius:14px;animation:.42s ease-out forwards match-flash-pop;position:relative;box-shadow:0 0 24px #ffffff8c}.match-flash.ruby{background:radial-gradient(circle,#ff7896f2,#ff285000 70%)}.match-flash.emerald{background:radial-gradient(circle,#78ffa0f2,#14dc5a00 70%)}.match-flash.sapphire{background:radial-gradient(circle,#82c8fff2,#2878ff00 70%)}.match-flash.sun{background:radial-gradient(circle,#fff08cfa,#ffb41e00 70%)}.match-flash.moon{background:radial-gradient(circle,#e6befff2,#a064ff00 70%)}@keyframes match-flash-pop{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(1.7)}}.wide{width:100%;margin-top:14px}.castle-overlay{z-index:9;background:#050807c2;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.castle-view{background:linear-gradient(#1c3028f7,#0a100ef5);border:1px solid #f6c45a52;border-radius:28px;width:min(1180px,100%);max-height:calc(100vh - 32px);padding:18px;overflow:auto;box-shadow:0 28px 70px #00000080,inset 0 1px #fff4d814}.camera-tools{grid-template-columns:auto minmax(160px,1fr) auto auto;align-items:center;gap:10px;margin:8px 0 16px;display:grid}.camera-tools input{accent-color:var(--gold)}.estate-layout{grid-template-columns:minmax(420px,1fr) 300px;gap:16px;display:grid}.estate-scene{isolation:isolate;background:#163226;border:1px solid #f6c45a47;border-radius:24px;min-height:580px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px #00000047}.estate-art-layer{transform:translateX(var(--camera-shift,0px)) scale(var(--camera-zoom,1));z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .28s;position:absolute;inset:-4%}.estate-scene.day .estate-art-layer{background-image:linear-gradient(#08100c0a,#08100c24),url(/assets/generated/castle-estate-day.png)}.estate-scene.night .estate-art-layer{background-image:linear-gradient(#060a161a,#04080e3d),url(/assets/generated/castle-estate-night.png)}.estate-scene:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 50% 18%,#ffecaa1f,#0000 42%),linear-gradient(#0000 55%,#080e0c2e 100%);position:absolute;inset:0}.estate-scene.night:after{background:radial-gradient(at 78% 14%,#a0beff24,#0000 28%),radial-gradient(at 50% 70%,#ffaa460f,#0000 36%),linear-gradient(#0408121f,#04080e47)}.estate-ground{width:100%;height:100%;transform:translateX(calc(var(--camera-shift,0px) * .55));z-index:2;background:0 0;border:0;transition:transform .28s;position:absolute;inset:0}.hotspot-ring{background:radial-gradient(#f6c45a47,#0000 72%);border:2px solid #f6c45a8c;border-radius:50%;width:54px;height:20px;animation:2.4s ease-in-out infinite hotspot-pulse;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #f6c45a40}@keyframes hotspot-pulse{0%,to{opacity:.72;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.08)}}.castle-model,.building-model{color:#23180e;z-index:3;filter:drop-shadow(0 10px 14px #00000047);place-items:end center;display:grid;position:absolute;transform:translate(-50%,-50%)}.castle-model{pointer-events:auto;width:160px;height:130px}.castle-model small,.building-model small{color:#fff8e4;text-align:center;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(#121c18e0,#0a100ee6);border:1px solid #f6c45a6b;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:800;position:relative;box-shadow:0 8px 16px #00000047}.building-model{cursor:pointer;background:0 0;border:0;width:96px;height:72px;transition:transform .16s,filter .16s}.building-model:hover{filter:drop-shadow(0 14px 18px #f6c45a47)brightness(1.05);transform:translate(-50%,calc(-50% - 4px))}.building-model.keep{width:160px;height:130px}.building-model:hover .hotspot-ring{background:radial-gradient(#ffdc7873,#0000 72%);border-color:#ffec96f2;animation:none}.building-list{align-content:start;gap:10px;display:grid}.building-row{min-height:76px;color:var(--cream);cursor:pointer;text-align:left;background:linear-gradient(145deg,#fff4d81a,#fff4d80a);border:1px solid #f6c45a33;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:transform .15s,border-color .15s,background .15s;display:flex;box-shadow:inset 0 1px #ffffff0d}.building-row:hover:not(:disabled){background:linear-gradient(145deg,#f6c45a24,#fff4d80d);border-color:#f6c45a73;transform:translateY(-1px)}.building-row span{gap:4px;display:grid}.building-row small{color:#f7edcfad}.building-row b{color:#ffe7a3;white-space:nowrap}.muted-copy{color:#f7edcfad;margin:0;font-size:.88rem;line-height:1.4}.difficulty-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.difficulty-chip{border:1px solid var(--line);color:#f7edcf;cursor:pointer;text-wrap:balance;touch-action:manipulation;background:#fff4d80d;border-radius:12px;min-height:44px;padding:10px 8px;font-weight:800;line-height:1.2;transition:border-color .16s,background .16s,transform .16s}.difficulty-chip:hover{border-color:#f6c45a73;transform:translateY(-1px)}.difficulty-chip.active{background:linear-gradient(145deg,#f6c45a47,#e06a3d2e);border-color:#f6c45abf;box-shadow:0 0 18px #f6c45a2e}.contract-card,.war-log,.rival-list,.pvp-card{border:1px solid var(--line);background:#f7edcf0f;border-radius:16px;gap:8px;padding:14px;display:grid}.contract-card strong,.pvp-card strong,.rival-row strong{font-family:Cinzel,serif}.contract-card span,.pvp-card span,.rival-row span,.owner-line{color:#f7edcfbd}.contract-card.claimed{opacity:.78;border-color:#6f9a5573}.contract-card.ready{border-color:#f6c45aa6;animation:1.6s ease-in-out infinite contract-ready;box-shadow:0 0 22px #f6c45a2e}@keyframes contract-ready{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.next-step-card{background:linear-gradient(145deg,#f6c45a24,#588cff14),#00000029;border:1px solid #f6c45a59;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.next-step-card strong{color:#ffe9b0;font-size:.92rem;font-weight:700;line-height:1.35}.attack-hint{margin:0;font-size:.82rem;line-height:1.35}.match3-tip{color:#f7edcfe6;background:#142834b8;border:1px solid #7ec8ff59;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.86rem;line-height:1.4;display:flex}.match3-tip .ghost-action{flex-shrink:0;padding:6px 10px}.coach-overlay{z-index:30;padding:16px;padding-bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;background:radial-gradient(circle at 50% 80%,#f6c45a24,#0000 42%),#0508078c;place-items:end center;display:grid;position:fixed;inset:0}.onboard-card{background:linear-gradient(165deg,#24342cfa,#0c100efa);border:1px solid #f6c45a66;border-radius:20px;gap:10px;width:min(440px,100%);padding:18px 18px 16px;display:grid;box-shadow:0 24px 60px #00000080}.onboard-card h2{margin:0;font-family:Cinzel,serif;font-size:1.25rem}.onboard-card p{color:#f7edcfd1;margin:0;line-height:1.45}.coach-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.contract-progress{background:#ffffff14;border:1px solid #fff4d81f;border-radius:999px;height:8px;overflow:hidden}.contract-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--gold), #fff2a3);height:100%;display:block}.war-log ul{gap:8px;max-height:148px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.war-log li{color:#f7edcfd1;background:#0000002e;border:1px solid #fff4d814;border-radius:10px;padding:8px 10px;font-size:.84rem;line-height:1.35}.rival-list{gap:10px}.rival-row{border:1px solid color-mix(in srgb, var(--rival,var(--gold)) 35%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--rival,var(--gold)) 18%, transparent), #0000001f);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.pvp-card{border-color:color-mix(in srgb, var(--rival,#ff8b6a) 42%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--rival,#ff8b6a) 16%, transparent), #f7edcf0d)}.pvp-card small{color:#f7edcf9e}.owner-line{margin:0;font-weight:700}.game-toast{top:max(18px, env(safe-area-inset-top));z-index:30;max-width:min(520px,100vw - 24px);box-shadow:0 16px 40px #0000006b, var(--glow);color:#fff4d8;text-align:center;background:linear-gradient(165deg,#24342af5,#0e1210f5);border:1px solid #f6c45a6b;border-radius:14px;padding:12px 16px;font-weight:700;animation:.22s toast-in;position:fixed;left:50%;transform:translate(-50%)}.spend-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spend-toggle .difficulty-chip{width:100%;min-height:48px;font-size:.86rem}.caravan-board{background:linear-gradient(160deg,#2a2216b8,#101210cc);border:1px solid #d6a85647;border-radius:16px;gap:8px;padding:12px;display:grid}.caravan-board ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.caravan-board li{background:#fff4d60a;border:1px solid #ffdc961a;border-radius:12px;gap:2px;padding:8px 10px;display:grid}.caravan-board li strong{color:#ffe7a8;font-size:.92rem}.caravan-board li span,.caravan-board li small{color:#f7edcfb8;font-size:.78rem}.trade-card{background:linear-gradient(165deg,#1c2a22e0,#0c100ee6);border:1px solid #8cc49647;border-radius:16px;gap:6px;padding:12px;display:grid}.trade-card.compact{margin-bottom:8px}.trade-card>span{color:#f7edcfcc;font-size:.86rem}.roads .road-front{stroke:#ff785061;stroke-width:.5px;stroke-dasharray:1.2 1.8;opacity:.7}.trade-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.trade-actions .primary-action,.trade-actions .secondary-action.wide{grid-column:1/-1}.trade-actions .secondary-action{justify-content:center;min-height:40px;margin:0;font-size:.82rem}.roads .road-owned{stroke:#f6c45a8c;stroke-width:.6px;opacity:.75}.roads .caravan-route{stroke:#ffd678d9;stroke-width:1.15px;stroke-dasharray:1.6 .9;opacity:1;filter:drop-shadow(0 0 1.2px #ffe696bf);animation:1s linear infinite route-dash}@keyframes route-dash{to{stroke-dashoffset:-5px}}.caravan-layer{pointer-events:none;z-index:8;position:absolute;inset:0}.caravan-dust{filter:blur(.5px);pointer-events:none;z-index:7;background:radial-gradient(circle,#5c3e1c8c 0%,#46301638 50%,#0000 78%);border-radius:999px;width:18px;height:11px;position:absolute;box-shadow:0 0 6px #50321440}.caravan-marker{z-index:9;border:2px solid color-mix(in srgb, var(--wagon-color,#f6c45a) 85%, #fff 15%);min-width:56px;box-shadow:0 10px 22px #0000008c, 0 0 18px color-mix(in srgb, var(--wagon-color,#f6c45a) 55%, transparent), inset 0 1px 0 #fff0c833;color:#fff3c8;pointer-events:none;will-change:left, top;background:linear-gradient(160deg,#563a12fa,#1c1208fa);border-radius:999px;grid-auto-flow:column;align-items:center;gap:4px;padding:6px 10px 6px 7px;transition:left 90ms linear,top 90ms linear;animation:1.6s ease-in-out infinite caravan-bob;display:grid;position:absolute;transform:translate(-50%,-50%)}.caravan-marker.owner-player{outline:1px solid #ffe69673}.caravan-marker .wagon-icon{background:linear-gradient(90deg, #3a2410 0 18%, var(--wagon-color,#f6c45a) 18% 100%);width:14px;height:10px;transform:rotate(var(--wagon-angle,0deg));border-radius:2px 3px 2px 2px;flex-shrink:0;display:inline-block;box-shadow:0 1px #00000059,3px 0 #0003}.caravan-marker span{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000000a6;max-width:64px;font-size:.62rem;font-weight:800;line-height:1;overflow:hidden}@keyframes caravan-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 3px))}}.territory-node{z-index:3}.territory-node .caravan-board li.owner-frost strong{color:#b8e7ff}.territory-node .caravan-board li.owner-oak strong{color:#c8efb0}.territory-node .caravan-board li.owner-sand strong{color:#ffe0a8}.territory-node .caravan-board li.owner-wolf strong{color:#d7d0c8}.caravan-board li.owner-player strong{color:#ffe7a8}.caravan-board li.owner-raven strong{color:#c9d4ff}.caravan-board li.owner-iron strong{color:#ffc9a8}.caravan-board li.owner-silk strong{color:#e7c9ff}.territory-node .vault-tag{color:#ffe7a8;background:#f6c45a2e;border-radius:999px;margin-top:2px;padding:1px 6px;font-size:.58rem;font-style:normal;font-weight:700;display:block}.secondary-action.wide,.ghost-action.wide,.primary-action.wide{justify-content:center;width:100%}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.defense-overlay{z-index:20;background:radial-gradient(circle at 50% 30%,#e06a3d38,#0000 36%),#050807d1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.defense-panel{background:linear-gradient(165deg,#301c16f5,#0c0e0ef5);border:1px solid #ff8b6a66;border-radius:22px;gap:12px;width:min(460px,100%);padding:22px;display:grid;box-shadow:0 28px 70px #00000080}.defense-panel h2{margin:0}.defense-panel p{color:#f7edcfc7;margin:0;line-height:1.45}.defense-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.defense-actions .primary-action,.defense-actions .secondary-action{justify-content:center;width:100%;margin:0}@media (width<=1180px){.kingdom-layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(250px,290px);gap:12px}}@media (width<=1040px){.kingdom-layout{grid-template-columns:1fr;gap:12px}.council-panel,.territory-panel{min-height:0;max-height:none;overflow:visible}.map-stage{order:1;height:min(62dvh,560px);min-height:420px;max-height:none;position:relative;top:auto}.map-plate{width:280%;min-width:280%;height:140%;min-height:140%;margin-top:-70%;margin-left:-140%}.map-zoom-tools{top:8px;right:8px}.council-panel{order:2}.territory-panel{order:3}.stat-grid{grid-template-columns:1fr 1fr}.trade-actions{grid-template-columns:1fr}.hero-actions{grid-template-columns:1fr 1fr;display:grid}}@media (width<=620px){.game-shell{padding:max(10px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.topbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.brand-mark{gap:8px;font-size:1.02rem}.resource-strip{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:6px;width:100%;display:grid}.resource{gap:4px;width:100%;min-width:0;padding:8px 4px;font-size:.82rem}.map-stage{border-radius:14px;height:min(54dvh,460px);min-height:360px}.territory-node{width:78px;min-height:62px}.territory-node.capital{width:94px;min-height:72px}.territory-node span{font-size:.6rem}.territory-node .owner-tag{font-size:.5rem}.council-panel,.territory-panel,.battle-panel,.defense-panel{border-radius:16px;gap:12px;padding:12px}.council-panel>div>p:not(.eyebrow){font-size:.86rem;line-height:1.4}.battle-overlay,.defense-overlay,.coach-overlay{padding:8px}.match3-tip{flex-direction:column}.match-board{gap:5px}.combat-pick-grid{grid-template-columns:1fr}.combat-pick-panel{width:min(100%,100vw - 16px)}.td-build-row,.td-actions-row{grid-template-columns:1fr}.td-stage{height:min(340px,46dvh);min-height:240px}.td-slot{width:44px;height:44px}.pong-stage{max-height:min(380px,48dvh)}.castle-overlay{padding:8px}.castle-view{max-height:calc(100dvh - 16px);padding:12px}.camera-tools{grid-template-columns:1fr}.estate-scene{min-height:380px}.castle-model,.building-model.keep{width:120px;height:96px}.building-model{width:78px;height:60px}.building-model small,.castle-model small{padding:4px 8px;font-size:.62rem}.difficulty-row{grid-template-columns:repeat(3,minmax(0,1fr))}.difficulty-chip{min-height:44px;padding:8px 4px;font-size:.82rem}.spend-toggle .difficulty-chip{min-height:48px;font-size:.84rem}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-grid span{padding:10px 8px;font-size:.82rem}.primary-action,.secondary-action{width:100%;min-height:48px}.defense-actions{grid-template-columns:1fr}.diplo-row .trade-actions,.hero-actions{grid-template-columns:1fr;display:grid}.diplo-row .trade-actions .secondary-action,.hero-actions .secondary-action{width:100%;min-height:44px}.caravan-board li strong{font-size:.84rem}.war-log{max-height:180px;overflow:auto}.rival-list{max-height:220px;overflow:auto}.game-toast{top:max(12px, env(safe-area-inset-top));max-width:none;font-size:.88rem;left:12px;right:12px;transform:none}.panel-tabs{grid-template-columns:repeat(4,minmax(0,1fr));position:sticky;top:0}.panel-tab{min-height:44px;padding:8px 2px;font-size:.72rem}.achievements-panel{max-width:calc(100vw - 16px);max-height:min(78dvh,720px)}.map-zoom-btn{min-width:44px;height:44px}}.brand-mark{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-badge{letter-spacing:.04em;text-transform:uppercase;color:#f6e7b2;background:linear-gradient(135deg,#ffd67838,#b478ff2e);border:1px solid #ffd67859;border-radius:999px;align-items:center;padding:3px 8px;font-size:.68rem;font-style:normal;font-weight:700;display:inline-flex}.panel-tabs{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0e1412f5,#0e1412e0);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:4px 0 8px;padding:4px 0 6px;display:grid;position:sticky;top:0}.panel-tab{color:#d9cbb0;cursor:pointer;touch-action:manipulation;background:#14101c8c;border:1px solid #ffd67838;border-radius:10px;min-height:44px;padding:10px 6px;font-size:.78rem;font-weight:700}.panel-tab.active{color:#fff6d8;background:linear-gradient(#ffc45a47,#78461459);border-color:#ffd6788c;box-shadow:inset 0 0 0 1px #ffd67826}.meta-card{background:linear-gradient(160deg,#241c30eb,#120e1af0);border:1px solid #ffd6782e;border-radius:14px;gap:8px;margin-bottom:10px;padding:12px;display:grid}.meta-card strong{color:#ffe7a8}.meta-card span,.meta-card small{color:#cbbfa8;font-size:.82rem}.hero-row,.diplo-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;gap:6px;margin-top:6px;padding:10px;display:grid}.hero-row.active{border-color:#ffd67873;box-shadow:0 0 16px #ffc45a1f}.hero-row small,.diplo-row span{opacity:.85;font-size:.75rem;display:block}.hero-actions,.diplo-row .trade-actions{flex-wrap:wrap;gap:6px;display:flex}.hint-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.hint-tag{color:#ffe7b0;cursor:pointer;touch-action:manipulation;background:#281c10bf;border:1px solid #ffd6784d;border-radius:999px;min-height:32px;padding:6px 10px;font-size:.72rem;font-weight:700}.hint-tag.attack{color:#ffc2b0;border-color:#ff785a8c}.hint-tag.loot{border-color:#ffd6788c}.hint-tag.threat{color:#ff9b9b;border-color:#ff5050b3;animation:1.2s ease-in-out infinite hint-pulse}.territory-node.recommend{z-index:3;animation:1.6s ease-in-out infinite recommend-pulse;box-shadow:0 0 0 2px #ffd6788c,0 0 22px #ffb43c59}.territory-node .hint-tag{pointer-events:none;min-height:0;padding:2px 6px;position:absolute;top:-8px;right:-6px}.territory-node .spec-tag{white-space:nowrap;color:#e8dcff;background:#503278d9;border:1px solid #c8aaff59;border-radius:6px;padding:2px 5px;font-size:.55rem;font-style:normal;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.spec-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.spec-grid .eyebrow{grid-column:1/-1;margin:0}.spec-chip{text-align:left;color:#efe4cf;cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffd6782e;border-radius:12px;gap:2px;min-height:48px;padding:10px;display:grid}.spec-chip strong{font-size:.8rem}.spec-chip small{opacity:.8;font-size:.68rem}.spec-chip.active{background:#6446a040;border-color:#b48cff8c}.streak-chests{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 10px;display:flex}.streak-chests .eyebrow{width:100%;margin:0}.streak-chest{color:#d8c9a8;cursor:pointer;touch-action:manipulation;background:#1e1612cc;border:1px solid #ffd67840;border-radius:10px;min-width:48px;min-height:44px;padding:8px 10px;font-weight:800}.streak-chest.ready{color:#fff6d0;background:linear-gradient(#ffc85a59,#8c501473);box-shadow:0 0 12px #ffbe5040}.streak-chest.claimed{opacity:.45;text-decoration:line-through}.contract-card.week{border-color:#78b4ff47}.contract-card.season{border-color:#c88cff4d}.combat-pick-card .mode-badge{margin-top:6px;font-size:.62rem}.achievements-panel{max-width:min(520px,96vw);max-height:min(80vh,720px);overflow:auto}.achievements-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.achievements-list li{color:#b8ae9c;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:22px 1fr auto;align-items:start;gap:10px;padding:10px;display:grid}.achievements-list li.got{color:#f0e4c4;background:#ffd67814;border-color:#ffd67859}.achievements-list strong{display:block}.achievements-list span{opacity:.85;font-size:.78rem}.caravan-event-overlay .defense-actions{gap:8px;display:grid}@keyframes recommend-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.05)}}@keyframes hint-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (width<=420px){.panel-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-tab{min-height:44px;font-size:.78rem}.resource-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-grid,.difficulty-row{grid-template-columns:1fr}}@media (width>=1041px){.council-panel,.territory-panel{scrollbar-width:thin;scrollbar-color:#f6c45a59 transparent}.council-panel::-webkit-scrollbar{width:8px}.territory-panel::-webkit-scrollbar{width:8px}.council-panel::-webkit-scrollbar-thumb{background:#f6c45a47;border-radius:999px}.territory-panel::-webkit-scrollbar-thumb{background:#f6c45a47;border-radius:999px}}