:root{color-scheme:light;font-family:Trebuchet MS,Arial Rounded MT Bold,Arial,sans-serif;--panel-dark: #2a1b10;--panel-mid: #654c34;--panel-light: #80603c;--panel-paper: #c6a87c;--panel-paper-light: #d8bc91;--cream: #fff1c8;--ink: #17110c;--green: #586b3e;--button-border: #2a1a10;--button-highlight: rgba(218, 176, 110, .58);--button-bg: linear-gradient(180deg, rgba(255, 248, 216, .42), transparent 34%), linear-gradient(#b98650 0%, #8a5a32 58%, #674127 100%);--button-bg-pressed: linear-gradient(180deg, rgba(255, 235, 178, .22), transparent 28%), linear-gradient(#94643d 0%, #70472c 64%, #56351f 100%);--button-shadow: inset 0 0 0 2px var(--button-highlight), inset 0 0 0 6px rgba(79, 50, 28, .22), inset 0 9px 0 rgba(255, 239, 193, .07), 0 3px 0 #120b07, 0 5px 0 rgba(0, 0, 0, .18);--button-shadow-pressed: inset 0 0 0 2px rgba(218, 176, 110, .44), inset 0 0 0 6px rgba(79, 50, 28, .18), 0 1px 0 #120b07}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#1f80d9}button{font:inherit}.is-hidden{display:none!important}.game-shell{position:relative;width:100vw;height:100vh;min-width:960px;min-height:560px;overflow:hidden;background:radial-gradient(circle at 28% 12%,rgba(114,194,255,.28),transparent 32%),linear-gradient(145deg,#1e78cd,#2c94e7 52%,#1370c4)}#farmCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;cursor:grab;touch-action:none}#farmCanvas:active,#farmCanvas.is-dragging{cursor:grabbing}#farmCanvas.is-over-harbor{cursor:pointer}.hud{position:absolute;z-index:5;display:grid;gap:10px;pointer-events:none}.hud-right{top:12px;right:18px;justify-items:end}.player-card,.delivery-panel,.truck-card,.truck-menu,.action-button,.truck-sale-option,.choice-panel,.build-option{border:3px solid var(--ink);background:linear-gradient(90deg,rgba(241,211,154,.14),transparent 22%),repeating-linear-gradient(0deg,rgba(33,22,14,.14) 0 2px,transparent 3px 18px),linear-gradient(#71553a,#4f3825 58%,#2b1d13);box-shadow:inset 0 0 0 3px #c69b5f57,0 3px #100a07,0 5px #00000038;color:var(--cream);text-shadow:0 3px 0 #111,2px 0 0 #111,-2px 0 0 #111,0 -2px 0 #111}.player-card{position:relative;display:flex;align-items:center;width:292px;height:94px;padding:8px 12px 8px 88px;border-color:var(--button-border);border-radius:18px;gap:8px;font-size:17px;line-height:1;background:linear-gradient(90deg,rgba(255,240,190,.32),transparent 32%),linear-gradient(180deg,rgba(255,248,208,.24),transparent 42%),linear-gradient(#b4935e,#8d6643 55%,#67452b);box-shadow:inset 0 0 0 2px #ffebab9e,inset 0 0 0 6px #4b2e1929,0 3px #120b07,0 5px #0000002e}.player-avatar{position:absolute;left:8px;top:8px;width:78px;height:78px;border:0;border-radius:0;background:transparent url(/assets/player-avatar-CKZVSCjn.png) center / contain no-repeat;box-shadow:none;image-rendering:auto}.player-avatar:before{content:none}.player-meta{display:grid;flex:1 1 auto;min-width:0;align-content:center;gap:5px}.player-meta strong{overflow:hidden;color:#fff6d0;font-size:18px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.player-stats{display:grid;min-width:0;gap:4px}.player-stat{position:relative;display:flex;align-items:center;min-width:0;height:27px;padding:2px 9px 2px 5px;border:2px solid rgba(108,70,38,.34);border-radius:999px;gap:7px;background:linear-gradient(90deg,#fff9e0db,#fff7d6ad);box-shadow:inset 0 1px #ffffff8c,0 1px #40261438;white-space:nowrap}.player-coins{min-width:176px;font-size:19px}.player-score{color:#3d2b1a;font-size:19px;font-weight:900}.player-stat b{color:#3a2819;text-shadow:0 1px 0 rgba(255,248,218,.8)}.player-card .resource-icon.coin{width:24px;height:24px;border-width:3px}.score-icon{position:relative;width:24px;height:24px;border:3px solid #7a4b16;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fff0a5 0 13%,transparent 14%),radial-gradient(circle,#f8c44e 0,#f8c44e 42%,#be7625 43%,#be7625 70%,#6a3a17 71%);box-shadow:inset 0 0 0 2px #fff4b638}.score-icon:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:#7a4319;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,80% 95%,50% 72%,20% 95%,32% 56%,2% 35%,39% 35%);opacity:.82}.coin-flash{position:absolute;left:calc(100% + 8px);top:50%;color:#fff3a3;font-size:20px;font-weight:900;line-height:1;white-space:nowrap;animation:coin-pop 3s ease-out both}@keyframes coin-pop{0%{opacity:0;transform:translateY(10px) scale(.88)}14%,72%{opacity:1;transform:translateY(-2px) scale(1.08)}28%,52%{transform:translateY(-2px) scale(.98)}to{opacity:0;transform:translateY(-16px) scale(1)}}.truck-panel{position:relative;pointer-events:auto;width:186px}.truck-card{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;width:186px;height:86px;padding:8px 13px 9px;border-radius:8px;gap:0;cursor:pointer;overflow:visible}.truck-card,.truck-sale-option,.action-button,.choice-close,.confirm-button,.build-tab,.sale-confirm{border-color:var(--button-border);background:var(--button-bg);box-shadow:var(--button-shadow)}.truck-card:disabled{cursor:default}.truck-road{position:relative;display:block;width:164px;height:66px;overflow:visible}.truck-road:before{content:"";position:absolute;left:6px;right:8px;bottom:5px;height:38px;border:2px solid var(--ink);border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.22) 0 8px,transparent 9px 24px),repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 2px,transparent 3px 13px),linear-gradient(#67b8d5,#2d7fac)}.truck-road img{position:absolute;left:14px;top:-2px;width:132px;height:66px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38));transform-origin:center}.truck-state{display:none;justify-self:end;font-size:0;font-weight:900}.truck-menu{position:absolute;z-index:8;top:88px;left:0;display:grid;width:232px;padding:7px;border-radius:6px;gap:6px;background:linear-gradient(90deg,rgba(255,226,151,.16),transparent 24%),linear-gradient(#6d4b2d,#49301e 62%,#281b12)}.truck-sale-option{pointer-events:auto;display:grid;grid-template-columns:24px 1fr auto 20px auto;align-items:center;height:38px;padding:4px 8px;border-radius:4px;gap:5px;color:var(--cream);font-size:15px;font-weight:900;line-height:1;cursor:pointer}.truck-sale-option:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.76)}.resource-icon,.action-icon,.slot-swatch,.resource-row-icon,.resource-mini-icon{display:inline-block;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.slot-swatch.mini{position:static;width:18px;height:16px;border-width:1px;transform:rotate(-12deg);filter:none}.resource-icon{width:36px;height:36px}.resource-icon.water{background:linear-gradient(#a5e7ff,#38a7f0 46%,#1268c8 47%),linear-gradient(45deg,transparent 0 33%,#e9fbff 34% 42%,transparent 43%);clip-path:polygon(39% 0,62% 0,62% 33%,84% 68%,84% 100%,14% 100%,14% 68%,39% 33%)}.resource-icon.coin{width:34px;height:34px;border:0;border-radius:0;background:transparent url(/assets/coin-1-DBZjY0zj.png) center / contain no-repeat;filter:drop-shadow(0 2px 0 rgba(86,45,10,.32))}.delivery-panel{pointer-events:none;width:176px;min-height:58px;padding:8px 10px;border-radius:5px;background:linear-gradient(90deg,rgba(255,226,151,.16),transparent 24%),linear-gradient(#6d4b2d,#49301e 62%,#281b12)}.task-panel{pointer-events:none;position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;width:min(352px,calc(100vw - 236px));min-height:74px;padding:9px 12px 10px 10px;border:4px solid #5c3920;border-radius:14px;gap:3px 10px;background:linear-gradient(180deg,rgba(255,250,223,.42),transparent 42%),linear-gradient(#e8ca93,#c99d63);box-shadow:inset 0 0 0 2px #fff2cbad,inset 0 0 0 7px #58341c1f,0 4px #3923149e,0 10px 18px #25180f33}.task-icon{grid-row:1 / 3;width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(61,35,18,.32))}.task-copy{display:grid;min-width:0;gap:3px}.task-copy strong{overflow:hidden;color:#fff7d4;font-size:18px;line-height:1.05;text-overflow:ellipsis;text-shadow:0 2px 0 #3c2416,1px 0 0 #3c2416,-1px 0 0 #3c2416;white-space:nowrap}.task-copy span{overflow:hidden;color:#4b331f;font-size:13px;font-weight:900;line-height:1.15;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,243,211,.64);white-space:nowrap}.task-reward{display:none;overflow:hidden;width:fit-content;max-width:100%;padding:2px 8px 3px;border:2px solid rgba(122,78,27,.52);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 54%),linear-gradient(90deg,#ffe68b,#f2b64f);color:#6f3e13;font-size:12px;font-style:normal;font-weight:950;line-height:1.05;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,250,218,.72);white-space:nowrap;box-shadow:inset 0 0 0 1px #fff8c98c,0 2px #58341838}.task-panel.has-reward .task-reward{display:block}.task-panel.is-reward-flash .task-reward{animation:taskRewardPulse .72s ease-out infinite alternate;background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 54%),linear-gradient(90deg,#fff2a6,#ffc14d 54%,#fff2a6);color:#7d3d09}@keyframes taskRewardPulse{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 1px 0 rgba(82,45,15,.2))}to{transform:translateY(-1px) scale(1.035);filter:drop-shadow(0 3px 4px rgba(255,195,55,.32))}}.task-progress-text{justify-self:end;min-width:42px;padding:2px 7px;border:2px solid rgba(95,56,28,.56);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 56%),linear-gradient(#fff0c2,#ddaf67);color:#4b301c;font-size:13px;line-height:1.1;text-align:center;text-shadow:0 1px 0 rgba(255,247,221,.72)}.task-progress-track{position:relative;grid-column:2 / 4;height:11px;overflow:hidden;border:2px solid #5c3920;border-radius:999px;background:#6d4a2d;box-shadow:inset 0 2px #2a190d3d,0 1px #fff1c76b}.task-progress-fill{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 52%),linear-gradient(90deg,#75c84b,#e8c84d);transition:width .18s ease-out}.task-panel.is-complete .task-progress-fill{background:linear-gradient(180deg,rgba(255,255,255,.45),transparent 52%),linear-gradient(90deg,#64be45,#9be65f)}.delivery-head{display:block;min-width:0;font-size:18px;line-height:1}.delivery-head strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-track{position:relative;height:18px;margin-top:8px;border:2px solid #21130f;border-radius:3px;background:#2f2118;overflow:hidden}.delivery-progress-fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,rgba(255,255,255,.32),transparent 26%),linear-gradient(#94df52,#4fa62d)}.delivery-timer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff6d6;font-size:clamp(11px,1.3vw,13px);font-weight:900;line-height:1;text-shadow:0 2px 0 #1d130d,1px 0 0 #1d130d,-1px 0 0 #1d130d}.truck-card:active,.truck-sale-option:active,.action-button:active{transform:translateY(2px);background:var(--button-bg-pressed);box-shadow:var(--button-shadow-pressed)}.build-option:active{transform:translateY(2px);box-shadow:inset 0 0 0 3px #ffdc9733,0 1px #120b08}.side-panel{position:absolute;z-index:5;top:122px;left:0;width:166px;max-height:calc(100vh - 146px);padding:6px 6px 8px 4px;border:3px solid var(--ink);border-left:0;border-radius:0 10px 10px 0;background:linear-gradient(90deg,rgba(255,242,210,.32),transparent 34%),linear-gradient(#d8bc91,#c3a47a 72%,#a8875e);box-shadow:inset 0 0 0 3px #fff4d780,inset -4px 0 #432a1833,0 4px #00000047;overflow:hidden}.resource-list{display:grid;gap:3px;max-height:calc(100vh - 150px);padding:0 1px 1px 0;overflow-y:auto;scrollbar-width:thin}.resource-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;min-height:32px;padding:2px 5px 2px 4px;border:2px solid rgba(74,46,25,.82);border-radius:4px;gap:4px;background:linear-gradient(90deg,rgba(255,244,214,.28),transparent 54%),linear-gradient(#d8bc91,#c6a87c);box-shadow:inset 0 0 0 2px #fff4d657,0 1px #5236203d}.resource-row-icon{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.resource-row-name{min-width:0;overflow:hidden;color:#2e2116;font-size:13px;font-weight:900;line-height:1;white-space:nowrap;text-overflow:ellipsis}.resource-row-value{color:#3a2819;font-size:15px;line-height:1;text-shadow:0 1px 0 rgba(255,242,207,.72)}.slot-swatch{position:absolute;left:9px;top:6px;width:25px;height:20px;border:2px solid #21130f;border-radius:3px;transform:rotate(-20deg)}.slot-swatch.soil{background:repeating-linear-gradient(135deg,#9c6f49 0,#9c6f49 5px,#5d3924 6px,#5d3924 10px)}.slot-swatch.wheat{border-color:#5d3516;background:repeating-linear-gradient(35deg,transparent 0 5px,#8c5b20 6px 8px),linear-gradient(135deg,#ffe179,#c78922)}.slot-swatch.wood{background:repeating-linear-gradient(135deg,#9c6f49 0,#9c6f49 5px,#5d3924 6px,#5d3924 10px)}.slot-swatch.iron{background:radial-gradient(circle at 35% 28%,#f1ddd0 0 10%,transparent 11%),linear-gradient(135deg,#ba6c55,#68413d 62%,#342622)}.slot-swatch.ironOre{background:radial-gradient(circle at 35% 28%,#ffd6bd 0 10%,transparent 11%),linear-gradient(135deg,#c95e4c,#7e3a31 62%,#3a221e)}.slot-swatch.copperOre,.slot-swatch.tinOre,.slot-swatch.goldOre,.slot-swatch.silverOre,.slot-swatch.limestone,.slot-swatch.silicaSand,.slot-swatch.quartz,.slot-swatch.feldspar,.slot-swatch.ironOxide,.slot-swatch.cobaltOre{border-radius:34% 40% 36% 44%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.5) 0 10%,transparent 11%),linear-gradient(135deg,#b9b09a,#6f6554 62%,#352a24)}.slot-swatch.copperOre{background:radial-gradient(circle at 34% 30%,#ffd5a2 0 10%,transparent 11%),linear-gradient(135deg,#c27b46,#613828)}.slot-swatch.tinOre{background:radial-gradient(circle at 34% 30%,#f6f4df 0 10%,transparent 11%),linear-gradient(135deg,#b7b7a0,#5d625b)}.slot-swatch.goldOre{background:radial-gradient(circle at 34% 30%,#fff1a8 0 10%,transparent 11%),linear-gradient(135deg,#d2a334,#624319)}.slot-swatch.silverOre{background:radial-gradient(circle at 34% 30%,#ffffff 0 10%,transparent 11%),linear-gradient(135deg,#cfd7d9,#697479)}.slot-swatch.ironOxide{background:radial-gradient(circle at 34% 30%,#f0a071 0 10%,transparent 11%),linear-gradient(135deg,#9c4530,#54251d)}.slot-swatch.cobaltOre{background:radial-gradient(circle at 34% 30%,#b8d9ff 0 10%,transparent 11%),linear-gradient(135deg,#426fa1,#1d345b)}.slot-swatch.coal{border-color:#1b1613;border-radius:38% 48% 42% 36%;background:radial-gradient(circle at 32% 26%,#767676 0 9%,transparent 10%),linear-gradient(135deg,#4a4a4a,#171717 62%,#070707)}.slot-swatch.stone{background:linear-gradient(135deg,#d6d9d8,#69767a);clip-path:polygon(18% 4%,78% 0,100% 38%,82% 100%,22% 96%,0 42%)}.slot-swatch.water{border-radius:50% 50% 54% 54%;background:radial-gradient(circle at 35% 28%,#e9fbff 0 12%,transparent 13%),linear-gradient(#7ad4ff,#1c74c9);clip-path:polygon(50% 0,88% 48%,76% 100%,22% 100%,10% 48%)}.slot-swatch.clay{background:radial-gradient(circle at 30% 30%,#d6a184 0 11%,transparent 12%),linear-gradient(135deg,#9b593d,#5f3428)}.slot-swatch.resin{background:radial-gradient(circle at 35% 32%,#ffe16e 0 18%,transparent 19%),linear-gradient(135deg,#25613b,#123d2a)}.slot-swatch.cherryWood{background:repeating-linear-gradient(135deg,#b65a42 0,#b65a42 5px,#662d22 6px,#662d22 10px)}.slot-swatch.oakWood{background:repeating-linear-gradient(135deg,#a1733b 0,#a1733b 5px,#51351b 6px,#51351b 10px)}.slot-swatch.saltwater{border-radius:4px;background:radial-gradient(circle at 30% 28%,#f7ffff 0 9%,transparent 10%),linear-gradient(#98e0ec 0,#98e0ec 58%,#dce9c6 59%,#dce9c6)}.slot-swatch.salt{border-radius:35% 44% 38% 42%;background:radial-gradient(circle at 35% 30%,#ffffff 0 13%,transparent 14%),linear-gradient(135deg,#fff8e2,#bfc8c1)}.slot-swatch.flour{border-radius:45% 36% 42% 40%;background:radial-gradient(circle at 35% 30%,#fff7cf 0 14%,transparent 15%),linear-gradient(135deg,#ead5a4,#aa7c43)}.slot-swatch.steelPlate,.slot-swatch.brassIngot,.slot-swatch.brassGear,.slot-swatch.gearRivet,.slot-swatch.steelSpring,.slot-swatch.nailSpring,.slot-swatch.glassLens,.slot-swatch.varnish,.slot-swatch.kaolin,.slot-swatch.pigment,.slot-swatch.glazeSlurry,.slot-swatch.boilerCore,.slot-swatch.goldPlating,.slot-swatch.silverPlating,.slot-swatch.waterBucket,.slot-swatch.woodFrameCrate,.slot-swatch.fineWood,.slot-swatch.standardLocomotive,.slot-swatch.expressLocomotive,.slot-swatch.royalPorcelainSet,.slot-swatch.decorativeVase,.slot-swatch.marineChronometer,.slot-swatch.goldPocketWatch{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.7) 0 12%,transparent 13%),linear-gradient(135deg,#d7c48b,#715233)}.slot-swatch.steelPlate{background:linear-gradient(135deg,#d8e0df,#6b7b7d)}.slot-swatch.brassIngot{background:linear-gradient(135deg,#e3bc55,#80572a)}.slot-swatch.brassGear{background:radial-gradient(circle at 50% 50%,#80572a 0 22%,transparent 23%),repeating-conic-gradient(#e3bc55 0,#e3bc55 12deg,#80572a 13deg,#80572a 24deg)}.slot-swatch.steelSpring{background:repeating-linear-gradient(90deg,#d8e0df 0,#d8e0df 4px,#65787b 5px,#65787b 8px)}.slot-swatch.glassLens{border-radius:45%;background:radial-gradient(circle at 35% 30%,#ffffff 0 18%,transparent 19%),linear-gradient(135deg,#bfeeff,#4786a8)}.slot-swatch.varnish{background:radial-gradient(circle at 35% 31%,#fff1a0 0 16%,transparent 17%),linear-gradient(135deg,#8d5b26,#3c2617)}.slot-swatch.kaolin{background:radial-gradient(circle at 35% 31%,#fff 0 14%,transparent 15%),linear-gradient(135deg,#f3e6cf,#b7a38a)}.slot-swatch.pigment{background:conic-gradient(#b63d34,#2d69a0,#d5bd3f,#477f45,#b63d34)}.slot-swatch.glazeSlurry{background:radial-gradient(circle at 35% 31%,#fff 0 13%,transparent 14%),linear-gradient(135deg,#e6d2bd,#8c6a58)}.slot-swatch.boilerCore{background:radial-gradient(circle at 50% 50%,#3f3c39 0 20%,transparent 21%),linear-gradient(135deg,#b67b36,#4c3727)}.slot-swatch.goldPlating{background:linear-gradient(135deg,#ffe27a,#a76720)}.slot-swatch.silverPlating{background:linear-gradient(135deg,#f2f8ff,#7a8791)}.slot-swatch.waterBucket{background:radial-gradient(circle at 35% 28%,#e9fbff 0 12%,transparent 13%),linear-gradient(#7ad4ff,#5a4635)}.slot-swatch.fineWood{background:repeating-linear-gradient(135deg,#d19a52 0,#d19a52 5px,#6e4220 6px,#6e4220 10px)}.slot-swatch.woodFrameCrate{background:radial-gradient(circle at 70% 35%,#e6bd72 0 9%,transparent 10%),linear-gradient(45deg,transparent 0 43%,#6e4220 44% 48%,transparent 49%),linear-gradient(135deg,#c28642,#6d4122)}.action-bar{position:absolute;z-index:5;left:50%;bottom:10px;display:flex;align-items:center;min-width:0;min-height:0;padding:0;border:0;border-radius:0;gap:12px;transform:translate(-50%);background:transparent;box-shadow:none;font-size:24px;line-height:1;white-space:nowrap}.action-button,.build-option{pointer-events:auto;display:flex;align-items:center;justify-content:center;min-width:204px;height:76px;padding:6px 18px 7px 10px;border-radius:8px;gap:12px;color:var(--cream);font-size:23px;font-weight:900;line-height:1;cursor:pointer}.action-button{border-color:var(--button-border);background:var(--button-bg);box-shadow:var(--button-shadow)}.action-button:disabled{cursor:not-allowed;filter:grayscale(.6) brightness(.82)}.build-option:disabled{cursor:not-allowed;background:linear-gradient(90deg,rgba(210,188,150,.15),transparent 52%),linear-gradient(#a8895f,#92744e);color:#d3bd95;box-shadow:inset 0 0 0 2px #ffefca29,0 2px #2a1b1257}.build-option:disabled:before,.build-option:disabled:after{opacity:.45}.build-option:disabled .build-option-icon{filter:grayscale(.55) brightness(.84) drop-shadow(0 3px 0 rgba(0,0,0,.32))}.build-option:disabled .action-cost b:not(.is-missing),.build-option:disabled .resource-chip:not(.is-missing){color:#dcc69e}.action-bar .action-button{flex:0 0 auto}.action-icon{width:66px;height:66px;border:0;border-radius:0}.action-icon.build{background:transparent url(/assets/build-Iy5TcMOM.png) center / contain no-repeat;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.action-icon.demolish{background:transparent url(/assets/demolish-CoWzRV1u.png) center / contain no-repeat;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.action-icon.clear{background:transparent url(/assets/clear-C6Jr4KCp.png) center / contain no-repeat;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.action-icon.mill{background:transparent url(/assets/process-hcxc3ofy.png) center / contain no-repeat;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.action-icon.upgrade{background:transparent url(/assets/upgrade-FnTBvLc3.png) center / contain no-repeat;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.action-icon.pause{background:transparent url(/assets/pause-B4RWi5Hl.png) center / contain no-repeat;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.action-icon.resume{background:transparent url(/assets/resume-DKpo4s7G.png) center / contain no-repeat;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.action-icon.resume:before{content:none}.action-icon.reset{background:transparent url(/assets/reset-Cm1ulYTF.png) center / contain no-repeat;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.action-cost{display:flex;align-items:center;gap:5px}.resource-chip{display:inline-flex;align-items:center;min-width:0;gap:3px;color:#fff7c7;font-weight:900;line-height:1}.resource-chip span{max-width:88px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.action-cost b.is-missing,.resource-chip.is-missing b{color:#ff5448;text-shadow:0 2px 0 #3a0c08,1px 0 0 #3a0c08,-1px 0 0 #3a0c08}.resource-chip.is-missing span{color:#ffd7cf}.resource-mini-icon{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.34))}.action-cost .resource-icon.coin{width:25px;height:25px;border-width:3px}.choice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;align-items:center;justify-items:start;padding:72px 24px 96px clamp(74px,7vw,118px);background:#2a1b105c;pointer-events:auto;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.choice-panel{position:fixed;z-index:20;left:clamp(74px,7vw,118px);top:72px;width:min(980px,calc(100vw - 132px));max-height:min(650px,calc(100vh - 148px));padding:16px;box-sizing:border-box;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,rgba(241,211,154,.12),transparent 28%),repeating-linear-gradient(0deg,rgba(26,17,10,.12) 0 2px,transparent 3px 20px),linear-gradient(#6e543c,#503825 58%,#2a1b10)}.choice-panel:before,.confirm-panel:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;z-index:0;pointer-events:none;border:2px solid rgba(197,158,103,.76);border-radius:7px;box-shadow:inset 0 0 0 2px #2a1b10b8,inset 0 0 0 5px #ddb87b33}.choice-panel:after,.confirm-panel:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;z-index:0;pointer-events:none;background:linear-gradient(#cda36a,#cda36a) left top / 34px 2px no-repeat,linear-gradient(#cda36a,#cda36a) left top / 2px 34px no-repeat,linear-gradient(#4a301c,#4a301c) 11px 11px / 18px 2px no-repeat,linear-gradient(#4a301c,#4a301c) 11px 11px / 2px 18px no-repeat,linear-gradient(#cda36a,#cda36a) right top / 34px 2px no-repeat,linear-gradient(#cda36a,#cda36a) right top / 2px 34px no-repeat,linear-gradient(#4a301c,#4a301c) calc(100% - 29px) 11px / 18px 2px no-repeat,linear-gradient(#4a301c,#4a301c) calc(100% - 13px) 11px / 2px 18px no-repeat,linear-gradient(#cda36a,#cda36a) left bottom / 34px 2px no-repeat,linear-gradient(#cda36a,#cda36a) left bottom / 2px 34px no-repeat,linear-gradient(#4a301c,#4a301c) 11px calc(100% - 13px) / 18px 2px no-repeat,linear-gradient(#4a301c,#4a301c) 11px calc(100% - 29px) / 2px 18px no-repeat,linear-gradient(#cda36a,#cda36a) right bottom / 34px 2px no-repeat,linear-gradient(#cda36a,#cda36a) right bottom / 2px 34px no-repeat,linear-gradient(#4a301c,#4a301c) calc(100% - 29px) calc(100% - 13px) / 18px 2px no-repeat,linear-gradient(#4a301c,#4a301c) calc(100% - 13px) calc(100% - 29px) / 2px 18px no-repeat;opacity:.72}.choice-panel-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:64px;margin:0 0 12px;padding:0 8px 0 22px;border:3px solid rgba(23,17,12,.94);border-radius:6px;background:linear-gradient(90deg,rgba(219,179,115,.16),transparent 32%),linear-gradient(#735a41,#57412e);box-shadow:inset 0 0 0 2px #c49e6759,0 3px #110a0773;color:var(--cream);font-size:29px;font-weight:900;line-height:1;text-shadow:0 3px 0 #111,2px 0 0 #111,-2px 0 0 #111,0 -2px 0 #111}.choice-panel-head:before,.choice-panel-head:after{content:"";position:absolute;top:9px;bottom:9px;width:18px;pointer-events:none;border-top:2px solid rgba(205,163,106,.82);border-bottom:2px solid rgba(205,163,106,.82)}.choice-panel-head:before{left:9px;border-left:2px solid rgba(205,163,106,.82)}.choice-panel-head:after{right:58px;border-right:2px solid rgba(205,163,106,.82)}.choice-close{width:44px;height:40px;border:3px solid var(--button-border);border-radius:5px;background:var(--button-bg);color:#fff3cc;font-size:25px;font-weight:900;line-height:1;text-shadow:0 2px 0 #111;box-shadow:var(--button-shadow);cursor:pointer}.choice-close:active{transform:translateY(2px);background:var(--button-bg-pressed);box-shadow:var(--button-shadow-pressed)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#30261875;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.confirm-panel{position:relative;width:min(480px,calc(100vw - 40px));padding:18px;border:4px solid var(--ink);border-radius:10px;background:linear-gradient(90deg,rgba(241,211,154,.12),transparent 26%),repeating-linear-gradient(0deg,rgba(26,17,10,.12) 0 2px,transparent 3px 20px),linear-gradient(#6e543c,#503825 58%,#2a1b10);box-shadow:inset 0 0 0 3px #daae684d,0 4px #100a07,0 14px 28px #00000057;color:var(--cream);text-align:center}.confirm-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;color:var(--cream);font-size:30px;font-weight:900;text-shadow:0 3px 0 #111,2px 0 0 #111,-2px 0 0 #111}.confirm-badge{display:grid;place-items:center;width:66px;height:66px;border:0;border-radius:0;background:transparent;box-shadow:none}.confirm-badge .action-icon{width:64px;height:64px}.confirm-target{position:relative;z-index:1;margin:12px 0 5px;color:#fff7cf;font-size:24px;font-weight:900;line-height:1.1;text-shadow:0 3px 0 #111}.confirm-message{position:relative;z-index:1;min-height:42px;margin:0;color:#f4dfb2;font-size:18px;font-weight:800;line-height:1.35}.confirm-cost{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:42px;margin:13px 0 16px;padding:5px 14px;border:3px solid var(--ink);border-radius:6px;gap:8px;background:linear-gradient(#e5c483,#a86e32);color:var(--cream);font-size:24px;font-weight:900;text-shadow:0 3px 0 #5f3319;box-shadow:inset 0 0 0 2px #ffffff2e}.confirm-cost.is-reward{background:linear-gradient(#8bc555,#4f8429)}.confirm-cost.is-cost{background:linear-gradient(#d9954d,#8d4729)}.confirm-cost .resource-icon.coin{width:27px;height:27px;border-width:3px}.confirm-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.confirm-button{min-height:48px;border:3px solid var(--button-border);border-radius:7px;color:var(--cream);font-size:22px;font-weight:900;line-height:1;text-shadow:0 3px 0 #111;background:var(--button-bg);box-shadow:var(--button-shadow);cursor:pointer}.confirm-button:active{transform:translateY(2px);background:var(--button-bg-pressed);box-shadow:var(--button-shadow-pressed)}.confirm-button.cancel,.confirm-button.danger{background:var(--button-bg)}.confirm-button.cancel:active,.confirm-button.danger:active{background:var(--button-bg-pressed);box-shadow:var(--button-shadow-pressed)}.build-tabs{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:0 6px 12px}.build-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:48px;border:3px solid var(--button-border);border-radius:6px;background:var(--button-bg);color:var(--cream);font-size:18px;font-weight:900;line-height:1;text-shadow:0 2px 0 #111,1px 0 0 #111,-1px 0 0 #111;box-shadow:var(--button-shadow);cursor:pointer}.build-tab:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;border:1px solid rgba(221,184,123,.45);border-radius:3px}.build-tab span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border:2px solid rgba(36,23,18,.84);border-radius:999px;background:linear-gradient(#f0bd47,#b86c21);color:#fff7c7;font-size:14px;text-shadow:0 2px 0 #6a3314}.build-tab.is-active{transform:translateY(2px);background:var(--button-bg-pressed);color:#fff8d5;box-shadow:var(--button-shadow-pressed)}.build-tab:active{transform:translateY(2px);background:var(--button-bg-pressed);box-shadow:var(--button-shadow-pressed)}.build-tab:disabled{cursor:default}.build-menu{position:relative;z-index:1;pointer-events:auto;display:grid;width:100%;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:calc(min(650px,100vh - 148px) - 82px);padding:10px 9px 28px;overflow-y:auto;scrollbar-width:thin;border:3px solid rgba(24,17,12,.72);border-radius:8px;background:linear-gradient(90deg,rgba(255,244,214,.2),transparent 34%),linear-gradient(#c4a77c,#b79971);box-shadow:inset 0 0 0 3px #fff2d240}.build-option{position:relative;display:grid;grid-template-columns:98px minmax(0,1fr);grid-template-rows:auto auto;justify-content:flex-start;align-items:center;min-width:0;min-height:148px;height:auto;padding:12px;border-color:#422b19db;background:linear-gradient(90deg,rgba(255,244,214,.25),transparent 52%),linear-gradient(#d8bc91,#c6a87c);box-shadow:inset 0 0 0 2px #fff4d652,0 2px #3a24166b;color:#fff6d6;text-shadow:0 3px 0 #2a1a10,2px 0 0 #2a1a10,-2px 0 0 #2a1a10;font-size:26px;column-gap:16px;row-gap:9px;text-align:left}.build-option:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;pointer-events:none;background:linear-gradient(#a9895f,#a9895f) left top / 28px 2px no-repeat,linear-gradient(#a9895f,#a9895f) left top / 2px 28px no-repeat,linear-gradient(#efd7aa,#efd7aa) 5px 5px / 16px 1px no-repeat,linear-gradient(#efd7aa,#efd7aa) 5px 5px / 1px 16px no-repeat,linear-gradient(#a9895f,#a9895f) right top / 28px 2px no-repeat,linear-gradient(#a9895f,#a9895f) right top / 2px 28px no-repeat,linear-gradient(#efd7aa,#efd7aa) calc(100% - 21px) 5px / 16px 1px no-repeat,linear-gradient(#efd7aa,#efd7aa) calc(100% - 6px) 5px / 1px 16px no-repeat,linear-gradient(#a9895f,#a9895f) left bottom / 28px 2px no-repeat,linear-gradient(#a9895f,#a9895f) left bottom / 2px 28px no-repeat,linear-gradient(#efd7aa,#efd7aa) 5px calc(100% - 6px) / 16px 1px no-repeat,linear-gradient(#efd7aa,#efd7aa) 5px calc(100% - 21px) / 1px 16px no-repeat,linear-gradient(#a9895f,#a9895f) right bottom / 28px 2px no-repeat,linear-gradient(#a9895f,#a9895f) right bottom / 2px 28px no-repeat,linear-gradient(#efd7aa,#efd7aa) calc(100% - 21px) calc(100% - 6px) / 16px 1px no-repeat,linear-gradient(#efd7aa,#efd7aa) calc(100% - 6px) calc(100% - 21px) / 1px 16px no-repeat;opacity:.82}.build-option:after{content:"";position:absolute;left:124px;right:22px;top:77px;pointer-events:none;border-top:2px dotted rgba(92,65,40,.28);box-shadow:0 1px #efd7aa47}.build-option>*{position:relative;z-index:1}.build-option-icon{flex:0 0 auto;grid-row:1 / 3;width:92px;height:92px;object-fit:contain;border:2px solid rgba(55,35,21,.78);border-radius:6px;background:#b28f6157;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.38))}.build-option .action-cost{flex-wrap:wrap;font-size:21px;gap:7px;min-width:0;white-space:nowrap}.build-requirement-note{grid-column:2;color:#ffcabf;font-size:16px;font-weight:900;line-height:1.1;text-shadow:0 2px 0 #3a0c08,1px 0 0 #3a0c08,-1px 0 0 #3a0c08}.option-state-note{grid-column:1 / -1;display:flex;align-items:center;min-width:0;min-height:30px;padding:4px 9px 4px 6px;border:2px solid rgba(92,52,28,.62);border-radius:999px;gap:6px;background:linear-gradient(180deg,rgba(255,244,214,.42),transparent 54%),linear-gradient(#c77748,#8b432d);color:#fff3ca;font-size:15px;font-weight:900;line-height:1.08;text-shadow:0 2px 0 #3a0c08,1px 0 0 #3a0c08,-1px 0 0 #3a0c08}.option-state-note img{flex:0 0 auto;width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(45,23,12,.32))}.option-state-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-state-note.blocked{background:linear-gradient(180deg,rgba(255,244,214,.38),transparent 54%),linear-gradient(#7a6557,#4f3f37)}.empty-menu-note{grid-column:1 / -1}.build-option .action-cost .resource-icon.coin{width:27px;height:27px;border-width:3px}.build-option-icon.resource-card{display:grid;place-items:center;background:linear-gradient(#d8bc91,#b99668)}.build-option-icon.sale-resource-icon{padding:8px;background:linear-gradient(rgba(255,244,214,.22),transparent 46%),linear-gradient(#d8bc91,#a8875e)}.build-option-icon.resource-card:before{content:"";width:58px;height:50px;border:2px solid rgba(33,19,15,.54);transform:rotate(-10deg);image-rendering:pixelated}.build-option-icon.resource-card.wheat:before{background:radial-gradient(circle at 28% 31%,#f0cf54 0 13%,transparent 14%),radial-gradient(circle at 56% 35%,#e8bd3f 0 13%,transparent 14%),radial-gradient(circle at 42% 64%,#f2d46a 0 12%,transparent 13%),linear-gradient(#8b5d28,#5b3924)}.build-option-icon.resource-card.clay:before{background:radial-gradient(circle at 32% 29%,#d6a184 0 15%,transparent 16%),linear-gradient(135deg,#9b593d,#5f3428)}.build-option-icon.resource-card.resin:before{background:radial-gradient(circle at 35% 32%,#ffe16e 0 22%,transparent 23%),linear-gradient(135deg,#25613b,#123d2a)}.build-option-icon.resource-card.wood:before{background:linear-gradient(90deg,transparent 0 18%,rgba(255,255,255,.24) 19% 23%,transparent 24%),repeating-linear-gradient(135deg,#b77a3e 0,#b77a3e 7px,#5f351c 8px,#5f351c 13px)}.build-option-icon.resource-card.cherryWood:before{background:repeating-linear-gradient(135deg,#b65a42 0,#b65a42 6px,#662d22 7px,#662d22 12px)}.build-option-icon.resource-card.oakWood:before{background:repeating-linear-gradient(135deg,#a1733b 0,#a1733b 6px,#51351b 7px,#51351b 12px)}.build-option-icon.resource-card.coal:before{border-radius:32% 40% 34% 44%;background:radial-gradient(circle at 35% 30%,#686868 0 12%,transparent 13%),linear-gradient(135deg,#202020,#060606)}.build-option-icon.resource-card.ironOre:before{border-radius:34% 40% 36% 44%;background:radial-gradient(circle at 34% 32%,#f2a081 0 12%,transparent 13%),linear-gradient(135deg,#bf634d,#572c28)}.build-option-icon.resource-card.copperOre:before,.build-option-icon.resource-card.tinOre:before,.build-option-icon.resource-card.goldOre:before,.build-option-icon.resource-card.silverOre:before,.build-option-icon.resource-card.limestone:before,.build-option-icon.resource-card.silicaSand:before,.build-option-icon.resource-card.quartz:before,.build-option-icon.resource-card.feldspar:before,.build-option-icon.resource-card.ironOxide:before,.build-option-icon.resource-card.cobaltOre:before{border-radius:34% 40% 36% 44%;background:radial-gradient(circle at 34% 32%,rgba(255,255,255,.62) 0 12%,transparent 13%),linear-gradient(135deg,#b9b09a,#5f5749)}.build-option-icon.resource-card.copperOre:before{background:radial-gradient(circle at 34% 32%,#ffd5a2 0 12%,transparent 13%),linear-gradient(135deg,#c27b46,#613828)}.build-option-icon.resource-card.tinOre:before{background:radial-gradient(circle at 34% 32%,#f6f4df 0 12%,transparent 13%),linear-gradient(135deg,#b7b7a0,#5d625b)}.build-option-icon.resource-card.goldOre:before{background:radial-gradient(circle at 34% 32%,#fff1a8 0 12%,transparent 13%),linear-gradient(135deg,#d2a334,#624319)}.build-option-icon.resource-card.silverOre:before{background:radial-gradient(circle at 34% 32%,#ffffff 0 12%,transparent 13%),linear-gradient(135deg,#cfd7d9,#697479)}.build-option-icon.resource-card.ironOxide:before{background:radial-gradient(circle at 34% 32%,#f0a071 0 12%,transparent 13%),linear-gradient(135deg,#9c4530,#54251d)}.build-option-icon.resource-card.cobaltOre:before{background:radial-gradient(circle at 34% 32%,#b8d9ff 0 12%,transparent 13%),linear-gradient(135deg,#426fa1,#1d345b)}.build-option-icon.resource-card.steelPlate:before,.build-option-icon.resource-card.brassIngot:before,.build-option-icon.resource-card.gearRivet:before,.build-option-icon.resource-card.nailSpring:before,.build-option-icon.resource-card.glassLens:before,.build-option-icon.resource-card.varnish:before,.build-option-icon.resource-card.glazeSlurry:before,.build-option-icon.resource-card.woodFrameCrate:before,.build-option-icon.resource-card.standardLocomotive:before,.build-option-icon.resource-card.expressLocomotive:before,.build-option-icon.resource-card.royalPorcelainSet:before,.build-option-icon.resource-card.decorativeVase:before,.build-option-icon.resource-card.marineChronometer:before,.build-option-icon.resource-card.goldPocketWatch:before{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.72) 0 13%,transparent 14%),linear-gradient(135deg,#d7c48b,#715233)}.build-option-icon.resource-card.steelPlate:before{background:linear-gradient(135deg,#d8e0df,#6b7b7d)}.build-option-icon.resource-card.brassIngot:before{background:linear-gradient(135deg,#e3bc55,#80572a)}.build-option-icon.resource-card.fineWood:before{background:repeating-linear-gradient(135deg,#d69a43 0,#d69a43 7px,#7a471f 8px,#7a471f 13px)}.build-option-icon.resource-card.woodFrameCrate:before{background:radial-gradient(circle at 70% 35%,#e6bd72 0 9%,transparent 10%),linear-gradient(45deg,transparent 0 43%,#6e4220 44% 48%,transparent 49%),linear-gradient(135deg,#c28642,#6d4122)}.build-option-icon.resource-card.glassLens:before{border-radius:45%;background:radial-gradient(circle at 35% 30%,#ffffff 0 18%,transparent 19%),linear-gradient(135deg,#bfeeff,#4786a8)}.build-option-icon.resource-card.varnish:before{background:radial-gradient(circle at 35% 31%,#fff1a0 0 16%,transparent 17%),linear-gradient(135deg,#8d5b26,#3c2617)}.build-option-icon.resource-card.glazeSlurry:before{background:radial-gradient(circle at 35% 31%,#fff 0 13%,transparent 14%),linear-gradient(135deg,#e6d2bd,#8c6a58)}.sale-option{min-height:158px}.sale-option .sale-cost{white-space:normal}.harbor-upgrade-entry,.harbor-upgrade-option{min-height:168px}.harbor-upgrade-entry{grid-column:1 / -1}.build-option-icon.harbor-upgrade-icon{padding:6px;background:linear-gradient(rgba(255,244,214,.2),transparent 48%),linear-gradient(#6db0ce,#2d7fac)}.harbor-upgrade-detail{grid-column:2;color:#4f3822;font-size:18px;font-weight:900;line-height:1.15;text-shadow:0 1px 0 rgba(255,243,207,.62)}.harbor-upgrade-cost{white-space:normal}.sale-confirm{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 8px;border:2px solid var(--button-border);border-radius:5px;background:var(--button-bg);box-shadow:inset 0 0 0 2px #dab06e6b,0 2px #120b07;color:var(--cream);font-size:18px;gap:7px;text-align:center}.sale-confirm:active{transform:translateY(2px);background:var(--button-bg-pressed);box-shadow:var(--button-shadow-pressed)}.recipe-option{grid-template-columns:98px minmax(0,1fr) 78px;min-height:150px}.recipe-option:after{right:116px}.recipe-option>strong{grid-column:2;grid-row:1;align-self:end}.recipe-option .action-cost{grid-column:2;grid-row:2;align-self:start;white-space:normal}.recipe-action-label{grid-column:3;grid-row:1 / 3;display:grid;place-items:center;justify-self:end;align-self:center;width:70px;min-height:52px;border:3px solid rgba(42,26,16,.9);border-radius:6px;background:linear-gradient(rgba(255,248,214,.22),transparent 42%),linear-gradient(#79b85e,#356f3d);box-shadow:inset 0 0 0 2px #e9ffbe38,0 2px #2a1a106b;color:#fff8cf;font-size:20px;font-weight:900;line-height:1;text-align:center}.recipe-option.is-active{background:linear-gradient(90deg,rgba(232,255,197,.24),transparent 52%),linear-gradient(#d5c48d,#b7a268)}.recipe-option.is-active .recipe-action-label{background:linear-gradient(rgba(255,244,214,.2),transparent 42%),linear-gradient(#c6624f,#7f2f2c);box-shadow:inset 0 0 0 2px #ffd8be33,0 2px #2a1a106b}.recipe-option:disabled .recipe-action-label{background:linear-gradient(#9f8d71,#6b5c49);color:#d9c8a8}.empty-menu-note{grid-column:1 / -1;padding:28px 18px;border:3px solid #21130f;border-radius:6px;background:#2316108c;color:#fff7c7;font-size:24px;font-weight:900;text-align:center}.empty-menu-note .option-state-note{justify-content:center;max-width:100%;border-radius:12px;background:linear-gradient(180deg,rgba(255,244,214,.28),transparent 54%),linear-gradient(#765640,#4e3526)}.empty-menu-note .option-state-note span{white-space:normal}.build-option-icon.waterPump{background:radial-gradient(circle at 50% 66%,#2d86cf 0 15%,transparent 16%),linear-gradient(#b4b7ad 0,#b4b7ad 66%,#77796f 67%),linear-gradient(90deg,#804a28 0 15%,transparent 16% 84%,#804a28 85%)}.build-option-icon.waterTower{background:linear-gradient(90deg,transparent 0 32%,#795130 33% 39%,transparent 40% 60%,#795130 61% 67%,transparent 68%),radial-gradient(ellipse at 50% 28%,#7fd2f2 0 34%,#2c87c7 35% 55%,transparent 56%),linear-gradient(#b8793c,#5b3520)}.build-option-icon.wheat{background:repeating-linear-gradient(90deg,transparent 0 8px,#74511f 9px 11px),radial-gradient(circle at 24% 38%,#f0cf54 0 10%,transparent 11%),radial-gradient(circle at 54% 35%,#f0cf54 0 10%,transparent 11%),linear-gradient(#a56d36,#80502d)}.build-option-icon.silo{background:linear-gradient(#bd392f 0 24%,transparent 25%),linear-gradient(90deg,transparent 0 30%,#e8ddc7 31% 69%,transparent 70%),linear-gradient(#f4ead0,#b8b09f)}.build-option-icon.saltField{background:linear-gradient(90deg,transparent 0 44%,#5b3928 45% 55%,transparent 56%),linear-gradient(0deg,transparent 0 44%,#5b3928 45% 55%,transparent 56%),linear-gradient(#8bd4e8 0,#8bd4e8 48%,#f3efd8 49%,#f3efd8)}.build-option-icon.tree{background:linear-gradient(90deg,transparent 0 43%,#6b3f25 44% 57%,transparent 58%),radial-gradient(circle at 50% 34%,#2f7645 0 32%,transparent 33%),radial-gradient(circle at 50% 54%,#1f5d38 0 38%,transparent 39%)}.build-option-icon.peachTree{background:radial-gradient(circle at 38% 37%,#f2a46f 0 7%,transparent 8%),radial-gradient(circle at 61% 45%,#e98167 0 7%,transparent 8%),linear-gradient(90deg,transparent 0 42%,#7a4d2d 43% 57%,transparent 58%),radial-gradient(circle at 42% 42%,#5ba34e 0 28%,transparent 29%),radial-gradient(circle at 60% 36%,#376f3e 0 30%,transparent 31%)}.build-option-icon.oakTree{background:linear-gradient(90deg,transparent 0 40%,#5d351c 41% 60%,transparent 61%),radial-gradient(circle at 37% 43%,#315f36 0 28%,transparent 29%),radial-gradient(circle at 62% 39%,#41793e 0 31%,transparent 32%),radial-gradient(circle at 50% 24%,#4f8a45 0 26%,transparent 27%)}.build-option-icon.farmerHut{background:radial-gradient(circle at 48% 38%,#e0ab39 0 14%,transparent 15%),linear-gradient(#edc24b 0 32%,transparent 33%),linear-gradient(90deg,#b93428 0,#b93428 38%,#e6c07a 39%,#e6c07a)}.build-option-icon.lumberjackHut{background:linear-gradient(135deg,transparent 0 44%,#d8d8d0 45% 55%,transparent 56%),linear-gradient(#345f75 0 26%,transparent 27%),repeating-linear-gradient(90deg,#9a5d2a 0,#9a5d2a 7px,#653719 8px,#653719 11px)}.build-option-icon.woodStorage{background:linear-gradient(#be4b32 0 30%,transparent 31%),repeating-linear-gradient(0deg,#be8042 0,#be8042 5px,#5f3319 6px,#5f3319 8px),linear-gradient(#825026,#4c2d18)}.build-option-icon.mill{background:linear-gradient(45deg,transparent 0 44%,#eadfc1 45% 55%,transparent 56%),linear-gradient(135deg,transparent 0 44%,#eadfc1 45% 55%,transparent 56%),linear-gradient(#c64b34 0 28%,transparent 29%),linear-gradient(#9b6338,#6b3f25)}.build-option-icon.warehouse{background:linear-gradient(#c74731 0 28%,transparent 29%),repeating-linear-gradient(0deg,#9b6338 0,#9b6338 7px,#6b3f25 8px,#6b3f25 11px),linear-gradient(#b7783e,#6b3f25)}.build-option-icon.mineralWarehouse{background:radial-gradient(circle at 24% 74%,#232323 0 15%,transparent 16%),radial-gradient(circle at 72% 74%,#b96a54 0 15%,transparent 16%),linear-gradient(#404040 0 30%,transparent 31%),repeating-linear-gradient(90deg,#9a5d2a 0,#9a5d2a 7px,#5a3320 8px,#5a3320 11px)}.build-option-icon.coalFactory{background:radial-gradient(circle at 22% 72%,#171717 0 16%,transparent 17%),linear-gradient(#3d3c3a 0 28%,transparent 29%),linear-gradient(#6c574b,#30261f)}.build-option-icon.ironFactory{background:radial-gradient(circle at 28% 72%,#b96a54 0 15%,transparent 16%),linear-gradient(#8b3f35 0 30%,transparent 31%),linear-gradient(#8a6a52,#4d3327)}.build-option-icon.salt{background:radial-gradient(circle at 50% 54%,#fff8e2 0 30%,transparent 31%),linear-gradient(#5f8d3d,#7aad4d)}.build-option-icon.flour{background:radial-gradient(circle at 50% 54%,#ead5a4 0 32%,transparent 33%),linear-gradient(#8d4f2b,#c64b34)}.build-option-icon:not(.resource-card):not(.sale-resource-icon){background:#c9ad7d}.player-card{width:314px;height:104px;padding:9px 14px 9px 96px;border:4px solid #6b4628;border-radius:20px;background:linear-gradient(180deg,rgba(255,248,218,.42),transparent 38%),linear-gradient(#bd8a55,#8a5a36);box-shadow:inset 0 0 0 2px #ffefbebd,inset 0 0 0 7px #53311b2e,0 4px #3b2416,0 10px 20px #26191038}.player-avatar{left:10px;top:10px;width:84px;height:84px}.player-stat{height:30px;border-color:#80522a6b;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 55%),linear-gradient(90deg,#fff2cf,#efd4a6)}.side-panel{width:184px;padding:8px 8px 10px 5px;border-color:#5c3920;border-radius:0 16px 16px 0;background:linear-gradient(180deg,rgba(255,250,226,.44),transparent 26%),linear-gradient(#e6c691,#c99d63);box-shadow:inset 0 0 0 2px #fff4d6b8,inset -5px 0 #69412229,0 4px #442a1870,0 10px 18px #22160e2e}.resource-list{gap:5px}.resource-row{grid-template-columns:34px minmax(0,1fr) auto;min-height:36px;border-color:#6944249e;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 58%),linear-gradient(#fff0c8,#e0bd82);box-shadow:inset 0 0 0 2px #fff9e280,0 1px #5d3a1f3d}.resource-row-icon{width:31px;height:31px}.action-button{min-width:184px;height:74px;border:4px solid #5c3920;border-radius:15px;background:var(--button-bg);box-shadow:inset 0 0 0 2px #ffebb194,inset 0 0 0 7px #4d2d1729,0 4px #3b2416,0 9px 14px #22160e33}.delivery-panel{border-color:#5c3920;border-radius:12px;background:linear-gradient(180deg,rgba(255,249,221,.28),transparent 38%),linear-gradient(#7d5935,#4e3220)}.choice-panel,.confirm-panel{border-color:#5b3922;border-radius:16px;background:linear-gradient(180deg,#fff9dd57,#fff9dd00 36%),linear-gradient(#d6ad72,#b9854d);box-shadow:inset 0 0 0 2px #ffebb1a6,inset 0 0 0 7px #633e232e,0 4px #3c2416,0 16px 34px #2c1d1247}.choice-panel-head{height:58px;border-color:#52331ce0;border-radius:12px;background:linear-gradient(180deg,rgba(255,247,208,.38),transparent 48%),linear-gradient(#8d6038,#664126)}.choice-close,.build-tab,.confirm-button,.sale-confirm{border-radius:10px}.build-tabs{gap:10px}.build-tab{height:46px;border-color:#5c3920}.build-menu{border-color:#623d21a8;border-radius:12px;background:linear-gradient(180deg,rgba(255,249,226,.42),transparent 26%),linear-gradient(#f0d7a8,#d6ad72)}.build-option{border-color:#674224b8;border-radius:12px;background:linear-gradient(180deg,rgba(255,252,232,.44),transparent 50%),linear-gradient(#edd2a2,#d3a46c);box-shadow:inset 0 0 0 2px #fff8de6b,0 3px #56341d70}.build-option-icon{border-color:#5c391fb3;border-radius:10px;background:linear-gradient(180deg,rgba(255,250,226,.5),transparent 52%),linear-gradient(#ecd0a0,#c99a60)}.recipe-action-label{border-radius:10px}@media(max-width:980px),(max-height:590px){.game-shell{min-width:0;min-height:0}.player-card,.delivery-panel{width:136px;height:44px;font-size:20px;gap:10px}.player-card{width:244px;height:78px;padding-left:72px;font-size:15px;gap:6px}.truck-panel,.truck-card{width:170px}.truck-menu{width:214px}.truck-card{grid-template-columns:1fr;height:68px;padding:5px 10px}.truck-road{width:124px;height:52px}.truck-road img{top:0;width:108px;height:52px}.truck-state{display:none;font-size:16px}.truck-menu{top:70px}.truck-sale-option{height:34px;font-size:13px;grid-template-columns:20px 1fr auto 17px auto}.task-panel{width:min(260px,calc(100vw - 350px));min-height:58px;grid-template-columns:42px minmax(0,1fr) auto;padding:7px 9px 8px;border-width:3px;gap:2px 7px}.task-icon{width:40px;height:40px}.task-copy strong{font-size:15px}.task-copy span{font-size:11px}.task-reward{padding:1px 6px 2px;font-size:10px}.task-progress-text{min-width:34px;padding:1px 5px;font-size:11px}.task-progress-track{height:9px}.player-avatar{left:7px;top:7px;width:64px;height:64px}.player-coins{min-width:142px;font-size:15px}.player-score{font-size:15px}.score-icon{width:21px;height:21px;border-width:3px}.resource-icon{width:28px;height:28px}.side-panel{top:116px;transform:scale(.84);transform-origin:left top}.action-bar{left:88px;right:136px;transform:none;min-height:0;min-width:0;max-width:none;width:auto;overflow:visible;padding:0;gap:8px;font-size:15px}.action-icon{flex:0 0 auto;width:34px;height:34px}.action-button{min-width:104px;height:42px;font-size:16px}.build-option{grid-template-columns:68px minmax(0,1fr);min-height:104px;font-size:19px;column-gap:10px}.build-option-icon{width:64px;height:64px}.build-option .action-cost{font-size:16px;gap:5px}.build-option .action-cost .resource-icon.coin{width:21px;height:21px}.option-state-note{min-height:25px;padding:3px 7px 3px 5px;font-size:12px;gap:4px}.option-state-note img{width:21px;height:21px}.slot-swatch.mini{width:14px;height:13px}.choice-panel{left:74px;top:76px;width:min(720px,calc(100vw - 88px));max-height:min(560px,calc(100vh - 118px))}.build-tabs{grid-template-columns:repeat(5,minmax(82px,1fr));gap:7px;padding:0 4px 10px;overflow-x:auto;scrollbar-width:thin}.build-tab{height:42px;font-size:16px}.build-tab span{min-width:22px;height:22px;font-size:12px}.build-menu{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-height:calc(min(560px,100vh - 118px) - 72px)}}@media(max-width:540px){.hud-right{right:8px}.task-panel{width:176px}.task-copy span{display:none}.action-bar{right:10px;bottom:78px;min-width:0}.build-menu{flex-wrap:wrap}.build-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}#farmCanvas{image-rendering:auto}.player-card,.side-panel,.task-panel,.delivery-panel,.choice-panel,.confirm-panel,.action-button,.build-option{text-rendering:geometricPrecision}.side-panel{padding-top:43px}.side-panel:before{content:"资源";position:absolute;left:10px;top:9px;right:12px;display:grid;place-items:center;height:28px;border:2px solid rgba(91,57,30,.72);border-radius:999px;background:linear-gradient(180deg,rgba(255,253,234,.52),transparent 55%),linear-gradient(#8d6038,#684126);color:#fff4cc;font-size:16px;font-weight:900;text-shadow:0 2px 0 #2b160b;box-shadow:inset 0 0 0 2px #ffeab059,0 2px #321e1157}.resource-icon,.resource-row-icon,.resource-mini-icon,.build-option-icon,.build-option-icon.resource-card:before,.truck-road img{image-rendering:auto}.resource-row{grid-template-columns:34px minmax(72px,1fr) minmax(42px,auto);padding-right:8px}.resource-row strong,.resource-row b{min-width:0}.task-panel{border:4px solid #684126;border-radius:17px;background:linear-gradient(180deg,rgba(255,252,228,.5),transparent 42%),linear-gradient(#f1d9aa,#c69358);box-shadow:inset 0 0 0 2px #fff7dab3,inset 0 0 0 7px #5e381d24,0 4px #3d241480,0 10px 20px #26191033}.task-copy strong,.task-detail,.task-progress-text{color:#4a2f1d;text-shadow:0 1px 0 rgba(255,244,210,.65)}.task-reward{color:#1f7c48;text-shadow:0 1px 0 rgba(255,250,223,.76)}.task-progress-track,.delivery-track{border-color:#54341eb8;background:#4d2d1a80;box-shadow:inset 0 2px #22140c57,0 1px #fff5d457}.task-progress-fill,.delivery-progress-fill{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 56%),linear-gradient(90deg,#6ecf56,#2f9342)}.choice-overlay,.confirm-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#2a190e2e}.choice-panel,.confirm-panel{border-width:4px;border-radius:20px}.choice-panel-head{border-radius:14px}.build-menu{gap:13px;padding:12px}.build-option{border-width:3px;border-radius:14px;background:linear-gradient(180deg,rgba(255,253,235,.55),transparent 48%),linear-gradient(#efd4a4,#d2a168)}.build-option:hover,.action-button:hover,.sale-confirm:hover,.confirm-button:hover{filter:brightness(1.045)}.build-option-icon{border-radius:12px;background:linear-gradient(180deg,rgba(255,252,232,.52),transparent 48%),linear-gradient(#d9bd8c,#b48b59)}.action-button{border-radius:17px}@media(max-width:980px),(max-height:590px){.side-panel{padding-top:36px}.side-panel:before{height:24px;font-size:14px}.build-menu{gap:9px;padding:9px}}.choice-overlay{z-index:30;display:flex;align-items:flex-start;justify-content:center;padding:clamp(78px,10vh,104px) 56px 88px;background:#0a2d4a57;-webkit-backdrop-filter:blur(3px) saturate(.9);backdrop-filter:blur(3px) saturate(.9)}.choice-overlay.is-hidden{display:none!important}.choice-panel{position:relative;left:auto;top:auto;width:min(1100px,calc(100vw - 126px));max-height:min(650px,calc(100vh - 148px));padding:78px 28px 28px;border:5px solid #8b5729;border-radius:27px;overflow:visible;background:radial-gradient(circle at 16% 9%,rgba(255,255,255,.48),transparent 28%),linear-gradient(180deg,#fff2cf,#f5dcae 56%,#e6bf7f);box-shadow:inset 0 0 0 3px #ffefbf,inset 0 0 0 9px #b16f3033,0 5px #5a351b,0 22px 48px #12141a61;color:#5a351d}.choice-panel:before{top:12px;right:12px;bottom:12px;left:12px;border:3px solid rgba(190,137,75,.72);border-radius:21px;box-shadow:inset 0 0 0 3px #fff8deb8,inset 0 0 0 9px #a568311a}.choice-panel:after{top:18px;right:18px;bottom:18px;left:18px;background:linear-gradient(#d9ae73,#d9ae73) left top / 42px 3px no-repeat,linear-gradient(#d9ae73,#d9ae73) left top / 3px 42px no-repeat,linear-gradient(#fff4cb,#fff4cb) 8px 8px / 22px 2px no-repeat,linear-gradient(#fff4cb,#fff4cb) 8px 8px / 2px 22px no-repeat,linear-gradient(#d9ae73,#d9ae73) right top / 42px 3px no-repeat,linear-gradient(#d9ae73,#d9ae73) right top / 3px 42px no-repeat,linear-gradient(#fff4cb,#fff4cb) calc(100% - 30px) 8px / 22px 2px no-repeat,linear-gradient(#fff4cb,#fff4cb) calc(100% - 10px) 8px / 2px 22px no-repeat,linear-gradient(#d9ae73,#d9ae73) left bottom / 42px 3px no-repeat,linear-gradient(#d9ae73,#d9ae73) left bottom / 3px 42px no-repeat,linear-gradient(#fff4cb,#fff4cb) 8px calc(100% - 10px) / 22px 2px no-repeat,linear-gradient(#fff4cb,#fff4cb) 8px calc(100% - 30px) / 2px 22px no-repeat,linear-gradient(#d9ae73,#d9ae73) right bottom / 42px 3px no-repeat,linear-gradient(#d9ae73,#d9ae73) right bottom / 3px 42px no-repeat,linear-gradient(#fff4cb,#fff4cb) calc(100% - 30px) calc(100% - 10px) / 22px 2px no-repeat,linear-gradient(#fff4cb,#fff4cb) calc(100% - 10px) calc(100% - 30px) / 2px 22px no-repeat;opacity:.9}.choice-panel>*{position:relative;z-index:1}.choice-panel-head{position:absolute;z-index:2;left:50%;top:-42px;width:fit-content;min-width:194px;max-width:min(520px,70vw);height:78px;margin:0;padding:0 54px;transform:translate(-50%);display:grid;place-items:center;border:4px solid #6a3d1f;border-radius:20px;background:linear-gradient(180deg,rgba(255,228,155,.34),transparent 45%),repeating-linear-gradient(0deg,rgba(112,63,27,.18) 0 2px,transparent 3px 15px),linear-gradient(90deg,#8d5629,#bd7939 48%,#875126);box-shadow:inset 0 0 0 2px #ffe0938c,inset 0 -8px #4b271229,0 4px #5a3219,0 10px 22px #341e1047;color:#fff2c7;font-size:42px;font-weight:900;line-height:1;text-align:center;text-shadow:0 3px 0 #5a2a12,2px 0 0 #5a2a12,-2px 0 0 #5a2a12,0 -2px 0 #5a2a12}.choice-panel-head:before,.choice-panel-head:after{content:"";position:absolute;top:50%;width:92px;height:78px;pointer-events:none;border:0;background:transparent center / contain no-repeat;transform:translateY(-50%)}.choice-panel-head:before{left:-72px;background-image:url(/assets/title-leaf-left-B7s-CkAM.png)}.choice-panel-head:after{right:-72px;background-image:url(/assets/title-leaf-right-FM5fXPDs.png)}.choice-close{position:absolute;z-index:3;right:-29px;top:-21px;width:72px;height:72px;padding:0;border:0;border-radius:50%;background:transparent url(/assets/close-button-BgUztahT.png) center / contain no-repeat;box-shadow:none;color:transparent;font-size:0;text-shadow:none;cursor:pointer;filter:drop-shadow(0 4px 0 rgba(72,38,18,.38))}.choice-close:active{transform:translateY(2px) scale(.98);background:transparent url(/assets/close-button-BgUztahT.png) center / contain no-repeat;box-shadow:none}.build-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:0 8px 18px}.build-tab{display:flex;align-items:center;justify-content:center;gap:5px;height:61px;min-width:0;padding:7px 8px;border:3px solid #bb8550;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 46%),linear-gradient(#fff1c9,#e7bf80);box-shadow:inset 0 0 0 2px #fff9decc,0 3px #824e247a,0 7px 12px #4e301824;color:#5b351d;font-size:21px;font-weight:900;text-shadow:0 1px 0 rgba(255,247,219,.78)}.build-tab:before{top:5px;right:5px;bottom:5px;left:5px;border-color:#c4894642;border-radius:10px}.build-tab-icon{flex:0 0 32px;width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(89,50,22,.28))}.build-tab strong{flex:0 0 auto;min-width:0;max-width:none;overflow:visible;color:#5b351d;white-space:nowrap;text-overflow:clip}.build-tab span{flex:0 0 29px;min-width:29px;height:29px;padding:0;border:0;background:transparent url(/assets/count-badge-CYhRN5fd.png) center / contain no-repeat;color:#fff7cc;font-size:15px;text-shadow:0 2px 0 #88410f,1px 0 0 #88410f,-1px 0 0 #88410f}.build-tab.is-active{transform:translateY(2px);border-color:#a8681d;background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 44%),linear-gradient(#ffd653,#e29b22);box-shadow:inset 0 0 0 2px #fff7c5e6,0 2px #723d1499}.build-menu{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 16px 14px;overflow-y:auto;border:4px solid rgba(196,139,77,.72);border-radius:18px;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.45),transparent 30%),linear-gradient(180deg,#ffecc3,#f2cf96);box-shadow:inset 0 0 0 2px #fff9e0db,inset 0 0 0 8px #bb7a351f;scrollbar-color:#f9e6bd #d9b071;scrollbar-width:thin}.build-menu::-webkit-scrollbar{width:13px}.build-menu::-webkit-scrollbar-track{border-radius:999px;background:#e0b978}.build-menu::-webkit-scrollbar-thumb{border:3px solid #e0b978;border-radius:999px;background:#fff5d2}.build-option{display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-rows:auto auto minmax(36px,auto);align-items:center;justify-content:stretch;min-width:0;min-height:178px;height:auto;padding:16px 18px 13px 12px;border:3px solid rgba(188,132,72,.72);border-radius:16px;column-gap:18px;row-gap:9px;background:linear-gradient(180deg,rgba(255,255,255,.52),transparent 48%),linear-gradient(#fff0c8,#e9bd7e);box-shadow:inset 0 0 0 2px #fff9dedb,0 3px #8450266b;color:#57351f;text-align:left;text-shadow:0 1px 0 rgba(255,245,215,.75)}.build-option:before{top:10px;right:10px;bottom:10px;left:10px;background:linear-gradient(#d0a36b,#d0a36b) left top / 30px 2px no-repeat,linear-gradient(#d0a36b,#d0a36b) left top / 2px 30px no-repeat,linear-gradient(#fff5ce,#fff5ce) 6px 6px / 16px 1px no-repeat,linear-gradient(#fff5ce,#fff5ce) 6px 6px / 1px 16px no-repeat,linear-gradient(#d0a36b,#d0a36b) right top / 30px 2px no-repeat,linear-gradient(#d0a36b,#d0a36b) right top / 2px 30px no-repeat,linear-gradient(#fff5ce,#fff5ce) calc(100% - 22px) 6px / 16px 1px no-repeat,linear-gradient(#fff5ce,#fff5ce) calc(100% - 7px) 6px / 1px 16px no-repeat,linear-gradient(#d0a36b,#d0a36b) left bottom / 30px 2px no-repeat,linear-gradient(#d0a36b,#d0a36b) left bottom / 2px 30px no-repeat,linear-gradient(#fff5ce,#fff5ce) 6px calc(100% - 7px) / 16px 1px no-repeat,linear-gradient(#fff5ce,#fff5ce) 6px calc(100% - 22px) / 1px 16px no-repeat,linear-gradient(#d0a36b,#d0a36b) right bottom / 30px 2px no-repeat,linear-gradient(#d0a36b,#d0a36b) right bottom / 2px 30px no-repeat,linear-gradient(#fff5ce,#fff5ce) calc(100% - 22px) calc(100% - 7px) / 16px 1px no-repeat,linear-gradient(#fff5ce,#fff5ce) calc(100% - 7px) calc(100% - 22px) / 1px 16px no-repeat;opacity:.95}.build-option:after{content:none}.build-option:not(.is-selected):hover{border-color:#d79b4a;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent 48%),linear-gradient(#fff4cf,#efc586);box-shadow:inset 0 0 0 2px #fffbdde0,0 0 0 2px #ffda6f4d,0 3px #8450266b;filter:none}.build-option.is-selected{border-color:#b86a16;background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 44%),linear-gradient(#fff0a3,#efb63d 72%,#d88918);box-shadow:inset 0 0 0 3px #fffcdbf2,inset 0 0 0 8px #ffbb2b2e,0 0 0 4px #f2a51e,0 0 0 8px #5c300e2e,0 4px #763e1494,0 10px 18px #53301433;filter:none}.build-option.is-selected:before{opacity:1}.build-option.is-selected .build-option-icon{filter:drop-shadow(0 5px 0 rgba(88,52,25,.24)) drop-shadow(0 0 8px rgba(255,236,129,.72))}.build-option:disabled{background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 50%),linear-gradient(#f3dbac,#d4ab72);color:#6b4d34;opacity:1;filter:none}.build-option:disabled .build-option-icon{filter:drop-shadow(0 4px 0 rgba(88,52,25,.22))}.build-option:disabled .action-cost b:not(.is-missing),.build-option:disabled .resource-chip:not(.is-missing){color:#5a351d}.build-option>strong{grid-column:2;grid-row:1;align-self:end;min-width:0;overflow:hidden;color:#5a351d;font-size:30px;line-height:1.05;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 0 rgba(255,247,214,.8)}.build-option-icon{grid-column:1;grid-row:1 / 4;width:122px;height:122px;border:0;border-radius:0;background:transparent;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 5px 0 rgba(88,52,25,.26))}.build-option-icon:not(.resource-card):not(.sale-resource-icon):not(.harbor-upgrade-icon){background:transparent}.build-option .action-cost{grid-column:2;grid-row:2;position:relative;align-self:start;flex-wrap:wrap;gap:8px;min-height:36px;padding-bottom:12px;color:#4f321f;font-size:22px;text-shadow:0 1px 0 rgba(255,247,214,.76);white-space:normal}.build-option .action-cost:after{content:"";position:absolute;left:0;right:0;bottom:0;border-top:2px solid rgba(152,104,57,.28);box-shadow:0 1px #fff7d7b8}.build-option .action-cost b,.resource-chip{color:#4f321f;text-shadow:0 1px 0 rgba(255,247,214,.76)}.resource-mini-icon,.build-option .action-cost .resource-icon.coin{width:28px;height:28px}.option-state-note{grid-column:1 / -1;min-height:36px;padding:5px 14px 5px 7px;border:0;border-radius:999px;gap:8px;background:linear-gradient(180deg,rgba(255,224,184,.24),transparent 48%),linear-gradient(#d76755,#a23627);box-shadow:inset 0 0 0 2px #ffd6be3d,0 2px #652c1c6b;color:#fff7d4;font-size:17px;text-shadow:0 2px 0 #6c1d17,1px 0 0 #6c1d17,-1px 0 0 #6c1d17}.option-state-note img{width:28px;height:28px;filter:drop-shadow(0 2px 0 rgba(67,26,17,.34))}.option-state-note.blocked{background:linear-gradient(180deg,rgba(255,239,204,.22),transparent 50%),linear-gradient(#8b7564,#5e4b3d)}.option-state-note.ready{background:linear-gradient(180deg,rgba(235,255,194,.3),transparent 50%),linear-gradient(#68b44f,#367a3c)}.choice-panel-foot{position:absolute;z-index:4;left:50%;bottom:-56px;transform:translate(-50%)}.choice-action-button{display:grid;grid-template-columns:58px auto;align-items:center;justify-content:center;min-width:252px;height:82px;padding:7px 34px 9px 20px;border:4px solid #8c521f;border-radius:22px;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent 44%),linear-gradient(#ffd24b,#e9951d 72%,#bc6416);box-shadow:inset 0 0 0 3px #fff6beb8,0 4px #6d3814,0 11px 22px #3d200f47;color:#fff4cc;font-size:36px;font-weight:900;line-height:1;text-shadow:0 3px 0 #71330d,2px 0 0 #71330d,-2px 0 0 #71330d;cursor:pointer}.choice-action-button img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(90,44,14,.28))}.choice-action-button:disabled{cursor:not-allowed;filter:grayscale(.4) brightness(.86)}.recipe-option{grid-template-columns:122px minmax(0,1fr) 88px}.recipe-option:after{right:124px}.recipe-action-label,.sale-confirm{border:3px solid #67401f;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent 48%),linear-gradient(#6dbe55,#348142);box-shadow:inset 0 0 0 2px #e8ffc257,0 3px #502e186b;color:#fff8d5;text-shadow:0 2px 0 #245326}.recipe-option.is-active .recipe-action-label{background:linear-gradient(180deg,rgba(255,225,205,.28),transparent 48%),linear-gradient(#d35f4f,#963328)}.sale-confirm{min-height:40px;font-size:19px}.harbor-upgrade-detail{color:#5c3a22;font-size:19px}.empty-menu-note{border:3px solid rgba(188,132,72,.72);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 48%),linear-gradient(#fff0c8,#e2b979)}@media(max-width:1180px){.choice-overlay{padding-left:86px;padding-right:18px}.choice-panel{width:min(980px,calc(100vw - 104px))}}@media(max-width:980px),(max-height:590px){.choice-overlay{padding:74px 14px 70px 74px}.choice-panel{width:min(820px,calc(100vw - 88px));max-height:min(560px,calc(100vh - 118px));padding:58px 15px 20px;border-radius:20px}.choice-panel-head{top:-29px;width:fit-content;min-width:142px;max-width:min(360px,70vw);height:58px;padding:0 38px;font-size:30px;border-radius:16px}.choice-panel-head:before,.choice-panel-head:after{width:62px;height:54px}.choice-panel-head:before{left:-46px}.choice-panel-head:after{right:-46px}.choice-close{right:-17px;top:-16px;width:54px;height:54px}.build-tabs{grid-template-columns:repeat(6,minmax(132px,1fr));gap:8px;padding:0 4px 10px;overflow-x:auto}.build-tab{height:45px;min-width:132px;padding:5px 8px;gap:5px;font-size:16px}.build-tab-icon{flex-basis:28px;width:28px;height:28px}.build-tab strong{max-width:none}.build-tab span{flex-basis:25px;min-width:25px;height:25px;font-size:12px}.build-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:9px}.build-option{grid-template-columns:78px minmax(0,1fr);min-height:116px;padding:10px;column-gap:10px;row-gap:6px}.build-option:after{content:none}.build-option-icon{width:74px;height:74px}.build-option>strong{font-size:20px}.build-option .action-cost{min-height:29px;padding-bottom:8px;font-size:16px;gap:5px}.resource-mini-icon,.build-option .action-cost .resource-icon.coin{width:22px;height:22px}.option-state-note{min-height:27px;padding:3px 8px 3px 5px;font-size:12px;gap:5px}.option-state-note img{width:22px;height:22px}.choice-panel-foot{bottom:-43px}.choice-action-button{grid-template-columns:40px auto;min-width:178px;height:58px;padding:5px 22px 7px 13px;border-radius:16px;font-size:25px}.choice-action-button img{width:40px;height:40px}}.action-button,.confirm-button,.sale-confirm{border:4px solid #8c521f;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent 44%),linear-gradient(#ffd24b,#e9951d 72%,#bc6416);box-shadow:inset 0 0 0 3px #fff6beb8,0 4px #6d3814,0 11px 22px #3d200f47;color:#fff4cc;text-shadow:0 3px 0 #71330d,2px 0 0 #71330d,-2px 0 0 #71330d}.action-button{min-width:242px;height:82px;padding:7px 30px 9px 18px;gap:12px;font-size:32px}.action-button .action-icon{width:58px;height:58px;filter:drop-shadow(0 3px 0 rgba(90,44,14,.28))}.action-button:active,.confirm-button:active,.sale-confirm:active{transform:translateY(3px);background:linear-gradient(180deg,rgba(255,244,202,.28),transparent 42%),linear-gradient(#f4b839,#dc8518 72%,#a95312);box-shadow:inset 0 0 0 3px #ffeeae8a,0 2px #6d3814,0 6px 13px #3d200f38}.action-button:disabled,.confirm-button:disabled,.sale-confirm:disabled{cursor:not-allowed;filter:grayscale(.35) brightness(.88)}.confirm-button{min-height:58px;border-radius:18px;font-size:24px}.sale-confirm{border-width:3px;border-radius:14px;min-height:42px;font-size:20px}.side-panel{width:206px;padding:43px 7px 8px 4px}.resource-list{gap:0;max-height:calc(100vh - 150px);padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.resource-list::-webkit-scrollbar{display:none;width:0;height:0}.resource-row{grid-template-columns:35px minmax(76px,1fr) minmax(48px,auto);min-height:34px;margin-top:-1px;padding:2px 8px 2px 5px;border-radius:5px;gap:5px}.resource-row-name{font-size:14px}.resource-row-value{justify-self:end;font-size:16px}@media(max-width:980px),(max-height:590px){.action-button{min-width:136px;height:58px;padding:5px 20px 7px 12px;border-radius:16px;font-size:24px}.action-button .action-icon{width:40px;height:40px}.side-panel{width:206px}}.hud-left{top:8px;left:8px}.player-card{box-sizing:border-box;align-items:stretch;width:408px;height:142px;padding:12px 15px 12px 136px;border:4px solid #7a5635;border-radius:23px;gap:0;overflow:visible;background:linear-gradient(90deg,rgba(255,245,203,.36),rgba(255,245,203,.08) 31%,transparent 58%),linear-gradient(180deg,rgba(255,251,223,.45),transparent 44%),linear-gradient(#c49b67,#a6784a 48%,#795234);box-shadow:inset 0 0 0 2px #ffebb5c7,inset 0 0 0 8px #59371f2e,0 4px #3e2514b8,0 9px 18px #23160e33;color:#4b3321;text-shadow:none}.player-card:before{content:"";position:absolute;z-index:1;left:124px;top:9px;right:10px;height:43px;border-radius:0 16px 16px 0;background:linear-gradient(180deg,rgba(255,235,181,.18),transparent 50%),linear-gradient(#68462d,#4a2f20);box-shadow:inset 0 1px #ffebb438,inset 0 -2px #24150c38}.player-avatar{z-index:3;left:12px;top:12px;width:112px;height:112px;border:4px solid #8d6944;border-radius:18px;background:url(/assets/player-avatar-CKZVSCjn.png) center bottom / 104px 104px no-repeat,radial-gradient(circle at 45% 33%,#d9f0ff 0 30%,transparent 31%),linear-gradient(#9dd4ea 0,#9dd4ea 47%,#8cbc65 48%,#8cbc65);box-shadow:inset 0 0 0 3px #ffeab280,inset 0 -18px 18px #55392029,0 3px #3d261670}.player-meta{position:relative;z-index:2;display:grid;height:100%;align-content:start;gap:8px}.player-meta strong{display:flex;align-items:center;height:39px;padding:0 15px;color:#fff7df;font-size:28px;font-weight:900;line-height:1;text-shadow:0 2px 0 #3d2517,1px 0 0 #3d2517,-1px 0 0 #3d2517}.player-stats{display:grid;width:100%;padding:0 4px 0 1px;gap:7px}.player-stat{box-sizing:border-box;width:100%;height:35px;padding:3px 15px 3px 8px;border:2px solid rgba(135,94,53,.48);border-radius:999px;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 56%),linear-gradient(90deg,#fff2d2,#edd2a7);box-shadow:inset 0 1px #ffffffb8,inset 0 -2px #996b3a29,0 1px #492d193d}.player-coins,.player-score{min-width:0;color:#4b3321;font-size:23px;font-weight:900}.player-stat b{color:#4b3321;font-size:23px;letter-spacing:0;text-shadow:0 1px 0 rgba(255,248,218,.9),0 0 1px rgba(77,48,27,.55)}.player-card .resource-icon.coin{width:31px;height:31px;flex:0 0 31px;filter:drop-shadow(0 2px 0 rgba(92,49,13,.28))}.score-icon{width:32px;height:28px;flex:0 0 32px;border:0;border-radius:0;background:radial-gradient(circle at 33% 25%,rgba(255,255,255,.92) 0 9%,transparent 10%),linear-gradient(135deg,#f1fbff 0 16%,transparent 17%),linear-gradient(180deg,#71d8ff 0,#71d8ff 42%,#2d91df 43%,#2d91df 74%,#1c58a8 75%);clip-path:polygon(50% 0,92% 30%,69% 100%,31% 100%,8% 30%);box-shadow:none;filter:drop-shadow(0 2px 0 rgba(30,65,112,.28))}.score-icon:after{content:none}.side-panel{top:158px;left:8px;box-sizing:border-box;width:196px;max-height:calc(100vh - 176px);padding:49px 8px 23px;border:4px solid #7a5635;border-radius:20px;background:linear-gradient(90deg,rgba(255,247,213,.4),transparent 44%),linear-gradient(180deg,rgba(255,251,226,.38),transparent 28%),linear-gradient(#d1ad78,#ba8c58 78%,#8e623b);box-shadow:inset 0 0 0 2px #ffecbcc2,inset 0 0 0 7px #5b3a2129,0 4px #3e25149e,0 10px 18px #23160e2e}.side-panel:before{left:12px;top:9px;right:12px;height:34px;border:0;border-radius:17px 17px 12px 12px;background:linear-gradient(180deg,rgba(255,238,184,.18),transparent 52%),linear-gradient(#795236,#563620);color:#fff7dc;font-size:20px;font-weight:900;text-shadow:0 2px 0 #3d2517,1px 0 0 #3d2517,-1px 0 0 #3d2517;box-shadow:inset 0 1px #ffeaae38,0 2px #36201242}.side-panel.has-resource-overflow:after{content:"";position:absolute;left:50%;bottom:7px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:11px solid #67452a;transform:translate(-50%);filter:drop-shadow(0 1px 0 rgba(255,229,170,.44));pointer-events:none}.resource-list{gap:0;max-height:calc(100vh - 236px);padding:0;border-radius:9px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.resource-row{grid-template-columns:32px minmax(62px,1fr) minmax(40px,auto);min-height:35px;margin-top:-1px;padding:2px 9px 2px 6px;border:1px solid rgba(155,119,76,.48);border-radius:7px;gap:5px;background:linear-gradient(180deg,rgba(255,255,255,.52),transparent 62%),linear-gradient(#fff0ce,#ecd1a5);box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #8f653821}.resource-row:first-child{margin-top:0}.resource-row-icon{width:29px;height:29px;filter:drop-shadow(0 2px 0 rgba(88,55,31,.22))}.resource-row-name{color:#513720;font-size:15px;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,248,218,.85)}.resource-row-value{justify-self:end;color:#4a311e;font-size:15px;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,248,218,.85)}@media(max-width:980px),(max-height:590px){.player-card{width:326px;height:112px;padding:9px 12px 9px 104px;border-radius:20px}.player-card:before{left:96px;top:8px;right:8px;height:34px}.player-avatar{left:9px;top:9px;width:88px;height:88px;border-radius:15px;background-size:82px 82px,auto,auto}.player-meta{gap:6px}.player-meta strong{height:31px;padding:0 12px;font-size:21px}.player-stats{gap:5px}.player-stat{height:27px;padding:2px 10px 2px 6px;gap:7px}.player-coins,.player-score,.player-stat b{font-size:17px}.player-card .resource-icon.coin{width:24px;height:24px;flex-basis:24px}.score-icon{width:25px;height:22px;flex-basis:25px}.side-panel{top:130px;left:6px;width:184px;max-height:calc(100vh - 144px);padding:44px 7px 20px;transform:none}.side-panel:before{height:30px;font-size:17px}.resource-list{max-height:calc(100vh - 196px)}.resource-row{grid-template-columns:31px minmax(58px,1fr) minmax(38px,auto);min-height:31px;padding:1px 7px 1px 5px}.resource-row-icon{width:27px;height:27px}.resource-row-name,.resource-row-value{font-size:14px}}.hud-left{top:12px;left:8px}.player-card{width:314px;height:104px;padding:7px 13px 7px 96px;border-radius:20px}.player-card:before{left:90px;top:8px;right:10px;height:34px;border-radius:0 14px 14px 0}.player-avatar{box-sizing:border-box;left:10px;top:10px;width:84px;height:84px;border-width:3px;border-radius:15px;background-size:78px 78px,auto,auto}.player-meta{gap:4px}.player-meta strong{height:32px;padding:0 12px;font-size:21px}.player-stats{gap:4px;padding-right:2px}.player-stat{height:25px;padding:2px 10px 2px 6px;gap:7px}.player-coins,.player-score,.player-stat b{font-size:18px}.player-card .resource-icon.coin{width:23px;height:23px;flex-basis:23px}.score-icon{box-sizing:border-box;position:relative;width:24px;height:24px;flex:0 0 24px;border:3px solid #7a4b16;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fff0a5 0 13%,transparent 14%),radial-gradient(circle,#f8c44e 0,#f8c44e 42%,#be7625 43%,#be7625 70%,#6a3a17 71%);clip-path:none;box-shadow:inset 0 0 0 2px #fff4b638;filter:drop-shadow(0 2px 0 rgba(86,45,10,.28))}.score-icon:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:#7a4319;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,80% 95%,50% 72%,20% 95%,32% 56%,2% 35%,39% 35%);opacity:.82}.side-panel{top:122px}@media(max-width:980px),(max-height:590px){.player-card{width:314px;height:104px;padding:7px 13px 7px 96px}.player-card:before{left:90px;top:8px;right:10px;height:34px}.player-avatar{left:10px;top:10px;width:84px;height:84px;background-size:78px 78px,auto,auto}.player-meta strong{height:32px;font-size:21px}.player-stat{height:25px}.player-coins,.player-score,.player-stat b{font-size:18px}.player-card .resource-icon.coin{width:23px;height:23px;flex-basis:23px}.score-icon{width:24px;height:24px;flex-basis:24px}.side-panel{top:122px}}.build-option .action-cost b.is-missing,.build-option .action-cost .resource-chip.is-missing b,.harbor-upgrade-cost b.is-missing,.harbor-upgrade-cost .resource-chip.is-missing b{color:#c93424;text-shadow:0 1px 0 rgba(255,238,194,.92),1px 0 0 rgba(255,238,194,.72),-1px 0 0 rgba(255,238,194,.72),0 2px 0 rgba(87,28,19,.26)}.build-option .action-cost .resource-chip.is-missing span,.harbor-upgrade-cost .resource-chip.is-missing span{color:#6f3b29;text-shadow:0 1px 0 rgba(255,247,214,.72)}.build-option:disabled .action-cost b.is-missing,.build-option:disabled .action-cost .resource-chip.is-missing b{color:#c93424;opacity:1;filter:none}.player-meta{gap:3px}.player-meta strong{height:30px}.player-stats{gap:3px}.player-stat{height:23px;padding-top:1px;padding-bottom:1px}.player-coins,.player-score,.player-stat b{font-size:17px}.player-card .resource-icon.coin,.score-icon{width:21px;height:21px;flex-basis:21px}.score-icon:after{top:3px;right:3px;bottom:3px;left:3px}@media(max-width:980px),(max-height:590px){.player-meta{gap:3px}.player-meta strong{height:30px}.player-stats{gap:3px}.player-stat{height:23px}.player-coins,.player-score,.player-stat b{font-size:17px}.player-card .resource-icon.coin,.score-icon{width:21px;height:21px;flex-basis:21px}}.player-avatar{top:8px;width:80px;height:80px;background-size:74px 74px,auto,auto}@media(max-width:980px),(max-height:590px){.player-avatar{top:8px;width:80px;height:80px;background-size:74px 74px,auto,auto}}body.auth-mode .game-shell,body.game-active .auth-screen{display:none}.auth-screen{position:relative;display:grid;place-items:center;width:100vw;height:100vh;min-width:960px;min-height:560px;overflow:hidden;padding:28px;background:linear-gradient(90deg,#124d804d,#fff4bb1a 32%,#fff4bb14 68%,#124d804d),url(/assets/login-background-fTToRxeb.png) center / cover no-repeat,linear-gradient(180deg,#1594cf,#5ca24d)}.auth-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 56%,rgba(255,248,203,.16),transparent 24%),linear-gradient(180deg,#13589014,#164e8133)}.auth-scene:after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,#497e3800,#1652843d)}.auth-wave{position:absolute;left:-8%;right:-8%;height:30px;border-top:2px solid rgba(210,244,255,.18);border-radius:50%;opacity:.36}.auth-wave.one{top:11%}.auth-wave.two{top:22%;transform:translate(7%) scaleX(.9)}.auth-wave.three{top:34%;transform:translate(-5%) scaleX(1.08)}.auth-panel,.server-panel,.loading-panel{position:relative;z-index:2;width:min(520px,calc(100vw - 52px));border:5px solid #2b190e;border-radius:18px;background:linear-gradient(180deg,rgba(255,247,211,.38),transparent 38%),linear-gradient(#dfbd82,#bd8950 74%,#8a5d37);box-shadow:inset 0 0 0 3px #ffeebab8,inset 0 0 0 10px #5c391d24,0 6px #1b0f08,0 22px 42px #170c0657}.auth-panel{padding:18px}.auth-head,.server-head,.loading-head{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:14px;min-height:104px;padding:12px 14px;border:3px solid rgba(58,35,20,.82);border-radius:13px;background:linear-gradient(90deg,rgba(255,237,184,.18),transparent 58%),linear-gradient(#825633,#5a3620);box-shadow:inset 0 0 0 2px #ffe1a33d}.auth-avatar,.server-badge,.loading-badge{width:84px;height:84px;background:url(/assets/player-avatar-CKZVSCjn.png) center / contain no-repeat;filter:drop-shadow(0 4px 0 rgba(20,11,6,.34))}.server-badge{background-image:url(/assets/server-badge-D4KLJ8Gn.png)}.loading-badge{background-image:url(/assets/build-scroll-DAbvuZga.png)}.auth-head small,.server-head small,.loading-head small{display:block;color:#ffd976;font-size:14px;font-weight:900;line-height:1}.auth-head strong,.server-head strong,.loading-head strong{display:block;margin-top:5px;color:#fff2c6;font-size:42px;line-height:.95;text-shadow:0 4px 0 #2b160b,2px 0 0 #2b160b,-2px 0 0 #2b160b}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.auth-tabs button,.auth-submit,.server-card{border:3px solid #2a180d;border-radius:10px;background:linear-gradient(180deg,rgba(255,241,194,.36),transparent 38%),linear-gradient(#b77b3e,#784828);color:#fff2c6;font-weight:900;text-shadow:0 3px 0 #2b160b;box-shadow:inset 0 0 0 2px #ffe2a547,0 3px #160d08;cursor:pointer}.auth-tabs button{min-height:46px;font-size:20px}.auth-tabs button.is-active{background:linear-gradient(180deg,rgba(255,250,216,.52),transparent 42%),linear-gradient(#f0b844,#b87920);color:#5a3218;text-shadow:0 1px 0 rgba(255,245,202,.75)}.auth-form{display:grid;gap:10px}.auth-form label{display:grid;gap:5px;color:#3c2414;font-size:17px;font-weight:900}.auth-form input{width:100%;height:48px;border:3px solid rgba(69,40,22,.84);border-radius:9px;padding:0 13px;background:linear-gradient(180deg,rgba(255,255,255,.52),transparent 62%),#fff0c8;color:#2b1a10;font:inherit;font-size:19px;font-weight:900;outline:none;box-shadow:inset 0 2px #784d281f}.auth-form input:focus{border-color:#d6902d;box-shadow:inset 0 2px #784d281f,0 0 0 3px #ffda7175}.auth-message{min-height:22px;color:#5c3a21;font-size:15px;font-weight:900;line-height:1.25}.auth-message[data-tone=error]{color:#8e2418}.auth-submit{min-height:58px;margin-top:2px;font-size:24px}.auth-submit:hover,.server-card:not(:disabled):hover,.auth-tabs button:hover{filter:brightness(1.05);transform:translateY(-1px)}.auth-submit:active,.server-card:not(:disabled):active,.auth-tabs button:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffe2a533,0 1px #160d08}.server-panel{width:min(780px,calc(100vw - 52px));padding:18px}.loading-panel{width:min(620px,calc(100vw - 52px));padding:18px}.loading-body{display:grid;gap:12px;margin-top:14px;padding:14px;border:3px solid rgba(76,47,26,.74);border-radius:13px;background:linear-gradient(180deg,rgba(255,252,232,.5),transparent 58%),linear-gradient(#fff0c8,#dfbd82);box-shadow:inset 0 0 0 2px #fff9e26b,0 2px #4126143d}.loading-copy{display:grid;gap:4px}.loading-copy strong{color:#2f1d11;font-size:24px;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,247,221,.82)}.loading-copy em{color:#6d4626;font-size:15px;font-style:normal;font-weight:900;line-height:1.2;text-shadow:0 1px 0 rgba(255,247,221,.58)}.loading-track{position:relative;height:22px;overflow:hidden;border:3px solid #5c3920;border-radius:999px;background:#6d4a2d;box-shadow:inset 0 3px #2a190d3d,0 1px #fff1c76b}.loading-progress-fill{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.48),transparent 52%),linear-gradient(90deg,#65bd45,#f0c84d);box-shadow:inset 0 0 0 1px #ffffd26b,0 0 10px #f0c84d2e;transition:width .18s ease-out}.loading-meta{display:flex;align-items:center;justify-content:space-between;color:#4a2e19;font-size:16px;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,247,221,.7)}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.server-card{position:relative;display:grid;grid-template-rows:128px auto;align-items:center;justify-items:center;min-height:256px;padding:16px}.server-card img{width:128px;height:128px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 5px 0 rgba(0,0,0,.26))}.server-card span{display:grid;gap:7px;justify-items:center}.server-card strong{color:#fff2c6;font-size:34px;line-height:1}.server-card em{min-width:98px;padding:5px 12px;border:2px solid rgba(53,31,17,.58);border-radius:999px;background:#2d1c107a;color:#ffd976;font-size:18px;font-style:normal;font-weight:900}.server-card.season{cursor:not-allowed;filter:saturate(.54) brightness(.82)}.server-card.season:after{content:"未开放";position:absolute;top:15px;right:15px;padding:5px 12px;border:2px solid rgba(50,29,16,.64);border-radius:999px;background:#3e2a1cd1;color:#ffe4a7;font-size:16px;font-weight:900;text-shadow:0 2px 0 #2b160b}.server-card.is-loading{cursor:wait;filter:brightness(.96)}@media(max-width:720px){.auth-screen{min-width:0;min-height:0;padding:14px}.auth-panel,.server-panel,.loading-panel{width:min(100%,520px);padding:13px}.auth-head,.server-head,.loading-head{grid-template-columns:70px minmax(0,1fr);min-height:84px}.auth-avatar,.server-badge,.loading-badge{width:66px;height:66px}.auth-head strong,.server-head strong,.loading-head strong{font-size:32px}.loading-copy strong{font-size:21px}.server-grid{grid-template-columns:1fr}.server-card{min-height:196px;grid-template-rows:96px auto}.server-card img{width:96px;height:96px}}.corner-actions{position:absolute;right:18px;bottom:18px;z-index:6;display:flex;align-items:flex-end;gap:10px}.leaderboard-button{display:grid;grid-template-columns:50px auto;align-items:center;min-width:172px;min-height:66px;padding:7px 17px 7px 8px;border:4px solid #2a180d;border-radius:15px;gap:8px;background:linear-gradient(180deg,rgba(255,246,208,.42),transparent 42%),linear-gradient(#c08440,#7a4828);color:#fff2c6;font:inherit;font-size:23px;font-weight:900;text-shadow:0 3px 0 #2b160b,1px 0 0 #2b160b,-1px 0 0 #2b160b;box-shadow:inset 0 0 0 2px #ffe2a566,inset 0 0 0 7px #50311b24,0 4px #160d08,0 12px 20px #1f120a3d;cursor:pointer}.reset-button{display:grid;grid-template-columns:50px auto;align-items:center;min-width:154px;min-height:66px;padding:7px 17px 7px 8px;border:4px solid #2a180d;border-radius:15px;gap:8px;background:linear-gradient(180deg,rgba(255,246,208,.36),transparent 42%),linear-gradient(#c56b39,#7c3b1d);color:#fff1ca;font:inherit;font-size:23px;font-weight:900;text-shadow:0 3px 0 #2b160b,1px 0 0 #2b160b,-1px 0 0 #2b160b;box-shadow:inset 0 0 0 2px #ffe2a55c,inset 0 0 0 7px #50311b1f,0 4px #160d08,0 12px 20px #1f120a3d;cursor:pointer}.leaderboard-button,.reset-button{border-color:#7a5635;background:linear-gradient(90deg,rgba(255,247,213,.38),transparent 44%),linear-gradient(180deg,rgba(255,251,226,.38),transparent 30%),linear-gradient(#d1ad78,#ba8c58 72%,#8e623b);color:#fff7dc;box-shadow:inset 0 0 0 2px #ffecbcc2,inset 0 0 0 7px #5b3a2129,0 4px #3e25149e,0 10px 18px #23160e2e;text-shadow:0 2px 0 #3d2517,1px 0 0 #3d2517,-1px 0 0 #3d2517}.leaderboard-button strong,.reset-button strong{display:block;min-width:0;padding:0 2px 1px;border-radius:0;background:transparent;box-shadow:none}.leaderboard-button img{width:50px;height:50px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px 0 rgba(0,0,0,.22))}.reset-button .action-icon{width:50px;height:50px;image-rendering:auto;filter:drop-shadow(0 3px 0 rgba(0,0,0,.22))}.leaderboard-button:hover,.reset-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.leaderboard-button:active,.reset-button:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffecbc94,inset 0 0 0 7px #5b3a2124,0 2px #3e25149e}.reset-button.is-loading{cursor:wait;filter:brightness(.96)}.leaderboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 42%,rgba(255,240,174,.12),transparent 30%),#180d0794}.leaderboard-panel{width:min(780px,calc(100vw - 40px));max-height:min(760px,calc(100vh - 44px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr);padding:16px;border:5px solid #2b190e;border-radius:18px;background:linear-gradient(180deg,rgba(255,247,211,.4),transparent 35%),linear-gradient(#dfbd82,#bd8950 76%,#8a5d37);box-shadow:inset 0 0 0 3px #ffeebab8,inset 0 0 0 10px #5c391d24,0 6px #1b0f08,0 24px 48px #00000059}.leaderboard-head{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) 46px;align-items:center;gap:12px;min-height:86px;padding:9px 10px;border:3px solid rgba(58,35,20,.82);border-radius:13px;background:linear-gradient(90deg,rgba(255,237,184,.18),transparent 58%),linear-gradient(#825633,#5a3620);box-shadow:inset 0 0 0 2px #ffe1a33d}.leaderboard-head-icon{display:grid;place-items:center}.leaderboard-head-icon img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 0 rgba(20,11,6,.28))}.leaderboard-head small{display:block;color:#ffd976;font-size:13px;font-weight:900;line-height:1}.leaderboard-head strong{display:block;margin-top:4px;color:#fff2c6;font-size:38px;line-height:.95;text-shadow:0 4px 0 #2b160b,2px 0 0 #2b160b,-2px 0 0 #2b160b}.leaderboard-close{width:42px;height:42px;border:3px solid #2a180d;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff1b2 0,#fff1b2 12%,#e95b3f 38%,#a71919 72%);color:#fff7cf;font-size:28px;font-weight:900;line-height:1;text-shadow:0 2px 0 #5a1010;box-shadow:inset 0 0 0 2px #ffe09b85,0 3px #160d08;cursor:pointer}.leaderboard-current{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:12px 0;padding:10px 13px;border:3px solid rgba(76,47,26,.76);border-radius:12px;background:linear-gradient(180deg,rgba(255,252,232,.52),transparent 58%),linear-gradient(#fff0c8,#dfbd82);color:#392414;box-shadow:inset 0 0 0 2px #fff9e270,0 2px #4126143d}.leaderboard-current small{display:block;color:#79502c;font-size:13px;font-weight:900}.leaderboard-current strong{display:block;margin-top:2px;overflow:hidden;color:#24160d;font-size:23px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.leaderboard-current b,.leaderboard-current em{display:inline-flex;align-items:center;min-height:34px;padding:5px 11px;border:2px solid rgba(57,37,23,.54);border-radius:999px;background:#5d3d23cc;color:#ffe09a;font-size:18px;font-style:normal;font-weight:900;line-height:1;text-shadow:0 2px 0 #2b160b}.leaderboard-table-head,.leaderboard-row{display:grid;grid-template-columns:82px minmax(0,1fr) 132px;align-items:center;gap:8px}.leaderboard-table-head{padding:0 12px 7px;color:#5c3a21;font-size:15px;font-weight:900}.leaderboard-table-head span:last-child{text-align:right}.leaderboard-list{display:grid;gap:6px;min-height:0;padding:2px 4px 2px 0;overflow-y:auto;scrollbar-color:#f9e6bd #9b673b;scrollbar-width:thin}.leaderboard-row{min-height:42px;padding:6px 10px;border:2px solid rgba(58,36,21,.52);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 58%),#ffeec6b8;color:#2d1c10;box-shadow:inset 0 -2px #5c3d231f}.leaderboard-row.top-1{background:linear-gradient(180deg,rgba(255,255,255,.46),transparent 58%),linear-gradient(#ffe7a4,#e5ac3e)}.leaderboard-row.top-2{background:linear-gradient(180deg,rgba(255,255,255,.46),transparent 58%),linear-gradient(#f0f1f0,#c0c7c5)}.leaderboard-row.top-3{background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 58%),linear-gradient(#f2c28b,#bd7d45)}.leaderboard-row.is-current{border-color:#4e7a35;box-shadow:inset 0 0 0 2px #dcffac61,0 0 0 2px #4a743229}.leaderboard-rank{display:inline-flex;justify-content:center;align-items:center;width:50px;min-height:28px;border-radius:999px;background:#533620d1;color:#fff0bd;font-size:17px;font-weight:900;text-shadow:0 2px 0 #2b160b}.leaderboard-name{overflow:hidden;font-size:18px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row strong{color:#24160d;font-size:18px;text-align:right}.leaderboard-gap{padding:6px 0;color:#5c3a21;font-size:15px;font-weight:900;text-align:center}@media(max-width:720px){.corner-actions{right:10px;bottom:10px;gap:8px}.leaderboard-button{min-width:132px;min-height:54px;grid-template-columns:38px auto;padding:6px 10px 6px 6px;font-size:18px}.reset-button{min-width:116px;min-height:54px;grid-template-columns:38px auto;padding:6px 10px 6px 6px;font-size:18px}.leaderboard-button img,.reset-button .action-icon{width:38px;height:38px}.leaderboard-panel{width:min(100%,780px);padding:12px}.leaderboard-head{grid-template-columns:58px minmax(0,1fr) 40px}.leaderboard-head-icon img{width:54px;height:54px}.leaderboard-head strong{font-size:30px}.leaderboard-current{grid-template-columns:1fr;gap:7px}.leaderboard-table-head,.leaderboard-row{grid-template-columns:58px minmax(0,1fr) 96px}.leaderboard-name,.leaderboard-row strong{font-size:16px}}