@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-sans-latin-400-normal-AkRraKH2.woff2)format("woff2"),url(/assets/nunito-sans-latin-400-normal-DY9yCUyQ.woff)format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-sans-latin-700-normal-CICRJDmU.woff2)format("woff2"),url(/assets/nunito-sans-latin-700-normal-CLVG92B9.woff)format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-sans-latin-800-normal-MgCk9Q3Y.woff2)format("woff2"),url(/assets/nunito-sans-latin-800-normal-DOf_K5Iw.woff)format("woff")}:root{color:#fff8e8;font-synthesis:none;--ink:#443729;--cream:#f6efd9;--gold:#ffd05c;--heading:"Lilita One", "Trebuchet MS", sans-serif;--shadow:0 3px 0 #0004, 0 5px 12px #18251038;--wood:#564939;--green:#87c840;font-family:Nunito Sans,sans-serif}*{box-sizing:border-box}body{background:#45623d;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline-offset:4px;outline:3px solid #fff}button:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.65}button:not(:disabled):active{transform:translateY(2px)}button img{pointer-events:none}svg{vertical-align:middle;flex-shrink:0}button svg{pointer-events:none}#game{touch-action:none;position:fixed;inset:0}#game canvas{display:block}#ui{pointer-events:none;position:fixed;inset:0;overflow:hidden}#ui button,#ui input,#ui .modal,#ui .result-modal{pointer-events:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:400}#loading{z-index:100;background:radial-gradient(#638b48,#213c30 85%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading.loaded{opacity:0;pointer-events:none}.loading-emblem{color:#ffce5a;text-shadow:0 5px #785b2c;font-size:95px}#loading h1{letter-spacing:2px;text-shadow:0 4px #26391f;font-size:48px}#loading h1 span{color:#f9cd74;font-size:30px}#loading p{color:#e4eacb;margin:14px 0 40px}.load-track{background:#1f3826;border:2px solid #a2ab6b;border-radius:9px;width:270px;height:13px;padding:2px}.load-track>div{background:linear-gradient(#b5ed69,#72ae39);border-radius:4px;width:5%;height:100%;transition:width .3s}#loading small{color:#c1d1b4;margin-top:14px;font-size:12px}.player-hud{filter:drop-shadow(0 2px 2px #23301f70);align-items:center;gap:13px;display:flex;position:absolute;top:23px;left:25px}.level-shield{clip-path:polygon(4% 7%,50% 0,96% 7%,94% 72%,50% 100%,6% 72%);width:66px;height:76px;font-family:var(--heading);text-shadow:0 3px #1a4672;background:linear-gradient(120deg,#9ce5ff,#439ed5 40%,#246aaf);padding-bottom:9px;font-size:35px;position:relative;box-shadow:inset 0 0 0 6px #abdff3}.level-shield:before{content:"";clip-path:polygon(0 6%,50% 0,100% 6%,97% 70%,50% 100%,3% 70%);pointer-events:none;background:linear-gradient(135deg,#fff2,#0000 60%);border-top:3px solid #dcf5ff70;position:absolute;inset:6px}.eyebrow{letter-spacing:2px;color:#e0eecb;text-shadow:0 1px 3px #243421;font-size:10px;font-weight:800}.player-name{font-family:var(--heading);text-shadow:0 2px #3a4227;font-size:30px;line-height:1.2}.online-dot{vertical-align:middle;background:#c0ed67;border:1px solid #684;border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block}.trophy-pill{background:linear-gradient(90deg,#2d392cbd,#2d392c60);border:1px solid #d4dab726;border-radius:6px;align-items:center;gap:7px;margin-top:5px;padding:4px 8px;font-size:12px;display:flex}.trophy-pill svg{color:#ffd15c}.trophy-pill span{color:#e1e5ce;margin-left:3px;font-size:10px}.village-status{text-align:center;position:absolute;top:21px;left:50%;transform:translate(-50%)}.brand{font-family:var(--heading);letter-spacing:2px;text-shadow:0 2px 2px #263a2b;color:#fff1bc;font-size:21px}.brand span{color:#e4bd69;font-size:15px}.status-chips{justify-content:center;gap:10px;margin-top:10px;display:flex}.status-chips button{white-space:nowrap;background:#30422bbd;border:1px solid #e7efd13d;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:12px;display:flex;box-shadow:0 2px 4px #24361c33}.status-chips svg{color:#f4dab0}.status-chips span{color:#d8e3c5;font-size:11px}.resources{gap:15px;width:225px;display:grid;position:absolute;top:25px;right:25px}.resource-bar{background:#303326c9;border:2px solid #5a5438;border-radius:9px;height:35px;margin-right:24px;position:relative;box-shadow:0 2px #1e291d66,inset 0 2px 3px #0005}.resource-fill{opacity:.68;background:linear-gradient(#d5b446,#b19530);border-radius:4px;max-width:calc(100% - 6px);position:absolute;inset:3px}.elixir .resource-fill{background:linear-gradient(#d78cd6,#aa5cad)}.gems .resource-fill{background:linear-gradient(#82c85e,#56963a)}.resource-topline{letter-spacing:.4px;color:#edf0d9;text-shadow:0 1px 2px #1f281b;font-size:8px;font-weight:800;position:absolute;top:-13px;left:5px}.resource-amount{font-family:var(--heading);text-shadow:0 2px #413724,1px 0 #413724,-1px 0 #413724;font-size:24px;line-height:31px;position:absolute;top:0;right:28px}.resource-bar>.resource-icon{filter:drop-shadow(0 2px 2px #0005);width:34px;height:38px;position:absolute;top:-5px;right:-15px}.resource-plus{color:#fff;width:24px;height:29px;font-family:var(--heading);text-shadow:0 2px #5a7732;background:linear-gradient(#b9e686,#76ad40);border:2px solid #45682c;border-radius:5px;font-size:25px;line-height:19px;position:absolute;top:1px;left:calc(100% + 18px);box-shadow:inset 0 2px #f2ffd47a,0 2px #263a2255}.resource-icon{vertical-align:middle;flex-shrink:0;width:21px;height:23px;display:inline-block;position:relative}.coin{color:#c1831c;text-align:center;text-shadow:0 1px #fff0a3;background:radial-gradient(at 35% 25%,#fff7a1 0,#ffe464 23%,#efb323 60%,#c8871c 90%);border-top:2px solid #edc348;border-bottom:3px solid #b77b1e;border-left:2px solid #edc348;border-right:4px solid #b87915;border-radius:50%;font-size:17px;font-weight:800;line-height:17px;transform:rotate(-12deg)}.elixir.resource-icon{clip-path:polygon(50% 0,87% 44%,100% 68%,94% 87%,75% 100%,24% 100%,5% 87%,0 68%,13% 44%);background:radial-gradient(at 35% 30%,#fff1ff 0,#e994f3 18%,#d85fdf 45%,#8731b4 100%);border:2px solid #efb0ed;border-bottom:3px solid #6c318e;border-radius:55%/70% 70% 40% 40%}.gem{clip-path:polygon(25% 0,80% 0,100% 38%,75% 100%,20% 100%,0 40%);background:conic-gradient(from 45deg,#b5f78a,#57b94d,#286d35,#86d45f,#caff92,#54ae42,#b5f78a);border:2px solid #acf07d;transform:rotate(10deg)}.square-btn{color:#645337;background:linear-gradient(150deg,#fff8db,#e2d4aa);border:2px solid #6c6045;border-bottom-width:4px;border-radius:12px;justify-content:center;align-items:center;width:55px;height:55px;transition:filter .15s;display:flex;position:relative;box-shadow:inset 0 2px #fff8,0 3px 5px #22311d4a}.square-btn:hover{filter:brightness(1.08)}.square-btn.small{border-radius:9px;width:41px;height:41px}.left-tools{gap:18px;display:grid;position:absolute;top:38%;left:22px}.left-tools .square-btn{transform:rotate(-2deg)}.notification{color:#fff;width:22px;height:22px;font-family:var(--heading);background:linear-gradient(#ff765a,#db3c29);border:2px solid #faf0cd;border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 2px #0005}.tool-label{color:#fff2d1;font-family:var(--heading);letter-spacing:.3px;background:#5c4a33;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;bottom:-8px}.right-tools{gap:14px;display:grid;position:absolute;top:43%;right:22px}.camera-tools{pointer-events:auto;background:#304028b0;border:2px solid #eee6cb68;border-radius:9px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 3px 5px #23331c30}.camera-tools button{color:#fbf3d9;background:0 0;height:35px}.camera-tools button+button{border-top:1px solid #e7edd432}.camera-tools button:hover{background:#fff2}.village-caption{letter-spacing:2.5px;text-align:center;text-shadow:0 1px 3px #2a3d18;color:#f6f6df;white-space:nowrap;font-size:10px;font-weight:800;position:absolute;bottom:216px;left:50%;transform:translate(-50%)}.caption-line{vertical-align:middle;background:#f0f1d58c;width:28px;height:1px;margin:0 9px;display:inline-block}.village-caption small{letter-spacing:.6px;color:#e8f0d2;margin-top:5px;font-size:9px;font-weight:700;display:block}.bottom-left{position:absolute;bottom:36px;left:27px}.attack-btn{text-shadow:0 2px #8a4723,1px 0 #8a4723,-1px 0 #8a4723;background:linear-gradient(#ffd271 0,#f3a13b 52%,#de7e2b);border:3px solid #814a20;border-bottom:7px solid #7a401e;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;width:157px;height:114px;display:flex;position:relative;box-shadow:inset 0 3px #fff1b2b0,0 4px 8px #2b33184d}.attack-btn svg{color:#fff7df;stroke-width:2.3px;filter:drop-shadow(0 3px 1px #754525);width:52px;height:52px;position:absolute;top:-23px;transform:rotate(-8deg)}.attack-btn span{font-family:var(--heading);margin-top:18px;font-size:36px}.attack-btn small{letter-spacing:1.6px;color:#fff1c9;margin-top:2px;font-size:8px;font-weight:800}.attack-btn:hover,.shop-btn:hover{filter:brightness(1.08)}.bottom-center{position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.army-label{letter-spacing:1.5px;color:#fff8e2;text-shadow:0 1px 2px #23371e;justify-content:space-between;align-items:center;margin:0 6px 7px;font-size:9px;font-weight:800;display:flex}.army-label>span{align-items:center;gap:6px;display:flex}.army-label button{font-family:var(--heading);letter-spacing:.5px;background:#293d2499;border-radius:5px;align-items:center;gap:3px;padding:3px 8px;font-size:13px;display:flex}.army-tray{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#4b493ac4,#393b2dc9);border:2px solid #e1d5a967;border-bottom:4px solid #303627;border-radius:13px;gap:7px;padding:7px;display:flex;box-shadow:0 4px 10px #1f2d223b}.troop-card{isolation:isolate;background:linear-gradient(#eee8c7,#c4bd98);border:2px solid #f0e1b9;border-bottom:4px solid #827454;border-radius:8px;flex-shrink:0;width:77px;height:94px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff}.troop-card:after{content:"";z-index:-1;background:radial-gradient(at 50% 80%,#fff9,#0000 75%);position:absolute;inset:0}.troop-card img{object-fit:contain;filter:drop-shadow(0 2px 2px #31241050);width:auto;max-width:100px;height:94px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.troop-count{z-index:1;font-family:var(--heading);text-shadow:0 2px #493d30,1px 0 #493d30,-1px 0 #493d30;color:#fff;font-size:17px;position:absolute;top:3px;left:4px}.troop-level{z-index:1;color:#fff4b5;text-shadow:0 1px #302717;font-size:8px;font-weight:800;position:absolute;bottom:16px;right:3px}.troop-name{background:#554532c9;padding:2px 0;font-size:9px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.troop-card.selected{border-color:#fff6b6;transform:translateY(-6px);box-shadow:0 0 0 3px #a9eb69,0 0 18px #b6ec5477}.troop-card.empty{filter:grayscale(.7)}.troop-key{z-index:2;color:#fff8db;min-width:17px;font:11px var(--heading);background:#3b342cbb;border-radius:4px;padding:1px 3px;position:absolute;top:3px;right:3px}.train-add{color:#fff6d7;text-shadow:0 1px #4c772a;background:linear-gradient(#a6d96a,#72a941);border:1px solid #edf9b449;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:41px;display:flex;box-shadow:inset 0 2px #ddf7b06b}.train-add small{font-size:10px;font-weight:800}.bottom-right{align-items:flex-end;gap:15px;display:flex;position:absolute;bottom:36px;right:26px}.shop-btn{text-shadow:0 2px #4e762b;background:linear-gradient(#b3e577,#8ec64c 55%,#72ad36);border:3px solid #4c702d;border-bottom:7px solid #47682c;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:114px;height:109px;display:flex;position:relative;box-shadow:inset 0 3px #eaffbdb0,0 4px 7px #1f312b4a}.shop-btn svg{color:#fff9d5;filter:drop-shadow(0 2px #557532)}.shop-btn>span:not(.new-badge){font-family:var(--heading);font-size:29px}.collect-btn{background:#2f432aca;border:1px solid #e8edcb75;border-bottom:3px solid #293b22;border-radius:8px;align-items:center;gap:6px;padding:9px 10px;font-size:12px;font-weight:800;display:flex;box-shadow:0 3px 5px #21351c3b}.control-hint{color:#e8efd8c9;text-shadow:0 1px #3f5631;white-space:nowrap;letter-spacing:.2px;font-size:9px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.control-hint span{color:#fff7;margin:0 8px}.game-btn{color:#fffdf0;text-shadow:0 1px #49692b;white-space:nowrap;background:linear-gradient(#abd969,#76b63f);border:2px solid #47652e;border-bottom-width:4px;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:9px 18px;font-size:14px;font-weight:800;transition:filter .15s;display:inline-flex;box-shadow:inset 0 2px #e8ffac7a,0 2px 2px #44392320}.game-btn:hover:not(:disabled){filter:brightness(1.06)}.game-btn.stone{color:#66583f;text-shadow:0 1px #fff8;background:linear-gradient(#f6eed4,#dbcfaa);border-color:#928362;box-shadow:inset 0 2px #fff8,0 2px 2px #44392320}.game-btn.blue{text-shadow:0 1px #3c677e;background:linear-gradient(#8bbdcf,#55879f);border-color:#436879}.game-btn.orange,.game-btn.gold{text-shadow:0 1px #976325;background:linear-gradient(#ffd675,#eaa13c);border-color:#a97432}.game-btn.red{text-shadow:0 1px #8c4436;background:linear-gradient(#e99173,#c76651);border-color:#81483a}.game-btn .resource-icon{width:17px;height:19px;font-size:12px;line-height:13px}.building-context{pointer-events:auto;min-width:470px;max-width:calc(100vw - 380px);color:var(--ink);background:linear-gradient(#fff7dd,#e7d9b3);border:3px solid #78684a;border-bottom-width:5px;border-radius:14px;align-items:center;gap:15px;padding:14px 32px 13px 17px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px #fff,0 5px 18px #1c2e2050}.context-art{object-fit:contain;filter:drop-shadow(0 3px 2px #493b2b24);width:86px;height:95px;margin-top:-27px}.context-info{white-space:nowrap}.context-info>small{letter-spacing:1.5px;color:#8b7b5d;font-size:8px;font-weight:800}.context-info h2{margin:3px 0;font-size:22px}.context-info>span{color:#897453;align-items:center;gap:4px;font-size:10px;display:flex}.context-info i{margin:0 4px;font-style:normal}.context-actions{align-items:center;gap:7px;display:flex}.context-actions .game-btn{flex-direction:column;gap:3px;min-height:59px;padding:6px 10px;font-size:11px}.context-actions .game-btn>small{align-items:center;gap:4px;font-size:10px;display:flex}.context-actions .game-btn>span{align-items:center;gap:3px;display:flex}.context-close{color:#8c7c60;background:0 0;padding:3px;position:absolute;top:5px;right:5px}.max-level{font-family:var(--heading);color:#7a9a43;white-space:nowrap}.placement-banner{white-space:nowrap;background:#2e422cf0;border:2px solid #dfe9b998;border-radius:12px;align-items:center;gap:15px;padding:13px 16px;display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #1c331d55}.placement-banner b{font-family:var(--heading);font-size:20px;font-weight:400}.placement-banner small{color:#d7e4c0;margin-top:3px;font-size:11px;display:block}#toast{color:#fff3ce;opacity:0;text-align:center;z-index:30;background:#2e402aed;border:1px solid #dfebb77d;border-bottom:3px solid #203322;border-radius:9px;max-width:75vw;padding:12px 22px;font-size:13px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;top:116px;left:50%;transform:translate(-50%,-15px);box-shadow:0 5px 18px #19321b45}#toast.show{opacity:1;transform:translate(-50%)}#save-state{z-index:50;background:#8b412b;font-size:12px;position:absolute;bottom:0;left:0}#save-state:empty{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;z-index:20;background:#152419a8;justify-content:center;align-items:center;padding:30px;animation:.18s ease-out backdrop-in;display:flex;position:fixed;inset:0}.modal{background:var(--cream);width:820px;max-width:100%;max-height:min(800px,100dvh - 60px);color:var(--ink);border:4px solid #64563c;border-bottom-width:7px;border-radius:18px;flex-direction:column;animation:.22s ease-out modal-in;display:flex;overflow:hidden;box-shadow:0 17px 65px #10251890,inset 0 2px #fffa}.modal-header{background:linear-gradient(#fff9e6,#ece1bf);border-bottom:2px solid #d2c5a4;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;display:flex;position:relative}.modal-header small{letter-spacing:2px;color:#9b8457;font-size:8px;font-weight:800}.modal-header h1{text-shadow:0 2px #fff;margin:4px 0 6px;font-size:34px}.modal-header p{color:#8b7c5f;font-size:12px}.close-btn{flex-shrink:0;margin-left:12px}.modal-body{scrollbar-width:thin;scrollbar-color:#b7a880 transparent;overscroll-behavior:contain;padding:24px;overflow:auto}.modal-footer{color:#7b6b4b;background:#e8dec0;border-top:1px solid #d2c5a4;flex-shrink:0;align-items:center;gap:8px;padding:13px 24px;font-size:11px;font-weight:800;display:flex}.modal-footer>span{margin-left:auto;font-size:10px;font-weight:400}.shop-tabs{gap:6px;padding:15px 24px 0;display:flex}.tab{color:#94805c;background:0 0;border:1px solid #0000;border-radius:7px;padding:8px 20px;font-size:12px;font-weight:800}.tab.active{color:#5e5037;background:#dcd0aa;border-color:#c3b48b;box-shadow:inset 0 1px 2px #8b79451a}.shop-card .game-btn{width:100%;min-height:38px;padding:7px 10px;font-size:13px}.training-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.training-card{text-align:center;background:linear-gradient(#fffaf0,#e9dec0);border:1px solid #d5c8a6;border-bottom:3px solid #c1b28e;border-radius:11px;flex-direction:column;align-items:center;padding:10px;display:flex;position:relative}.role-tag{letter-spacing:1px;color:#927954;font-size:7px;font-weight:800;position:absolute;top:8px;left:8px}.training-art{justify-content:center;align-items:flex-end;height:152px;margin-top:13px;display:flex}.training-art img{object-fit:contain;filter:drop-shadow(0 3px 3px #57411e24);max-width:145px;max-height:150px}.training-card h3{margin:9px 0 5px;font-size:22px}.training-card p{color:#8e7c5f;flex:1;font-size:10px;line-height:1.6}.training-card .game-btn{gap:5px;width:100%;min-height:39px;padding:7px 8px;font-size:12px}.training-card>small{color:#9a8762;margin-top:8px;font-size:8px}.campaign-modal{width:740px}.campaign-summary{color:#8d7751;align-items:center;gap:9px;padding:16px 26px 0;font-size:12px;display:flex}.campaign-summary>b{color:#af8130;align-items:center;gap:5px;margin-left:auto;display:flex}.campaign-list{gap:12px;display:grid}.campaign-card{background:linear-gradient(110deg,#e2e8be,#fff5d8 65%);border:1px solid #cfbf97;border-bottom:3px solid #bdac80;border-radius:11px;align-items:center;gap:17px;padding:15px;display:flex;position:relative}.campaign-card.locked{background:linear-gradient(110deg,#dedbcc,#e9e2ce);border-color:#d2c9b0}.campaign-number{color:#fff5d4;width:29px;height:32px;font-family:var(--heading);background:#688952;border:2px solid #acc38b;border-bottom-width:3px;border-radius:7px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.locked .campaign-number{color:#e8e2ce;background:#aaa48d;border-color:#c8c3ac}.campaign-card>img{object-fit:contain;width:73px;height:76px}.locked>img{filter:grayscale(.8);opacity:.6}.campaign-info{flex:1}.campaign-info>span{letter-spacing:1px;text-transform:uppercase;color:#927846;font-size:8px;font-weight:800}.campaign-info h3{margin:3px 0;font-size:23px}.campaign-info p{color:#9d8963;margin-bottom:9px;font-size:10px}.campaign-info>div{color:#897047;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.campaign-info .resource-icon{width:14px;height:16px;font-size:10px;line-height:10px}.campaign-info .elixir{margin-left:10px}.campaign-action{text-align:center}.campaign-action .game-btn{min-height:37px;padding:7px 13px;font-size:12px}.campaign-stars{color:#e9ad3c;letter-spacing:3px;text-shadow:0 1px #957330;margin-bottom:5px;font-size:21px}.campaign-stars>span{color:#c5b99c;text-shadow:none}.settings-body{padding:12px 28px 25px}.setting-row{border-bottom:1px solid #dbd0b1;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.setting-row h3{font-size:20px}.setting-row p{color:#9c8968;margin-top:5px;font-size:11px}.toggle{background:#c6bda2;border:1px solid #aaa085;border-radius:20px;flex-shrink:0;width:49px;height:27px;padding:3px;box-shadow:inset 0 2px 3px #0001}.toggle span{background:#fffae9;border-radius:50%;width:20px;height:20px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0004}.toggle.on{background:#8dbc57;border-color:#73a344}.toggle.on span{transform:translate(21px)}.save-section{padding:23px 0 0}.save-section h3{font-size:21px}.save-section p{color:#948263;max-width:600px;margin:10px 0 18px;font-size:12px;line-height:1.7}.save-section>div{gap:12px;display:flex}.save-section .game-btn{font-size:12px}.settings-note{color:#a39476;text-align:center;margin-top:28px;font-size:10px;line-height:1.8}.league-banner{color:#8e907e;background:linear-gradient(100deg,#dbdccd,#eeead7);border:1px solid #cac7ac;border-radius:10px;align-items:center;gap:20px;margin-bottom:20px;padding:20px;display:flex}.league-banner h2{color:#6c6d59;font-size:26px}.league-banner p{color:#9b9275;margin-top:6px;font-size:12px}.quest-list{gap:18px;display:grid}.quest{align-items:center;gap:14px;display:flex}.quest-icon{color:#a58a4b;background:#e9ddbb;border:1px solid #d2c29a;border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.quest>div:nth-child(2){flex:1}.quest h3{font-size:20px}.quest p{color:#9d8964;margin:3px 0 8px;font-size:11px}.quest>b{color:#9f8a61;text-align:right;min-width:73px;font-size:11px}.quest-progress{background:#ded2b3;border-radius:5px;height:6px;overflow:hidden}.quest-progress i{background:#91b957;border-radius:4px;height:100%;display:block}.completed{color:#84a74d;margin-left:8px;font-family:inherit;font-size:9px}.guide-hero{align-items:center;gap:28px;margin-bottom:25px;display:flex}.guide-hero img{object-fit:contain;width:125px;height:150px}.guide-hero h2{color:#6d5c3d;font-size:29px}.guide-hero p{color:#95815d;margin-top:9px;font-size:13px;line-height:1.8}.help-steps{gap:20px;display:grid}.help-steps article{gap:15px;display:flex}.help-steps article>b{color:#97804f;width:28px;height:28px;font-family:var(--heading);background:#dfd4ad;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.help-steps h3{font-size:20px}.help-steps p{color:#96815b;margin-top:4px;font-size:12px;line-height:1.8}.help-controls{background:#e8dec0;border-radius:9px;flex-wrap:wrap;gap:20px;margin:25px 0;padding:16px;display:flex}.help-controls span{color:#8f7853;font-size:11px}.help-controls b{color:#ac9872;margin-top:4px;font-size:9px;display:block}.start-btn{min-width:170px;margin:0 auto;display:flex}.battle-enemy{text-shadow:0 2px #243823;position:absolute;top:28px;left:30px}.battle-enemy h2{margin:4px 0 10px;font-size:30px}.loot-line .elixir{margin-left:13px}.battle-enemy>small{letter-spacing:1px;color:#e0e6ca;margin-top:7px;font-size:9px;display:block}.battle-clock{text-align:center;text-shadow:0 2px #273724;position:absolute;top:28px;left:50%;transform:translate(-50%)}.battle-clock>span{letter-spacing:2px;color:#eff0d7;font-size:9px;font-weight:800}.battle-clock>b{font-family:var(--heading);margin-top:5px;font-size:39px;font-weight:400;display:block}.destruction{text-align:center;text-shadow:0 2px #293727;position:absolute;top:28px;right:28px}.destruction>span{color:#eaf0d0;font-size:11px}.destruction>div{color:#ffd464;letter-spacing:4px;font-size:35px}.destruction>div>span{color:#233c28aa}.destruction>b{font-family:var(--heading);font-size:25px;font-weight:400}.battle-bottom{justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:32px;left:28px;right:28px}.end-battle{margin-bottom:8px}.deploy-label{text-align:center;text-shadow:0 1px 3px #22361e;margin-bottom:12px;font-size:11px;font-weight:800}.deploy-tray .army-tray{width:max-content;margin:auto}.deploy-tray .troop-card{width:85px;height:102px}.deploy-tray .troop-card img{height:100px}.battle-tip{color:#ebefd2;text-shadow:0 1px #31482b;align-items:center;gap:8px;padding-bottom:10px;font-size:10px;line-height:1.7;display:flex}.result-modal{text-align:center;background:radial-gradient(at top,#65804d,#314b35 80%);border:3px solid #a0b475;border-radius:22px;width:500px;max-width:100%;padding:40px 35px 30px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0a251aba}.result-eyebrow{letter-spacing:3px;color:#d1dfb3;font-size:10px;font-weight:800}.result-modal h1{color:#ffdb75;text-shadow:0 4px #3b482b;margin:12px 0;font-size:62px}.result-stars{color:#233a29;text-shadow:0 3px #1f3528;justify-content:center;align-items:center;gap:15px;margin:10px 0 20px;font-size:72px;line-height:1.2;display:flex}.result-stars span:nth-child(2){margin-top:-15px;font-size:90px}.result-stars .earned{color:#ffd061;text-shadow:0 4px #ac7b2f;filter:drop-shadow(0 0 18px #e4bf4d66)}.result-modal>p{color:#d2ddb9;font-size:12px}.result-modal>p>span{padding:0 7px}.result-loot{border-top:1px solid #cad7ac30;border-bottom:1px solid #cad7ac30;justify-content:space-around;gap:10px;margin:24px 0;padding:22px 0;display:flex}.result-loot>div{color:#ffdb73;flex-direction:column;align-items:center;gap:8px;display:flex}.result-loot .resource-icon{width:31px;height:35px;font-size:23px;line-height:26px}.result-loot b{font-family:var(--heading);color:#fff4da;font-size:23px;font-weight:400}.result-loot small{color:#c4d4b3;font-size:9px}.result-modal>.game-btn{width:100%;height:53px;font-size:17px}.result-note{color:#aabf9a;margin-top:16px;font-size:10px;display:block}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.reduce-motion *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width>=1600px){.player-hud{top:30px;left:35px}.resources{top:33px;right:35px}.bottom-left{bottom:43px;left:35px}.bottom-right{bottom:43px;right:35px}.bottom-center{bottom:43px}.troop-card{width:86px;height:104px}.troop-card img{height:102px}.village-caption{bottom:230px}}@media (width<=1050px){.village-status{top:21px}.brand{font-size:17px}.status-chips{gap:5px}.status-chips button{gap:5px;padding:0 8px;font-size:10px}.status-chips span{display:none}.resources{width:185px}.player-name{font-size:25px}.player-hud{gap:8px;left:17px}.level-shield{width:55px;height:65px;font-size:30px}.trophy-pill span{display:none}.attack-btn{width:126px;height:100px}.attack-btn span{font-size:30px}.shop-btn{width:94px;height:96px}.collect-btn{position:absolute;bottom:112px;right:0}.bottom-left{left:19px}.bottom-right{right:19px}.troop-card{width:65px;height:85px}.troop-card img{height:84px}.train-add{width:32px}.army-tray{gap:5px;padding:5px}.bottom-center{bottom:35px}.building-context{gap:8px;min-width:0;max-width:calc(100vw - 270px);padding-left:10px}.context-art{width:59px;height:77px}.context-info h2{font-size:18px}.context-info>small{font-size:7px}.context-actions .game-btn{padding:6px 8px;font-size:10px}.village-caption{bottom:181px}.battle-tip{display:none}.battle-bottom{justify-content:flex-start}.deploy-tray{position:absolute;bottom:0;left:50%;transform:translate(-50%)}}@media (width<=700px){.player-hud{gap:7px;top:14px;left:12px}.level-shield{width:45px;height:54px;font-size:25px}.player-info .eyebrow{letter-spacing:1px;font-size:7px}.player-name{font-size:23px}.trophy-pill{gap:4px;margin-top:3px;padding:2px 5px;font-size:10px}.trophy-pill svg{width:13px;height:13px}.resources{gap:12px;width:143px;top:19px;right:13px}.resource-bar{border-radius:7px;height:27px;margin-right:20px}.resource-amount{font-size:18px;line-height:23px;right:19px}.resource-topline{font-size:6px;top:-10px}.resource-bar>.resource-icon{width:24px;height:29px;font-size:19px;line-height:21px;top:-3px;right:-12px}.resource-plus{width:19px;height:24px;font-size:20px;top:0;left:calc(100% + 14px)}.village-status{text-align:left;top:94px;left:14px;transform:none}.brand{letter-spacing:1.5px;font-size:12px}.brand span{font-size:9px}.status-chips{justify-content:flex-start;gap:4px;margin-top:5px}.status-chips button{gap:4px;height:26px;padding:0 6px;font-size:8px}.status-chips svg{width:14px;height:14px}.left-tools{gap:16px;top:35%;left:12px}.square-btn{border-radius:9px;width:40px;height:43px}.square-btn svg{width:23px;height:23px}.notification{width:18px;height:18px;font-size:11px}.tool-label{font-size:8px}.right-tools{gap:10px;top:36%;right:12px}.square-btn.small{width:33px;height:35px}.square-btn.small svg{width:20px;height:20px}.camera-tools button{height:30px}.camera-tools svg{width:17px;height:17px}.bottom-left{left:11px;bottom:calc(119px + env(safe-area-inset-bottom))}.attack-btn{border-bottom-width:5px;border-radius:12px;width:95px;height:75px}.attack-btn svg{width:34px;height:34px;top:-16px}.attack-btn span{margin-top:12px;font-size:25px}.attack-btn small{letter-spacing:1px;font-size:6px}.bottom-right{right:11px;bottom:calc(119px + env(safe-area-inset-bottom))}.shop-btn{border-bottom-width:5px;border-radius:12px;gap:3px;width:74px;height:74px}.shop-btn svg{width:27px;height:27px}.shop-btn>span:not(.new-badge){font-size:22px}.collect-btn{padding:5px 7px;font-size:10px;bottom:87px}.collect-btn .coin{width:16px;height:18px;font-size:12px;line-height:13px}.bottom-center{bottom:calc(16px + env(safe-area-inset-bottom));width:max-content}.troop-card{width:61px;height:75px}.troop-card img{height:78px;bottom:-8px}.troop-count{font-size:14px}.troop-name{font-size:8px}.troop-level{font-size:7px;bottom:14px}.train-add{width:31px}.army-label{letter-spacing:1px;margin-bottom:5px;font-size:7px}.army-label button{font-size:10px}.army-label svg{width:13px;height:13px}.army-tray{border-radius:9px;gap:5px;padding:5px}.control-hint{display:none}.village-caption{letter-spacing:1.4px;font-size:7px;bottom:135px}.caption-line{width:12px;margin:0 3px}.village-caption small{font-size:7px}.building-context{bottom:calc(14px + env(safe-area-inset-bottom));border-width:2px 2px 4px;border-radius:11px;justify-content:center;gap:7px;width:calc(100vw - 22px);max-width:none;min-height:86px;padding:11px 23px 8px 7px}.context-art{width:45px;height:69px;margin-top:-18px}.context-info h2{font-size:17px}.context-info>span{font-size:8px}.context-info>small{font-size:6px}.context-actions{gap:4px}.context-actions .game-btn{border-width:1px 1px 3px;min-height:48px;padding:4px 7px;font-size:9px}.context-actions .game-btn svg{width:17px;height:17px}.context-actions .game-btn>small{font-size:8px}.context-actions .game-btn .resource-icon{width:12px;height:14px;font-size:8px;line-height:8px}.context-actions .game-btn:nth-child(n+3){display:none}.placement-banner{gap:10px;max-width:calc(100vw - 20px);padding:9px 12px;bottom:25px}.placement-banner b{font-size:17px}.placement-banner small{font-size:9px}.modal-backdrop{padding:12px}.modal{border-width:3px 3px 5px;border-radius:14px;max-height:calc(100dvh - 24px)}.modal-header{padding:17px 17px 15px}.modal-header h1{font-size:27px}.modal-header p{max-width:245px;font-size:10px;line-height:1.5}.modal-header small{font-size:7px}.modal-body{padding:15px}.shop-tabs{gap:2px;padding:12px 15px 0}.tab{padding:7px 12px;font-size:10px}.shop-card .game-btn{font-size:12px}.modal-footer{padding:10px 15px;font-size:9px}.modal-footer>span{display:none}.training-grid{grid-template-columns:repeat(2,1fr);gap:10px}.training-art{height:123px}.training-art img{width:110px;height:121px}.training-card h3{font-size:21px}.campaign-summary{padding:13px 16px 0;font-size:10px}.campaign-summary svg{width:19px}.campaign-card{gap:9px;padding:10px}.campaign-number{width:24px;height:28px;font-size:16px}.campaign-number svg{width:16px;height:16px}.campaign-card>img{width:40px;height:59px}.campaign-info h3{font-size:18px}.campaign-info p{max-width:125px;font-size:8px}.campaign-info>span{font-size:7px}.campaign-info>div{gap:3px;font-size:8px}.campaign-info .resource-icon{width:11px;height:13px;font-size:7px;line-height:7px}.campaign-info .elixir{margin-left:4px}.campaign-action .game-btn{gap:4px;min-height:31px;padding:6px 9px;font-size:10px}.campaign-action .game-btn svg{width:13px}.campaign-stars{letter-spacing:1px;font-size:17px}.setting-row h3{font-size:19px}.setting-row p{font-size:10px}.save-section p{font-size:11px}.save-section .game-btn{padding:8px 11px;font-size:10px}.guide-hero{gap:16px;margin-bottom:20px}.guide-hero img{width:77px;height:110px}.guide-hero h2{font-size:22px}.guide-hero p,.help-steps p{font-size:10px}.help-steps h3{font-size:18px}.help-controls{gap:13px;padding:12px}.help-controls span{font-size:10px}.help-controls b{font-size:8px}.quest{gap:9px}.quest h3{font-size:17px}.quest p{font-size:9px}.quest-icon{width:36px;height:40px}.quest-icon svg{width:23px}.quest>b{min-width:50px;font-size:9px}.league-banner h2{font-size:24px}.league-banner p{font-size:10px}#toast{width:max-content;max-width:90vw;padding:10px 15px;font-size:11px;top:160px}.battle-enemy{top:19px;left:15px}.battle-enemy .eyebrow{font-size:7px}.battle-enemy h2{margin:4px 0 7px;font-size:23px}.loot-line .resource-icon{width:16px;height:19px;font-size:11px;line-height:13px}.battle-enemy>small{font-size:8px}.battle-clock{top:115px}.battle-clock>span{font-size:7px}.battle-clock>b{font-size:27px}.destruction{top:20px;right:15px}.destruction>span{font-size:9px}.destruction>div{font-size:25px}.destruction>b{font-size:20px}.battle-bottom{height:150px;bottom:16px;left:12px;right:12px}.end-battle{min-height:33px;padding:7px 10px;font-size:10px;position:absolute;bottom:112px;left:0}.end-battle svg{width:16px}.deploy-tray{width:100%;bottom:0}.deploy-tray .troop-card{width:65px;height:85px}.deploy-tray .troop-card img{height:87px}.deploy-label{margin-bottom:9px;font-size:9px}.result-modal{padding:27px 22px}.result-modal h1{font-size:49px}.result-stars{gap:10px;font-size:58px}.result-stars span:nth-child(2){font-size:73px}.result-modal>p{font-size:10px}.result-loot{margin:20px 0;padding:18px 0}.result-loot b{font-size:20px}.result-modal>.game-btn{height:47px;font-size:15px}}@media (height<=550px) and (width>=701px){.player-hud{transform-origin:0 0;top:12px;transform:scale(.85)}.resources{transform-origin:100% 0;top:16px;transform:scale(.85)}.village-status{top:12px}.bottom-left{transform-origin:0 100%;bottom:16px;transform:scale(.8)}.bottom-right{transform-origin:100% 100%;bottom:16px;transform:scale(.8)}.bottom-center{transform-origin:bottom;bottom:16px;transform:translate(-50%)scale(.8)}.village-caption,.control-hint{display:none}.left-tools{gap:9px;top:34%}.left-tools .square-btn{width:40px;height:40px}.left-tools svg{width:23px}.right-tools{transform-origin:100%;top:35%;transform:scale(.85)}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px)}.modal-header{padding:12px 22px}.modal-header h1{font-size:27px}.modal-header p{display:none}.building-context{bottom:17px}.battle-bottom{bottom:15px}.battle-enemy,.battle-clock,.destruction{top:16px}.deploy-tray .troop-card{width:65px;height:78px}.deploy-tray .troop-card img{height:79px}}.quest-count{color:#a28d65;margin-top:5px;font-size:9px;display:block}.quest .quest-claim{min-width:73px;min-height:36px;padding:7px 10px;font-size:12px}.claimed-check{color:#8cab56!important}.quest .quest-claim .gem{width:16px;height:20px}.army-tools .game-btn{min-height:44px;padding:10px 18px;font-size:14px}.training-card h3 small{color:#947e3c;white-space:nowrap;font-size:13px}.training-card .batch-train{margin-top:8px;font-size:13px}.research-banner{background:#e9e0ce;border:1px solid #d5c4a4;border-radius:16px;align-items:center;gap:24px;margin:0 0 24px;padding:16px 24px;display:flex}.research-banner>img{object-fit:contain;width:125px;height:125px}.research-banner h2{color:#453c32;margin:5px 0;font-family:Lilita One,sans-serif;font-size:28px;font-weight:400}.research-banner p{color:#756856;max-width:460px;margin:5px 0;font-size:14px}.research-banner .eyebrow{text-shadow:none;color:#867253}.research-status{align-items:center;gap:18px;margin-top:12px;display:flex}.research-status .game-btn{min-height:44px;padding:8px 18px;font-size:14px}.research-stats{text-align:left;gap:10px;margin:16px 0 22px;font-size:13px;display:grid}.research-stats>span{align-items:center;gap:5px;display:flex}.research-stats b{margin-left:auto}.research-stats em{color:#5f8b30;font-style:normal}.campaign-map{border:3px solid #cabca0;border-radius:13px;flex:0 0 94px;width:94px;height:94px;box-shadow:0 3px #b5a68a}.campaign-recommendation{color:#796d52;margin:6px 0;font-size:11px;font-weight:800;display:block}@media (width<=700px){.research-banner{gap:12px;padding:12px}.research-banner>img{width:75px;height:100px}.research-banner h2{font-size:22px}.research-banner p{font-size:12px}.research-stats{font-size:11px}.research-stats>span{gap:3px}.campaign-map{border-width:2px;border-radius:8px;flex-basis:50px;width:50px;height:50px}.campaign-info p{font-size:11px;display:block}.campaign-recommendation{font-size:10px}}#drawer{pointer-events:none;z-index:4;position:absolute;inset:auto 0 0}#ui.drawer-open .bottom-left,#ui.drawer-open .bottom-right,#ui.drawer-open .control-hint,#ui.drawer-open .village-caption{display:none}#drawer.dragging .drawer-sheet{opacity:.28;pointer-events:none;transform:translateY(58%)}.drawer-sheet{pointer-events:auto;color:var(--ink);background:linear-gradient(#fbf4de,#e6d8b2);border-top:3px solid #78684a;border-radius:18px 18px 0 0;flex-direction:column;max-height:min(52vh,380px);transition:opacity .16s,transform .16s;animation:.22s ease-out drawer-in;display:flex;box-shadow:inset 0 2px #fff,0 -8px 26px #16261a55}@keyframes drawer-in{0%{transform:translateY(100%)}}.drawer-head{border-bottom:2px solid #cbb98e;align-items:center;gap:16px;padding:10px 60px 8px 20px;display:flex;position:relative}.drawer-head h2{font-family:var(--heading);color:#4d3f2c;margin:0;font-size:22px;font-weight:400}.drawer-head .close-btn{position:absolute;top:8px;right:12px}.drawer-head .shop-tabs{border:0;margin:0;padding:0}.drawer-meta{color:#7d6c4d;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.drawer-meta i{opacity:.5;font-style:normal}.drawer-body{scrollbar-width:thin;align-items:stretch;gap:11px;padding:14px 20px 12px;display:flex;overflow:auto hidden}.drawer-foot{color:#7d6c4d;border-top:2px solid #cbb98e;align-items:center;gap:8px;padding:7px 20px 9px;font-size:11px;font-weight:800;display:flex}.drawer-foot>span{opacity:.85;align-items:center;gap:5px;margin-left:auto;font-weight:700;display:flex}.shop-tile{text-align:center;touch-action:pan-x;cursor:grab;background:#fffaea;border:2px solid #d3c194;border-radius:12px;flex-direction:column;flex:0 0 132px;align-items:center;gap:3px;padding:8px 8px 9px;display:flex}.shop-tile[data-drag]:active{cursor:grabbing}.shop-tile.unavailable{opacity:.62;cursor:default}.shop-tile-art{justify-content:center;align-items:flex-end;height:74px;display:flex;position:relative}.shop-tile-art img{object-fit:contain;filter:drop-shadow(0 3px 2px #493b2b28);pointer-events:none;max-width:108px;max-height:74px}.shop-tile h3{font-family:var(--heading);margin:2px 0 0;font-size:14px;font-weight:400;line-height:1.15}.shop-tile h3 small{color:#9a7a3c;font-size:10px}.shop-count{color:#8b7b5d;align-items:center;gap:3px;min-height:14px;font-size:10px;font-weight:800;display:flex}.shop-note{color:#9a8a6a;font-size:9px;font-weight:700}.shop-buy{width:100%;min-height:0;margin-top:3px;padding:5px 6px;font-size:12px}.shop-buy.tiny{margin-top:2px;padding:3px 6px;font-size:11px}.army-actions{border-right:2px dashed #cbb98e;flex-direction:column;flex:none;justify-content:center;gap:7px;margin-right:4px;padding-right:6px;display:flex}.army-actions .game-btn{white-space:nowrap;padding:7px 12px;font-size:12px}.tray-divider{background:#ffffff40;border-radius:2px;flex:0 0 2px;align-self:center;height:46px;margin:0 4px}.tray-divider.tall{background:0 0;border-left:2px dashed #cbb98e;height:80%}.air-tag{color:#eafaff;letter-spacing:1px;background:#2c8fb8;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:800;position:absolute;top:2px;left:2px}.troop-card .air-tag{top:4px;left:4px}.spell-card img{padding:6px}.building-context[data-anchor]{transition:none;top:40%;bottom:auto;left:50%;transform:translate(-50%)}.building-context.compact{min-width:0;padding:9px 16px}.max-level.locked{color:#a08356;align-items:center;gap:4px;font-size:12px;display:inline-flex}.edit-caption small{color:#ffe6a8}.edit-toolbar{background:#2e422cdd;border:2px solid #dfe9b980;border-radius:14px;gap:9px;padding:9px 11px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #16261a66}.edit-tool{flex-direction:column;gap:2px;padding:7px 14px;font-size:11px}.loot-bars{flex-direction:column;gap:5px;margin:7px 0 4px;display:flex}.loot-row{align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.loot-track{background:#1e2b1a99;border:1px solid #ffffff35;border-radius:6px;width:132px;height:9px;overflow:hidden}.loot-row:first-child .loot-track i{background:linear-gradient(#ffe073,#e9a611)}.loot-row:last-child .loot-track i{background:linear-gradient(#e39bff,#a637d8)}.loot-track i{height:100%;transition:width .3s;display:block}.battle-clock.prep>b{color:#b7e8ff}.destruction-bar{background:#1e2b1a99;border:1px solid #ffffff35;border-radius:7px;width:168px;height:11px;margin:6px 0 5px auto;position:relative}.destruction-bar>i{background:linear-gradient(#ffd05c,#f07f36);border-radius:6px;height:100%;transition:width .3s;display:block}.destruction-bar .notch{background:#fff8e8;border-radius:2px;width:2px;height:15px;position:absolute;top:-3px;box-shadow:0 0 3px #0006}.destruction-bar .notch.full{transform:translate(-2px)}.destruction>small{text-align:right;color:#dfe6c9;text-shadow:0 1px 2px #22361e;font-size:9px;font-weight:800;display:block}.destruction>small i{opacity:.5;margin:0 2px;font-style:normal}.prep-banner{background:#21384bee;border:2px solid #9fd8f288;border-radius:12px;align-items:center;gap:13px;padding:11px 17px;display:flex;position:absolute;top:178px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #14232f66}.prep-banner b{font-family:var(--heading);font-size:19px;font-weight:400}.prep-banner small{color:#cfe7f5;margin-top:2px;font-size:11px;display:block}.info-body{color:var(--ink)}.info-hero{background:#fffaea;border:2px solid #d3c194;border-radius:14px;align-items:center;gap:18px;margin-bottom:15px;padding:14px 18px;display:flex}.info-hero>img{object-fit:contain;filter:drop-shadow(0 3px 3px #493b2b28);width:112px;height:104px}.info-hero h2{font-family:var(--heading);margin:3px 0 5px;font-size:25px;font-weight:400}.info-hero p{color:#7d6c4d;margin:0;font-size:12px}.info-hero .eyebrow{color:#9a8a6a}.info-levels{gap:3px;margin-top:9px;display:flex}.info-levels i{background:#d9cba6;border-radius:3px;width:15px;height:6px}.info-levels i.on{background:linear-gradient(#ffd05c,#e0961d)}.info-table{border-collapse:collapse;width:100%;font-size:13px}.info-table th{text-align:left;letter-spacing:1.4px;text-transform:uppercase;color:#9a8a6a;padding:0 10px 7px;font-size:9px}.info-table th:not(:first-child),.info-table td:not(:first-child){text-align:right}.info-table td{border-top:1px solid #ded0ab;padding:8px 10px;font-weight:700}.info-table td:first-child{color:#7d6c4d;align-items:center;gap:7px;font-weight:800;display:flex}.info-table td.better{color:#4f8a25;white-space:nowrap;font-weight:800}.info-table td.same{color:#a89877}.info-upgrade{flex-direction:column;align-items:center;gap:10px;margin-top:17px;display:flex}.info-cost{color:#7d6c4d;gap:20px;font-size:13px;display:flex}.info-cost span{align-items:center;gap:5px;display:flex}.info-cost b{color:var(--ink)}.info-upgrade .game-btn{justify-content:center;min-width:260px}.layouts-body{color:var(--ink)}.layouts-note{color:#7d6c4d;margin:0 0 14px;font-size:12px}.layout-row{background:#fffaea;border:2px solid #d3c194;border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:12px 15px;display:flex}.layout-icon{color:#8b7b5d;background:#ecdfba;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.layout-row h3{margin:0;font-size:15px}.layout-row p{color:#8b7b5d;margin:2px 0 0;font-size:11px}.layout-actions{gap:8px;margin-left:auto;display:flex}.layout-actions .game-btn{padding:7px 13px;font-size:12px}.small-modal{width:470px}.confirm-body{color:var(--ink)}.confirm-line{color:#6b5c42;align-items:center;gap:14px;font-size:14px;line-height:1.6;display:flex}.confirm-line svg{color:#cf7a2c}.confirm-actions{justify-content:flex-end;gap:11px;margin-top:20px;display:flex}.shop-btn.open{filter:brightness(1.12)}@media (width<=1050px){.drawer-sheet{max-height:min(56vh,330px)}.building-context[data-anchor]{min-width:0}}@media (width<=700px){.drawer-head{gap:10px;padding:8px 50px 6px 14px}.drawer-head h2{font-size:18px}.drawer-body{gap:8px;padding:10px 14px}.shop-tile{flex-basis:110px}.shop-tile-art{height:58px}.shop-tile-art img{max-height:58px}.drawer-foot>span{display:none}.army-actions{padding-right:4px}.army-actions .game-btn{padding:6px 8px;font-size:10px}.edit-toolbar{gap:6px;padding:7px 8px;bottom:20px}.edit-tool{padding:6px 9px;font-size:10px}.loot-track{width:92px}.destruction-bar{width:118px}.prep-banner{gap:9px;padding:8px 12px;top:150px}.prep-banner b{font-size:15px}.prep-banner small{font-size:9px}.info-hero{text-align:center;flex-direction:column;gap:10px}.info-hero .info-levels{justify-content:center}.info-upgrade .game-btn{width:100%;min-width:0}.layout-row{flex-wrap:wrap}.layout-actions{width:100%;margin-left:0}.small-modal{width:auto}}@media (height<=550px){.drawer-sheet{max-height:min(58vh,200px)}.shop-tile-art{height:52px}.shop-tile-art img{max-height:52px}.prep-banner{top:118px}}.battle-enemy>small{opacity:.85;margin:0 0 6px}.loot-row>b{text-align:right;min-width:56px}.loot-row>i{opacity:.7;font-size:11px;font-style:normal;font-weight:700}.destruction>span,.destruction>small{text-shadow:0 1px 3px #1d2c1b,0 0 8px #1d2c1baa}.destruction>span{letter-spacing:.4px;font-weight:800}.battle-tip{text-shadow:0 1px 3px #1d2c1b,0 0 8px #1d2c1baa}.edit-caption{top:30px;bottom:auto}.edit-caption small{color:#ffe6a8;letter-spacing:.4px;font-size:10px}.coach-banner{background:#2e422cf2;border:2px solid #ffd05c8c;border-radius:14px;align-items:center;gap:14px;width:max-content;max-width:min(560px,100vw - 40px);padding:11px 13px 11px 11px;display:flex;position:absolute;top:178px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #16261a66}.coach-banner>div{flex:auto;min-width:0}.coach-step{color:#4a3512;width:40px;height:40px;font-family:var(--heading);background:linear-gradient(#ffd05c,#e0961d);border-radius:11px;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.coach-step i{opacity:.75;margin-left:1px;font-size:9px;font-style:normal}.coach-banner b{font-family:var(--heading);font-size:18px;font-weight:400}.coach-banner small{color:#dbe6c4;margin-top:2px;font-size:11px;display:block}.coach-skip{color:#dbe6c4;background:#ffffff1a;border-radius:9px;align-self:stretch;padding:0 11px;font-size:11px;font-weight:800}.coach-skip:hover{background:#ffffff2e}.coach-target{outline-offset:3px;outline:3px solid #ffd05c;animation:1.6s ease-out infinite coach-pulse}@keyframes coach-pulse{0%{box-shadow:0 0 #ffd05cd0,0 0 14px #ffd05c99}70%{box-shadow:0 0 0 18px #ffd05c00,0 0 14px #ffd05c00}to{box-shadow:0 0 #ffd05c00,0 0 #ffd05c00}}.resource-bar.full .resource-fill{animation:1.9s ease-in-out infinite store-full}.resource-bar.full .resource-topline{color:#ffd9a0}@keyframes store-full{50%{filter:brightness(1.45)}}.profile-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px;display:grid}.profile-stat{text-align:center;color:#8b7b5d;background:#fffaea;border:2px solid #d3c194;border-radius:11px;padding:10px 8px}.profile-stat b{font-family:var(--heading);color:var(--ink);margin:4px 0 1px;font-size:21px;font-weight:400;display:block}.profile-stat small{font-size:10px;font-weight:700}@media (width<=700px){.coach-banner{gap:10px;padding:8px 10px;top:150px}.coach-banner b{font-size:15px}.coach-banner small{font-size:10px}.coach-step{width:33px;height:33px;font-size:17px}.profile-stats{grid-template-columns:repeat(2,1fr)}}.bottom-center{max-width:calc(100vw - 360px)}.bottom-center .army-tray{scrollbar-width:thin;scrollbar-color:#baad78 #343c27;padding-top:10px;overflow-x:auto}.deploy-tray{flex:1;min-width:0}.deploy-tray .army-tray{scrollbar-width:thin;scrollbar-color:#baad78 #343c27;max-width:100%;padding-top:12px;overflow-x:auto}.deploy-tray .air-tag{top:24px}.troop-info-button{color:#66532c;background:#d6c49b;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-height:26px;padding:2px 7px;font-size:9px;font-weight:900;display:inline-flex}.troop-info-button:hover{background:#bbaa79}.troop-info-hero{align-items:center;gap:28px;padding:8px 16px 22px;display:flex}.troop-info-hero>img{object-fit:contain;filter:drop-shadow(0 8px 8px #71502c35);width:130px;height:160px}.troop-info-hero h2{font-family:var(--heading);margin:7px 0;font-size:32px;font-weight:400}.troop-info-hero p{max-width:390px;font-size:13px;line-height:1.6}.troop-stats{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.troop-stats>div{background:#ddceac;border-radius:8px;padding:12px 15px}.troop-stats dt{color:#76684d;font-size:10px;font-weight:800}.troop-stats dd{font-family:var(--heading);color:#443923;margin:5px 0 0;font-size:17px}.troop-tactic{background:#d8ddbf;border-left:3px solid #88a652;align-items:flex-start;gap:12px;padding:15px;font-size:12px;line-height:1.6;display:flex}.troop-tactic>svg{flex-shrink:0}@media (width<=1200px){.battle-tip{display:none}}@media (width<=700px){.bottom-center{max-width:calc(100vw - 20px)}.troop-key{display:none}.deploy-tray .air-tag{top:5px}.troop-info-hero{gap:15px;padding:0 0 15px}.troop-info-hero>img{width:85px;height:115px}.troop-info-hero h2{font-size:25px}.troop-info-hero p{font-size:11px}.troop-stats dd{font-size:14px}.bottom-center .army-label{letter-spacing:0;margin-left:96px;margin-right:84px}.bottom-center .army-label>span{font-size:6px}}.troop-info-hero .eyebrow{color:#826735;text-shadow:none}@media (width<=700px) and (height>=501px){.battle-clock{top:164px}.prep-banner{top:228px}}@media (width<=700px){.battle-enemy{max-width:190px}.battle-enemy h2{white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.loot-row{gap:4px;font-size:11px}.loot-track{width:56px}.loot-row>b{min-width:34px}.loot-row>i{font-size:9px}}