:root{--display: "Lilita One", system-ui, sans-serif;--body: "Nunito", system-ui, sans-serif;--ink: #f5f0e1;--muted: #b9c6a2;--wood: #5d6b48;--wood2: #3c4a2e;--edge: #232d1a;--gold: #ffd35e;--elixir: #4fd8c8;--accent: #ffe6a0;--teal: #40e0d0;--good: #7ac74f;--attack: #e0663f;--trophy: #ffd35a;--bad: #ef8a6e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--body);font-weight:700;color:var(--ink);background:#141c10;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;inset:0;width:100vw;height:100vh}#game canvas{image-rendering:pixelated;display:block}img{image-rendering:pixelated}.hud{position:absolute;inset:0;pointer-events:none;z-index:2}.hud>*{pointer-events:auto}.panel{background:linear-gradient(180deg,var(--wood),var(--wood2));border:2px solid var(--edge);border-radius:14px;box-shadow:0 6px #0004,inset 0 2px #fff2,inset 0 -3px 8px #0003}.btn{font-family:var(--display);font-size:15px;letter-spacing:.4px;color:#3d3413;cursor:pointer;background:linear-gradient(180deg,#ffe293,#eeb152);border:3px solid #a9711f;border-radius:12px;padding:8px 16px;box-shadow:0 5px #8a5a1c,inset 0 2px #fff7;transition:transform .08s ease,box-shadow .08s ease,filter .1s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(4px);box-shadow:0 1px #8a5a1c,inset 0 2px #fff5}.btn.sec{background:linear-gradient(180deg,#77875e,#4c5c39);color:var(--ink);border-color:#232d1a;box-shadow:0 5px #1a2213,inset 0 2px #fff2}.btn.green{background:linear-gradient(180deg,#9be05a,#5da12c);color:#1d3208;border-color:#3d6a1c;box-shadow:0 5px #345d18,inset 0 2px #fff6}.btn.danger{background:linear-gradient(180deg,#f08a7e,#d2483a);color:#fff;border-color:#8a2a1f;box-shadow:0 5px #6e2016,inset 0 2px #fff4}.btn:disabled{filter:grayscale(.6) brightness(.78);cursor:not-allowed;box-shadow:0 5px #0003}.btn.big{font-size:19px;padding:13px 40px;border-radius:14px}.topbar{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.res{display:flex;align-items:center;gap:8px;padding:4px 15px 4px 4px;min-width:124px;background:linear-gradient(180deg,#5d6b48,#38452b);border:2px solid var(--edge);border-radius:999px;box-shadow:0 4px #0004,inset 0 2px #fff2}.res .badge{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 36% 28%,#fff4,#00000040);box-shadow:inset 0 0 0 2px #0004,0 1px #fff2}.res .badge img{width:24px;height:24px}.res .col{display:flex;flex-direction:column;line-height:1;min-width:0;flex:1}.res .amt{font-family:var(--display);font-size:19px;color:#fff6e2;text-shadow:0 2px 0 #00000066}.res .cap{font-size:10px;font-weight:800;color:var(--muted);margin-top:1px}.res .fill{height:4px;border-radius:3px;background:#0005;margin-top:4px;overflow:hidden}.res .fill>span{display:block;height:100%;border-radius:3px;transition:width .3s ease}.topright{position:absolute;top:12px;right:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:62%}.chip{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 4px;background:linear-gradient(180deg,#5d6b48,#38452b);border:2px solid var(--edge);border-radius:999px;box-shadow:0 4px #0004,inset 0 2px #fff2}.chip .badge{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 28%,#fff4,#00000040);box-shadow:inset 0 0 0 2px #0004}.chip .badge img{width:18px;height:18px}.chip .val{font-family:var(--display);font-size:14px;color:#fff6e2;text-shadow:0 2px 0 #00000066}.chip.trophy .val{color:var(--trophy)}button.chip.lb-toggle{cursor:pointer;font:inherit}button.chip.lb-toggle:active{transform:translateY(2px);box-shadow:0 2px #0004,inset 0 2px #fff2}.lb-toggle .lb-lbl{font-family:var(--display);font-size:12px;color:var(--accent);letter-spacing:.3px;padding-right:4px}.leaderboard-panel{position:absolute;top:70px;right:12px;z-index:7;width:330px;max-width:88vw;padding:10px;display:flex;flex-direction:column;gap:8px;transform-origin:top right;animation:lbexpand .18s cubic-bezier(.2,.9,.3,1.2)}@keyframes lbexpand{0%{opacity:0;transform:scaleY(.4) translateY(-8px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.lb-head{display:flex;align-items:center;gap:8px;padding:2px 2px 6px;border-bottom:2px solid #00000033}.lb-titles{display:flex;flex-direction:column;line-height:1.1;flex:1;min-width:0}.lb-title{font-family:var(--display);font-size:17px;color:var(--accent)}.lb-sub{font-size:10px;font-weight:800;color:var(--muted)}.lb-refresh,.lb-x{flex:none;width:28px;height:28px;border-radius:8px;cursor:pointer;font-family:var(--display);font-size:15px;color:var(--ink);background:linear-gradient(180deg,#77875e,#4c5c39);border:2px solid var(--edge);box-shadow:0 3px #1a2213,inset 0 2px #fff2}.lb-refresh:active,.lb-x:active{transform:translateY(2px);box-shadow:0 1px #1a2213}.lb-body{max-height:min(50vh,380px);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:4px;padding-right:2px}.lb-empty{color:var(--muted);font-size:12px;text-align:center;padding:18px 8px}.lb-row{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;padding:6px 9px;border-radius:9px;background:linear-gradient(180deg,#5d4836,#38452b);border:1px solid #00000033}.lb-row.top{background:linear-gradient(180deg,#6c543e,#4d3a28)}.lb-row.me{box-shadow:inset 0 0 0 2px var(--trophy)}.lb-rank{font-family:var(--display);font-size:15px;color:var(--accent);text-align:center}.lb-name{font-weight:800;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-th{font-size:10px;font-weight:800;color:var(--muted)}.lb-tr{display:inline-flex;align-items:center;gap:3px;font-family:var(--display);font-size:14px;color:var(--trophy)}.lb-tr img{width:15px;height:15px}.iconbtn{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;cursor:pointer;background:linear-gradient(180deg,#77875e,#4c5c39);border:3px solid var(--edge);box-shadow:0 5px #1a2213,inset 0 2px #fff2;transition:transform .08s,box-shadow .08s}.iconbtn:active{transform:translateY(4px);box-shadow:0 1px #1a2213}.iconbtn img{width:26px;height:26px}.iconbtn.lg{width:54px;height:54px}.dock-left{position:absolute;left:16px;bottom:16px;display:flex;gap:12px;align-items:flex-end}.dock-right{position:absolute;right:16px;bottom:16px}.bigbtn{font-family:var(--display);cursor:pointer;width:84px;height:84px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#2a1f10;border:3px solid var(--edge);background:linear-gradient(180deg,#9be05a,#5da12c);box-shadow:0 6px #345d18,inset 0 2px #fff6;transition:transform .08s,box-shadow .08s,filter .1s}.bigbtn .glyph{font-size:30px;line-height:1;filter:drop-shadow(0 1px 0 #00000033)}.bigbtn .lbl{font-size:14px;letter-spacing:.5px;text-shadow:0 1px 0 #ffffff55}.bigbtn:hover{filter:brightness(1.05)}.bigbtn:active{transform:translateY(5px);box-shadow:0 1px #345d18,inset 0 2px #fff4}.bigbtn.attack{background:linear-gradient(180deg,#ff8b7e,#d83f30);color:#fff;box-shadow:0 6px #7e2016,inset 0 2px #fff4}.bigbtn.attack .lbl{color:#fff;text-shadow:0 1px 0 #00000044}.sheet{position:absolute;right:12px;top:70px;width:312px;max-height:calc(100% - 190px);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.sheet h3{font-family:var(--display);font-size:18px;color:var(--accent);margin-bottom:1px;letter-spacing:.4px}.sheet .sub{color:var(--muted);font-size:11px;font-weight:800}.row{display:flex;align-items:center;gap:9px;padding:8px;border-radius:11px;background:#00000026;border:2px solid #00000033}.row .ico{width:44px;height:44px;display:grid;place-items:center;background:#0003;border-radius:9px;flex:none;box-shadow:inset 0 0 0 2px #fff1}.row .ico img{width:40px;height:40px}.row .grow{flex:1;min-width:0}.row .name{font-family:var(--display);font-size:14px;letter-spacing:.3px}.row .meta{color:var(--muted);font-size:11px;font-weight:700}.row .blurb{color:var(--muted);opacity:.8;font-size:10.5px;font-weight:600;margin-top:2px;line-height:1.25}.cost{display:inline-flex;align-items:center;gap:3px;font-family:var(--display);font-size:13px}.cost img{width:15px;height:15px}.lock{color:var(--bad);font-size:10px;font-weight:800}.tag{font-family:var(--display);font-size:10px;padding:1px 7px;border-radius:10px;background:#0004;color:var(--muted);vertical-align:middle}.bar{height:7px;background:#0005;border-radius:4px;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--good),#9be05a)}.x{position:absolute;top:9px;right:12px;cursor:pointer;color:var(--muted);font-size:18px;font-family:var(--display)}.tabs{display:flex;gap:6px;margin-bottom:4px}.tabbtn{flex:1;font-family:var(--display);font-size:12px;text-transform:capitalize;cursor:pointer;color:var(--muted);background:#00000026;border:2px solid #00000033;border-radius:9px;padding:6px 4px}.tabbtn.on{color:#2b2230;background:var(--accent);border-color:#b98a3a}.popover{position:absolute;transform:translate(-50%,calc(-100% - 8px));display:flex;flex-direction:column;align-items:center;gap:7px;z-index:4}.pop-card{padding:9px 13px;text-align:center;min-width:150px}.pop-name{font-family:var(--display);font-size:15px;color:var(--accent)}.pop-meta{color:var(--muted);font-size:10px;font-weight:800;margin-top:1px}.pop-prog{height:6px;border-radius:4px;background:#0005;overflow:hidden;margin-top:5px}.pop-prog>span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--good),#9be05a);transition:width .3s linear}.pop-actions{display:flex;gap:7px;margin-top:8px}.round-btn{width:46px;height:46px;border-radius:12px;cursor:pointer;display:grid;place-items:center;background:linear-gradient(180deg,#77875e,#4c5c39);border:3px solid var(--edge);box-shadow:0 4px #1a2213,inset 0 2px #fff2;color:var(--ink);font-size:18px}.round-btn img{width:24px;height:24px}.round-btn:active{transform:translateY(3px);box-shadow:0 1px #1a2213}.round-btn.up{background:linear-gradient(180deg,#9be05a,#5da12c);border-color:#3d6a1c;box-shadow:0 4px #345d18;color:#1d3208;min-width:64px;width:auto;padding:0 12px;font-family:var(--display);font-size:13px;flex-direction:column;gap:0;line-height:1.05}.round-btn.up small{font-size:9px;opacity:.85}.round-btn.sell{background:linear-gradient(180deg,#f0a07e,#d2683a);border-color:#8a4a1f;box-shadow:0 4px #6e3416;color:#2c1408;min-width:64px;width:auto;padding:0 12px;font-family:var(--display);font-size:13px;flex-direction:column;gap:0;line-height:1.05}.round-btn.sell small{font-size:9px;opacity:.85}.round-btn.finish{background:linear-gradient(180deg,#ff9bb0,#d23a6a);border-color:#9a1d44;box-shadow:0 4px #7a1636;color:#fff;min-width:64px;width:auto;padding:0 12px;font-family:var(--display);font-size:13px;flex-direction:column;gap:0;line-height:1.05}.round-btn.finish small{font-size:9px;opacity:.92;display:inline-flex;align-items:center;gap:2px}.round-btn.finish.short{filter:grayscale(.5) brightness(.9);opacity:.85}.trainrow .round-btn.finish.trainfin{width:auto;min-width:0;height:30px;padding:0 8px;flex:none;display:inline-flex;flex-direction:row;align-items:center;gap:3px;font-size:12px;line-height:1}.trainrow .round-btn.finish.trainfin img{width:11px;height:11px}.round-btn:disabled{filter:grayscale(.6) brightness(.8);cursor:not-allowed}.pop-arrow{width:0;height:0;border:9px solid transparent;border-top-color:var(--wood2);margin-top:-2px;filter:drop-shadow(0 2px 0 #00000044)}.topbar-extras{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.liveplayers{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:#0c130cd1;border:2px solid #0a0703;box-shadow:0 3px #0005,inset 0 1px #ffffff14;font-family:var(--display);font-size:13px;font-weight:700;color:#e8f3da;letter-spacing:.3px;white-space:nowrap}.liveplayers .dot{width:9px;height:9px;border-radius:50%;background:#43e06b;box-shadow:0 0 7px #43e06b,0 0 2px #fff;animation:livepulse 1.6s ease-in-out infinite;flex:none}@keyframes livepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}.chip.share-chip{cursor:pointer}.chip.share-chip .val{font-family:var(--display);font-size:13px}.update-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:90;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,#ffe08a,#f0b73c);color:#4a2f06;border:2px solid #7a4e0c;box-shadow:0 4px #7a4e0c,0 0 16px #ffcf4b88;font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:.3px;white-space:nowrap;animation:updbob 1.4s ease-in-out infinite}.update-banner:active{transform:translate(-50%) translateY(3px);box-shadow:0 1px #7a4e0c}@keyframes updbob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}@media (max-width: 560px){.update-banner{font-size:12.5px;padding:7px 13px}}.placebar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:10px 14px}.placelabel{font-family:var(--body);font-size:12px;color:var(--ink);margin-right:4px}.placelabel b{font-family:var(--display);color:var(--accent)}.toast{position:absolute;top:76px;left:50%;transform:translate(-50%);font-family:var(--display);background:#000000c4;color:var(--accent);padding:9px 18px;border-radius:22px;font-size:15px;box-shadow:0 4px #0004}.hint{position:absolute;bottom:110px;left:50%;transform:translate(-50%);color:var(--ink);font-size:12px;background:#000a;padding:7px 14px;border-radius:14px}.hint .hl{font-family:var(--display)}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,92%);padding:22px;text-align:center;display:flex;flex-direction:column;gap:13px;z-index:5}.center h3{font-family:var(--display);font-size:22px;color:var(--accent)}.stars{font-size:40px;letter-spacing:8px}.bigpct{font-family:var(--display);font-size:52px;color:var(--accent);text-shadow:0 3px 0 #00000055}.lootline{display:flex;justify-content:center;gap:18px;font-family:var(--display);font-size:16px}.raidtop{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:center;padding:9px 18px}.raidtop strong{font-family:var(--display)}.campaign{width:340px}.camplist{display:flex;flex-direction:column;gap:8px}.camprow{display:flex;align-items:center;gap:9px;padding:8px;border-radius:12px;background:#00000026;border:2px solid #00000033}.camprow.mastered{border-color:var(--gold);box-shadow:inset 0 0 0 1px #ffcf4b55,0 0 10px #ffcf4b22}.camprow.locked{opacity:.55}.camprow .lvlchip{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;font-family:var(--display);font-size:17px;color:#2a1f12;background:linear-gradient(180deg,#ffe39a,#f0b94a);box-shadow:0 2px #0004}.camprow.locked .lvlchip{background:#4a4036;color:#cdbfae}.camprow .grow{flex:1;min-width:0}.camprow .name{font-family:var(--display);font-size:14px;letter-spacing:.3px}.camprow .csub{color:var(--muted);font-size:10.5px;font-weight:700;line-height:1.25}.camprow .meta{margin-top:2px;display:flex;gap:12px}.rstars{display:flex;gap:1px;font-size:14px;color:#0005;flex:none}.rstars .on{color:var(--gold);text-shadow:0 1px 0 #00000055}.lockico{font-size:18px;opacity:.8;padding:0 6px}.scout .csub{color:var(--accent);font-weight:800;font-size:13px}.hinttip{background:#0003;border:1.5px dashed #ffffff2a;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:800;color:var(--ink)}.hinttip.warn{border-color:#ffb64880;color:#ffd9a0;background:#ffb6480f}.rowbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn.sec.next{background:linear-gradient(180deg,#4a6ea8,#34507c);border-color:#1d2f4a;box-shadow:0 5px #18263c,inset 0 2px #fff2}.btn.sec.next:disabled{filter:saturate(.4) brightness(.85)}.result .newbest{font-family:var(--display);color:var(--gold);font-size:15px;letter-spacing:2px;animation:nbpop .5s ease}@keyframes nbpop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.stars.big{font-size:46px;letter-spacing:10px;color:#00000040}.stars.big .on{color:var(--gold);text-shadow:0 3px 0 #00000055}.battlestats{display:flex;justify-content:center;gap:8px}.bstat{flex:1;background:#0003;border-radius:10px;padding:7px 4px;display:flex;flex-direction:column;gap:1px}.bstat b{font-family:var(--display);font-size:16px;color:var(--accent)}.bstat span{font-size:9.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.troopbreak{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:13px;font-weight:800}.troopbreak .tb b{font-family:var(--display);color:var(--ink)}.trainhdr{font-size:10.5px;font-weight:800;color:var(--accent);margin-bottom:4px;letter-spacing:.2px}.pop-train{margin-bottom:6px}.pop-trainrow{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}.trainbtn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 7px;border-radius:9px;background:#0003;border:1.5px solid #ffffff1f;cursor:pointer;min-width:42px}.trainbtn:not(:disabled):active{transform:translateY(1px)}.trainbtn:not(:disabled):hover{border-color:var(--good);background:#6fbf3a22}.trainbtn:disabled{opacity:.4;cursor:not-allowed}.trainbtn .tb-ico{font-size:18px;line-height:1}.trainbtn .tb-cost{display:inline-flex;align-items:center;gap:2px;font-family:var(--display);font-size:11px;color:var(--elixir)}.trainbtn .tb-cost img{width:12px;height:12px}.trophy{color:var(--trophy)}.hl{color:var(--accent);cursor:pointer;text-decoration:underline;font-weight:800}.settings{position:absolute;top:70px;right:12px;width:240px;padding:14px;display:flex;flex-direction:column;gap:8px;z-index:6}.settings h3{font-family:var(--display);font-size:17px;color:var(--accent)}.setrow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#00000026;font-size:13px}.setrow.stack{flex-direction:column;align-items:stretch;gap:6px}.namechg{display:flex;flex-direction:column;gap:5px}.namechg-row{display:flex;gap:6px}.namechg-row .namefield{flex:1;min-width:0;padding:7px 10px;font-size:13px}.namechg-row .btn{padding:7px 14px}.pwchg-fields{display:flex;flex-direction:column;gap:6px}.pwchg-fields .namefield{width:100%;text-align:left;font-family:var(--body);font-size:13px;padding:8px 11px}.volrow{display:flex;justify-content:space-between;align-items:center}.volpct{font-family:var(--display);font-size:13px;color:var(--accent)}.volbar{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:#0005;border:2px solid var(--edge);outline:none;cursor:pointer;box-shadow:inset 0 2px 4px #0005}.volbar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#ffe293,#eeb152);border:2px solid #a9711f;box-shadow:0 2px #8a5a1c,inset 0 1px #fff8;cursor:pointer}.volbar::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#ffe293,#eeb152);border:2px solid #a9711f;cursor:pointer}.namechg-msg{font-size:12px;font-weight:800;color:var(--muted)}.namechg-msg.ok{color:var(--good)}.namechg-msg.bad{color:var(--bad)}.scrim{position:fixed;inset:0;background:#0e09119e;z-index:39;pointer-events:none}.spot-ring{position:fixed;border-radius:14px;border:3px solid var(--accent);box-shadow:0 0 18px 4px #ffdf8a88,inset 0 0 12px #ffdf8a55;z-index:47;pointer-events:none;transition:all .2s cubic-bezier(.2,.9,.3,1)}body.tut .tut-target{position:relative;z-index:46}body.tut .sheet,body.tut .placebar{z-index:45}.coach{position:fixed;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:41;pointer-events:none}.coach-card{pointer-events:none;max-width:290px;padding:11px 15px;text-align:center;transition:opacity .2s ease}.coach-card .hl{pointer-events:auto}.coach-step{font-family:var(--display);color:var(--accent);font-size:11px;margin-bottom:3px;letter-spacing:.5px}.coach-card .body{font-size:12.5px;line-height:1.45}.coach-card .hl{display:inline-block;margin-top:8px;font-size:11px}.coach-hand-img{width:38px;height:38px;image-rendering:pixelated;animation:tap .9s ease-in-out infinite;filter:drop-shadow(0 3px 3px #00000066)}.coach-scroll{position:fixed;transform:translate(-50%,-50%);z-index:49;pointer-events:none;font-family:var(--display);font-size:12px;color:var(--accent);padding:7px 13px;border-radius:12px;white-space:nowrap;box-shadow:0 6px 16px #0006;animation:bob 1s ease-in-out infinite;transition:opacity .15s ease}@keyframes tap{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.08)}}@keyframes bob{50%{transform:translateY(-3px)}}.chip .badge.gly{font-size:16px;line-height:1;background:radial-gradient(circle at 36% 28%,#fff4,#00000040)}.chip.danger{box-shadow:inset 0 0 0 2px #e3514288,0 0 10px #e3514255}.chip.danger .val{color:#ff9a8c}.bar>span.fullbar{background:linear-gradient(90deg,#e35142,#ff8a5a)}.row.tutlocked{opacity:.4;filter:saturate(.5)}.trainlist{min-width:200px;margin-top:3px}.trainrow{display:flex;align-items:center;gap:9px;margin-top:7px}.trainrow .ti{font-size:18px;width:22px;text-align:center;flex:none}.trainrow .grow{flex:1;min-width:0}.trainrow .tn{font-size:11px;font-weight:800;color:var(--ink);margin-bottom:3px}.trainrow .tn .muted2{color:var(--muted);font-weight:700}.trainrow .tt{font-family:var(--display);font-size:13px;color:var(--accent);min-width:36px;text-align:right;flex:none}.levelup-banner{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:60;pointer-events:none;padding:10px 22px;border-radius:14px;font-family:var(--display);font-size:22px;letter-spacing:.5px;color:#2a1c0a;background:linear-gradient(180deg,#ffe9a8,#f3b94e);border:3px solid #fff3c8;box-shadow:0 8px 22px #0005,0 0 26px #ffd86a88;animation:levelpop .4s cubic-bezier(.2,1.2,.3,1) both}@keyframes levelpop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px;background:radial-gradient(ellipse 120% 68% at 50% 58%,#0c180966 0%,#0c180922 45%,transparent 72%),linear-gradient(180deg,#10240e22,#12241077 58%,#0c1808e6),url(/assets/backgrounds/intro_background.png) center 32%/cover no-repeat,#2f4f2f}.title-emblem{width:210px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 12px 16px #00000066);animation:bob 2.6s ease-in-out infinite}.screen.banned{background:radial-gradient(circle at 50% 35%,#3a1414,#1a0a0a 70%,#000);z-index:99999}.banned-card{max-width:460px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 26px;border:2px solid #ff5a5a55;border-radius:18px;background:#1c0e0ecc;box-shadow:0 18px 60px #000a,inset 0 0 40px #ff00001a}.banned-badge{font-size:60px;line-height:1;filter:drop-shadow(0 6px 10px #000a)}.banned-title{font-family:var(--display);font-size:42px;letter-spacing:2px;color:#ff6a6a;text-shadow:0 4px 0 #00000066,0 0 26px #ff000055;margin:0}.banned-sub{color:#ffd9d9;font-size:16px;margin:0}.banned-fine{color:#e3b3b3;font-size:13px;margin:0}.banned-appeal{color:#c79a9a;font-size:12px;margin:6px 0 0}.screen .logo{font-family:var(--display);font-size:64px;line-height:1;color:var(--accent);letter-spacing:1px;text-shadow:0 3px 0 #2e3d14,0 6px 0 #0f1d0bd9,0 10px 24px #000000aa,0 0 34px #ffd35e66}.screen .logo.small{font-size:36px}.screen .logo .amp{color:var(--gold)}.screen .tagline{color:#f2f6e4;text-shadow:0 2px 0 #10240e,0 4px 10px #000000aa;font-size:15px;letter-spacing:.3px;max-width:460px}.title-art{margin-bottom:2px}.link{background:none;border:none;color:#d9e8c0;cursor:pointer;text-shadow:0 2px 3px #0008;font-family:var(--body);font-weight:800;font-size:12px;text-decoration:underline}.namefield{font-family:var(--display);font-size:20px;text-align:center;color:var(--ink);background:#0e1c0abb;border:3px solid #31421f;border-radius:12px;padding:12px 18px;width:min(360px,86%);outline:none;box-shadow:inset 0 2px 6px #0006,0 3px #0003}.namefield:focus{border-color:var(--gold);box-shadow:inset 0 2px 6px #0006,0 0 0 3px #ffd35e33}.row-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.authform{display:flex;flex-direction:column;gap:10px;align-items:center;width:min(360px,86%)}.authform .namefield{width:100%;font-size:17px}.authform .btn.big{margin-top:4px}.autherr{color:var(--bad);font-size:12.5px;font-weight:800;max-width:360px;text-align:center}.authhint{color:var(--muted);font-size:11.5px;font-weight:700;max-width:360px;text-align:center}.turnstile{display:flex;justify-content:center;min-height:0}.loadbar{width:min(420px,80%);height:16px;background:#0005;border:3px solid var(--edge);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 6px #0006}.loadbar>span{display:block;height:100%;background:linear-gradient(90deg,#ffe293,#eeb152);transition:width .12s linear}.tip{color:#efe2cc;font-size:12px;max-width:460px;min-height:2.4em}.renderfault{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#0b1d0baa;backdrop-filter:blur(3px)}.renderfault .panel{max-width:360px;text-align:center;padding:22px 24px}.renderfault h3{margin:0 0 8px}.renderfault p{color:#efe2cc;font-size:13px;margin:0 0 16px;line-height:1.4}.online-attack{width:100%;margin:4px 0 2px;justify-content:center}.camp-divider{text-align:center;opacity:.7;margin:8px 0 2px}.reportbell{position:relative}.reportbell .unread{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#e35142;color:#fff;font-size:10px;font-weight:900;line-height:16px;text-align:center;border:2px solid var(--edge)}.repair-banner{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:12px;background:#5a1d1d;border:3px solid var(--edge);color:#ffe9d6;font-size:12.5px;font-weight:800;box-shadow:0 4px 14px #0007}.repair-banner .btn{padding:4px 10px}.repair-banner .btn img{height:14px;vertical-align:-2px}.under-attack{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#0008;backdrop-filter:blur(2px)}.under-attack .panel{max-width:340px;text-align:center;padding:20px 22px}.under-attack .ua-icon{font-size:40px;animation:bob 1s ease-in-out infinite}.under-attack h3{margin:6px 0}.under-attack p{color:#efe2cc;font-size:13px;line-height:1.5;margin:0 0 14px}.under-attack .rowbtns{display:flex;gap:8px;justify-content:center}.under-attack .panel.onlineunlock{max-width:380px}.panel.onlineunlock h3{color:var(--accent);font-family:var(--display);font-size:20px}.panel.onlineunlock p img{height:16px;width:auto;vertical-align:middle;margin:0 1px}.watchbtn{padding:4px 12px;font-size:15px}.panel.gift{max-width:392px;position:relative;overflow:hidden;border:2px solid #ffcf4b66;box-shadow:0 18px 60px #000a,inset 0 0 50px #ffcf4b18}.panel.gift .gift-ribbon{position:absolute;top:12px;right:-34px;transform:rotate(38deg);background:linear-gradient(180deg,#ffd86b,#f0a93a);color:#3a2400;font-weight:800;font-size:11px;letter-spacing:.3px;padding:4px 40px;box-shadow:0 3px 8px #0006}.panel.gift .gift-emoji{font-size:52px;line-height:1;filter:drop-shadow(0 6px 10px #0007);animation:bob 1.8s ease-in-out infinite}.panel.gift h3{font-family:var(--display);font-size:23px;color:var(--accent);margin:8px 0 2px;text-shadow:0 3px 0 #00000044}.panel.gift .gift-sub{color:#efe2cc;font-size:13px;line-height:1.45;margin:0 0 14px}.gift-rewards{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.gift-reward{flex:1;background:#0003;border:1px solid #ffffff14;border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;gap:3px;align-items:center}.gift-reward .gr-amt{font-family:var(--display);font-size:19px;color:#ffe9a8}.gift-reward .gr-lbl{font-size:11px;color:#d9cdb6;display:flex;align-items:center;gap:3px}.gift-reward .gr-lbl img{height:14px;width:auto;image-rendering:pixelated}.gift-price{font-size:16px;color:#fff;margin-bottom:6px}.gift-price b{color:#b9f6c0;font-size:18px}.gift-price .gift-gas{font-size:11px;color:#b9ad97}.gift-note{color:#c9bfa8;font-size:11.5px;line-height:1.4;margin:0 0 14px}.gift-stage{color:#ffe9a8;font-size:12px;margin-bottom:8px;min-height:16px}.gift-err{color:#ff9b9b;font-size:12px;margin-bottom:8px}.gift-btns{display:flex;flex-direction:column;align-items:center;gap:8px}.gift-buy{width:100%}.gift-later{color:#b9ad97;font-size:13px;background:none;border:none;cursor:pointer;padding:4px;transition:color .15s}.gift-later:hover{color:#efe2cc}.gift-later:disabled{opacity:.5;cursor:default}.bigbtn.attack{position:relative}.cd-badge{position:absolute;top:-8px;right:-8px;background:#2b2b3a;color:#ffd9a8;font-size:11px;font-weight:900;padding:2px 7px;border-radius:10px;border:2px solid var(--edge);white-space:nowrap}button.chip.gem{cursor:pointer;font:inherit}button.chip.gem:active{transform:translateY(2px);box-shadow:0 2px #0004,inset 0 2px #fff2}.chip.gem .badge.gly{background:radial-gradient(circle at 36% 28%,#ff9bb0,#b81d3e)}.chip.gem .val{color:#ff8fa6}.sheet.swap{gap:11px}.swapbal{font-family:var(--display);font-size:13px;color:#ffd9e1;background:#00000026;border:2px solid #00000033;border-radius:11px;padding:9px 11px}.swapbal b{color:#ff8fa6;font-size:16px}.walletrow{font-size:12px;font-weight:800;color:var(--muted)}.walletrow b{color:#fff6e2;font-family:var(--display)}.swaprow{display:flex;align-items:center;gap:10px}.swapinput{flex:1;min-width:0;font-family:var(--display);font-size:20px;color:#fff6e2;background:#00000040;border:2px solid var(--edge);border-radius:11px;padding:9px 12px;text-align:center}.swaprow .arrow{font-family:var(--display);font-size:18px;color:var(--muted)}.swaptokens{flex:1;text-align:center;font-family:var(--display);font-size:18px;color:#7be0a0}.swaptokens small{font-size:11px;color:var(--muted)}.swapquick{display:flex;gap:8px}.swapquick .btn{flex:1}.swapmsg{font-size:12px;font-weight:800;border-radius:10px;padding:9px 11px}.swapmsg.ok{color:#bff3cf;background:#1f5a3322;border:2px solid #2f7a4a55}.swapmsg.err{color:#ff9a8c;background:#5a1f1f22;border:2px solid #e3514255}.swapnote{font-size:11px;font-weight:700;color:var(--muted);line-height:1.45}.swapnote.dim{opacity:.8;border-top:1px solid #ffffff14;padding-top:9px}.walletpop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,88vw);padding:20px 18px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;z-index:60}.walletpop .wp-emoji{font-size:34px;line-height:1}.walletpop h3{font-family:var(--display);font-size:19px;color:var(--accent)}.walletpop p{font-size:12px;font-weight:700;color:var(--muted);line-height:1.5}.walletpop .btn.big{margin-top:2px}.walletpop .hl{font-size:12px;margin-top:2px}.hl.dim{opacity:.65;font-weight:700}.swapconfirm{background:#00000026;border:2px solid #00000033;border-radius:11px;padding:11px;display:flex;flex-direction:column;gap:8px;text-align:center}.swapconfirm .q{font-family:var(--display);font-size:14px;color:#fff6e2}.swapconfirm .q b{color:#7be0a0}.swapconfirm .to{font-size:11px;font-weight:800;color:var(--muted)}.swapconfirm-btns{display:flex;gap:8px}.swapconfirm-btns .btn{flex:1}.swapstage{font-size:11.5px;font-weight:800;color:#ffe6a8;background:#00000026;border-radius:8px;padding:6px 8px}.gemstack{display:flex;flex-direction:column;align-items:stretch;gap:3px}.gembtns{display:flex;gap:3px}.gembuy,.gemswap{flex:1;font-family:var(--display);cursor:pointer;font-size:11px;color:#3a1320;letter-spacing:.3px;padding:3px 8px;border-radius:999px;border:2px solid var(--edge);white-space:nowrap;box-shadow:0 3px #0004,inset 0 1px #fff6;transition:transform .08s,box-shadow .08s}.gemswap{background:linear-gradient(180deg,#6fe8d8,#2aa898);color:#0c332d}.gembuy{background:linear-gradient(180deg,#ffe07a,#f0a821);color:#4a2c08}.gembuy:active,.gemswap:active{transform:translateY(2px);box-shadow:0 1px #0004,inset 0 1px #fff6}.collectstack{display:inline-flex;flex-direction:column;align-items:center;gap:5px;align-self:center}.btn.protect{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(180deg,#4a78c8,#2f548f);border-color:#1b3056;box-shadow:0 5px #16263f,inset 0 2px #fff2;color:#eaf3ff;font-size:12px;padding:6px 12px}.btn.protect.on{background:linear-gradient(180deg,#3aa564,#21794a);border-color:#145232;box-shadow:0 5px #0f3a24,inset 0 2px #fff2}.btn.protect:active{transform:translateY(3px);box-shadow:0 1px #16263f,inset 0 1px #ffffff1f}.swapcd{font-family:var(--display);font-size:12.5px;color:#ffd9a8;background:#3a210a44;border:2px solid #b9701f55;border-radius:10px;padding:8px 11px;text-align:center}.swapcd b{color:#ffe9b0}.swapopen{font-family:var(--display);font-size:12.5px;color:#b8f5c0;background:#103a1c55;border:2px solid #3fae5f66;border-radius:10px;padding:8px 11px;text-align:center}.swapopen b{color:#d6ffdf}.shieldstatus{font-family:var(--display);font-size:12.5px;line-height:1.45;color:#d7e6ff;background:#00000026;border:2px solid #2f548f55;border-radius:11px;padding:9px 11px}.shieldstatus.on{color:#c9f4d8;border-color:#21794a66;background:#0c2a1a44}.shieldstatus b{color:#ffe9b0}.protect-sheet .bundle .bg-gems{font-size:17px}.bundle.cant{opacity:.55}.sheet.shop{gap:11px}.burntbanner{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;row-gap:1px;background:linear-gradient(180deg,#3a1206,#25110a);border:2px solid #ff6a1f55;border-radius:13px;padding:9px 13px;box-shadow:inset 0 0 18px #ff5a0022,0 0 16px #ff5a0018}.burntbanner .bb-flame{grid-row:1 / span 2;font-size:26px;line-height:1;filter:drop-shadow(0 0 6px #ff7a1f88);animation:bbFlicker 1.6s ease-in-out infinite}.burntbanner .bb-row{grid-column:2;grid-row:1;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.burntbanner .bb-num{font-family:var(--display);font-size:22px;font-weight:900;color:#ffb454;letter-spacing:.3px;text-shadow:0 0 10px #ff7a1f55;font-variant-numeric:tabular-nums}.burntbanner .bb-lbl{font-family:var(--display);font-size:12px;font-weight:800;color:#ff9a52}.burntbanner .bb-sub{grid-column:2;grid-row:2;font-size:10px;font-weight:700;color:#c98a63;text-transform:uppercase;letter-spacing:.4px}@keyframes bbFlicker{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12) rotate(-3deg);opacity:.85}}.shopbal{font-family:var(--display);font-size:13px;color:#ffe9b0;background:#00000026;border:2px solid #00000033;border-radius:11px;padding:9px 11px;display:inline-flex;align-items:center;gap:5px}.shopbal b{color:#ffcf4b;font-size:16px}.bundlegrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bundle{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 8px 10px;border-radius:13px;cursor:pointer;overflow:hidden;border:2px solid var(--edge);background:linear-gradient(180deg,#2c4a1f,#1d3414);box-shadow:0 4px #11250b,inset 0 1px #ffffff1f;transition:transform .08s,box-shadow .08s,filter .08s}.bundle:hover{filter:brightness(1.06)}.bundle:active{transform:translateY(3px);box-shadow:0 1px #11250b,inset 0 1px #ffffff1f}.bundle:disabled{opacity:.55;cursor:default;filter:none;transform:none}.bundle.best{border-color:#ffd24b;box-shadow:0 4px #11250b,inset 0 0 0 2px #ffd24b55,0 0 14px #ffd24b33;grid-column:1 / -1}.bundle.best .bg-gems{font-size:22px}.bundle .bg-gems{font-family:var(--display);font-size:19px;color:#fff6e2;display:inline-flex;align-items:center;gap:5px;line-height:1}.bundle .bg-cost{font-size:11.5px;font-weight:800;color:#ffcf4b;margin-top:3px}.bundle .bg-usd{font-size:10.5px;font-weight:800;color:var(--muted)}.bundle .bg-busy{margin-top:4px;font-size:10px;font-weight:800;color:#bfe9ff}.bundle .tag{position:absolute;top:0;right:0;font-family:var(--display);font-size:9px;letter-spacing:.3px;padding:2px 8px;border-bottom-left-radius:9px;color:#2a1c04;vertical-align:baseline}.bundle .tag.best{background:linear-gradient(180deg,#ffe07a,#f0a821)}.bundle .tag.pop{background:linear-gradient(180deg,#9be8ff,#36b6e0);color:#06303f}.getgems{font-size:11.5px;font-weight:800;align-self:center}.troopsum.troopsum{display:inline-flex;gap:9px;align-items:center}.troopsum .ts{display:inline-flex;align-items:center;gap:2px}html,body,#root{overscroll-behavior:none}body{touch-action:manipulation;-webkit-touch-callout:none}#game,#game canvas{touch-action:none}.topbar{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.topright{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.dock-left{left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom))}.dock-right{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.settings{right:max(12px,env(safe-area-inset-right))}.sheet{right:max(12px,env(safe-area-inset-right));width:min(330px,calc(100vw - 24px))}.zoomctl{position:absolute;left:max(12px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;z-index:5}.zoombtn{width:44px;height:44px;padding:0;font-family:var(--display);font-size:26px;line-height:1;color:var(--ink)}.is-touch .x{padding:8px;margin:-8px;font-size:20px}@media (max-width: 480px){.screen{padding:18px;gap:13px}.screen .logo{font-size:46px}.screen .logo.small{font-size:30px}.title-emblem{width:156px}.screen .tagline{font-size:13px}.res{min-width:104px;padding:3px 12px 3px 3px}.res .badge{width:28px;height:28px}.res .badge img{width:21px;height:21px}.res .amt{font-size:17px}.bigbtn{width:72px;height:72px;border-radius:18px}.bigbtn .glyph{font-size:26px}.bigbtn .lbl{font-size:12px}.dock-left{gap:9px}.iconbtn.lg{width:48px;height:48px}.sheet{top:max(64px,calc(env(safe-area-inset-top) + 52px));max-height:calc(100% - 168px)}.coach-card{max-width:min(290px,calc(100vw - 28px))}}@media (orientation: landscape) and (max-height: 480px){.bigbtn{width:64px;height:64px}.bigbtn .glyph{font-size:23px}.bigbtn .lbl{font-size:11px}.sheet{top:max(10px,env(safe-area-inset-top));max-height:calc(100% - 20px);width:min(300px,44vw)}.settings{top:max(10px,env(safe-area-inset-top))}.zoomctl{gap:7px}.zoombtn{width:40px;height:40px}}.sheet-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#08060aad;padding:18px;overflow:auto}.panel.sharecard{position:relative;width:min(420px,94vw);padding:16px 16px 18px;text-align:center;display:flex;flex-direction:column;gap:12px}.panel.sharecard h3{font-family:var(--display);font-size:18px;color:var(--accent);letter-spacing:.4px}.share-img{width:100%;border-radius:12px;border:3px solid #0a0703;box-shadow:0 6px #0005;image-rendering:pixelated;display:block}.share-state{padding:60px 10px;font-family:var(--display);font-size:15px;color:var(--muted)}.share-actions{display:flex;gap:10px;justify-content:center}.share-actions .btn{flex:1;max-width:170px}.clan-overlay{position:fixed;inset:0;z-index:60;background:transparent}.clanpanel{position:absolute;left:16px;bottom:16px;width:360px;max-width:calc(100vw - 32px);height:min(74vh,620px);display:flex;flex-direction:column;padding:0;overflow:hidden}.clan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:linear-gradient(180deg,#5c4733,#4a3829);border-bottom:3px solid var(--edge)}.clan-title{display:flex;align-items:center;gap:10px;min-width:0}.clan-titletext{display:flex;flex-direction:column;line-height:1.12;min-width:0}.clan-titletext b{font-family:var(--display);font-size:17px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-sub{font-size:11px;color:var(--muted);text-transform:capitalize}.clanbadge{border-radius:9px;object-fit:cover;border:2px solid var(--edge);background:#2a2016;box-shadow:0 2px #00000040}.clanbadge.ph{display:inline-flex;align-items:center;justify-content:center}.clan-body{display:flex;flex-direction:column;min-height:0;flex:1}.clan-tabs{display:flex;gap:6px;padding:8px 10px 0}.clan-tabs button{flex:1;font-family:var(--display);font-size:13px;color:var(--muted);background:#3a2c1e;border:2px solid var(--edge);border-bottom:none;border-radius:9px 9px 0 0;padding:7px 4px;cursor:pointer}.clan-tabs button.on{color:var(--ink);background:#5c4733}.clan-tabs .cnt{font-size:11px;background:#00000040;border-radius:8px;padding:0 5px;margin-left:3px}.clan-tabs .cnt.warn{background:var(--attack);color:#fff}.clan-empty{color:var(--muted);text-align:center;padding:22px 12px;font-size:13px}.clan-browse,.clan-create,.clan-members,.clan-requests,.clan-chat{display:flex;flex-direction:column;min-height:0;flex:1;padding:10px;gap:8px;overflow:hidden}.clan-search{display:flex;gap:6px}.clan-search input,.clan-input,.clan-reqbox input,.clan-compose input,.clan-rival-form input,.clan-fields input{font-family:var(--body);font-size:13px;color:var(--ink);background:#2a2016;border:2px solid var(--edge);border-radius:9px;padding:8px 10px;width:100%;box-sizing:border-box}.clan-list{display:flex;flex-direction:column;gap:7px;overflow-y:auto}.clan-row{background:#3a2c1e80;border:2px solid var(--edge);border-radius:11px;padding:8px}.clan-rowtop{display:flex;align-items:center;gap:9px}.clan-row-main{display:flex;flex-direction:column;min-width:0;flex:1}.clan-row-main b{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-row-meta{font-size:11px;color:var(--muted)}.clan-locked{font-size:11px;color:var(--bad);white-space:nowrap}.clan-reqbox{display:flex;gap:6px;margin-top:7px}.clan-sort{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.clan-sort button{font-family:var(--display);font-size:12px;color:var(--muted);background:#2a2016;border:2px solid var(--edge);border-radius:8px;padding:5px 9px;cursor:pointer}.clan-sort button.on{color:var(--ink);background:#5c4733;border-color:var(--accent)}.clan-rankbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 10px 0;padding:7px 11px;background:linear-gradient(180deg,#4a3a26,#3a2c1e);border:2px solid var(--edge);border-radius:11px}.clan-rankinfo{display:flex;align-items:baseline;gap:8px;min-width:0}.clan-rankno{font-family:var(--display);font-size:18px;color:#ffcf5a}.clan-rankmeta{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-leaderboard{display:flex;flex-direction:column;min-height:0;flex:1;padding:10px;gap:8px;overflow:hidden}.clan-lb-head{display:flex;align-items:center;gap:9px}.clan-lb-head b{font-family:var(--display);font-size:15px;color:var(--ink)}.clan-lb-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.clan-lb-row{display:flex;align-items:center;gap:9px;background:#3a2c1e80;border:2px solid var(--edge);border-radius:11px;padding:7px 9px}.clan-lb-row.me{border-color:var(--accent);background:#5c473340}.clan-lb-rank{font-family:var(--display);font-size:14px;color:var(--muted);min-width:26px;text-align:center}.clan-lb-rank.top{color:#ffcf5a}.clan-lb-main{display:flex;flex-direction:column;min-width:0;flex:1}.clan-lb-main b{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-lb-tr{font-size:13px;color:var(--ink);white-space:nowrap}.mayhem-banner{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:stretch;padding:4px 10px;border-radius:10px;border:2px solid #ffb338;background:linear-gradient(180deg,#b5301a,#7e1f12);color:#fff;box-shadow:0 3px #00000050,0 0 10px #ff6a2a55;font-family:var(--display);animation:mhpulse 1.6s ease-in-out infinite}.mayhem-banner .mh-title{font-size:12px;color:#ffd24a;white-space:nowrap}.mayhem-banner .mh-timer{font-size:13px;color:#fff;background:#00000040;border-radius:7px;padding:1px 7px;white-space:nowrap}@keyframes mhpulse{0%,to{box-shadow:0 3px #00000050,0 0 8px #ff6a2a44}50%{box-shadow:0 3px #00000050,0 0 16px #ff6a2a88}}.clan-create{overflow-y:auto}.clan-edit-head{display:flex;align-items:center;gap:10px}.clan-edit-head b{font-family:var(--display);font-size:15px;color:var(--ink)}.clan-confirm-scrim{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0007;border-radius:inherit;padding:18px}.clan-confirm{background:#3a2c1e;border:2px solid var(--edge);border-radius:14px;padding:16px;max-width:320px;box-shadow:0 8px 24px #00000070}.clan-confirm h4{font-family:var(--display);font-size:16px;color:var(--ink);margin:0 0 6px}.clan-confirm p{font-size:12.5px;color:var(--muted);line-height:1.4;margin:0 0 14px}.clan-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.clan-badge-pick{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;align-self:center}.clan-badge-pick span{font-size:12px;color:var(--accent)}.clan-typepick{display:flex;gap:6px}.clan-typepick button{flex:1;font-family:var(--display);font-size:12px;color:var(--muted);background:#2a2016;border:2px solid var(--edge);border-radius:9px;padding:7px 4px;cursor:pointer}.clan-typepick button.on{color:#1d3208;background:linear-gradient(180deg,#9be05a,#5da12c);border-color:#3d6a1c}.clan-fields{display:flex;gap:6px}.clan-fields label{flex:1;display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted)}.clan-members,.clan-requests{overflow-y:auto;gap:6px}.clan-mrow,.clan-reqrow{display:flex;align-items:center;gap:8px;background:#3a2c1e80;border:2px solid var(--edge);border-radius:10px;padding:7px 9px}.clan-mmain{display:flex;flex-direction:column;min-width:0;flex:1}.clan-mmain b{font-size:13px;color:var(--ink)}.role-leader{font-size:10px;color:var(--trophy)}.clan-mstat{font-size:12px;color:var(--muted);white-space:nowrap}.clan-reqmsg{font-size:11px;color:var(--accent);font-style:italic}.pres{width:9px;height:9px;border-radius:50%;flex:none}.pres.on{background:var(--good);box-shadow:0 0 6px var(--good)}.pres.off{background:#6b5a48}.clan-rival{padding-bottom:2px}.clan-rival .btn.rival{width:100%;background:linear-gradient(180deg,#ff8b7e,#d83f30);color:#fff;border:2px solid #8a2a1f;border-radius:11px;box-shadow:0 4px #7e2016,inset 0 2px #fff4;padding:8px;font-family:var(--display);cursor:pointer}.clan-rival-form{display:flex;gap:6px;align-items:center}.clan-rival-form input{flex:1}.clan-rival-open{font-size:12px;color:var(--accent);background:#3a2c1e;border:2px dashed #7a5d3a;border-radius:9px;padding:7px 9px}.clan-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:4px 2px}.cmsg{font-size:13px;line-height:1.35}.cmsg.chat{background:#3a2c1e;border-radius:9px;padding:5px 9px;align-self:flex-start;max-width:86%}.cmsg.chat.mine{background:#4a5a2c;align-self:flex-end}.cmsg .cauthor{display:block;font-size:10px;color:var(--accent);font-weight:700}.cmsg .cbody{color:var(--ink);word-break:break-word}.cmsg.system{text-align:center;font-size:11px;color:var(--muted);font-style:italic}.cmsg.duelres{text-align:center;font-size:12px;color:var(--trophy);background:#00000030;border-radius:8px;padding:4px 8px}.cmsg.challenge{background:#4a3a1e;border:2px solid #7a5d2a;border-radius:10px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.cmsg.challenge .ch-main{font-size:12px;color:var(--ink)}.ch-off,.ch-mine{font-size:11px;color:var(--muted);white-space:nowrap}.clan-compose{display:flex;gap:6px}.clan-compose input{flex:1}.clan-foot{padding:8px 10px;border-top:2px solid var(--edge);text-align:center}.btn.sm{font-size:12px;padding:6px 12px;border-radius:9px;box-shadow:0 3px #00000040,inset 0 2px #fff3}.btn.sm:active{transform:translateY(2px)}.bigbtn.clanbtn{background:linear-gradient(180deg,#6f86c4,#41598f);color:#fff;box-shadow:0 6px #283a63,inset 0 2px #fff4;position:relative;max-width:132px}.bigbtn.clanbtn .lbl{color:#fff;text-shadow:0 1px 0 #00000044;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:104px}.bigbtn.clanbtn .clanbadge{border-radius:7px}.duelbanner{font-family:var(--display);font-size:22px;padding:2px 0 4px}.duelbanner.win{color:var(--good)}.duelbanner.lose{color:var(--bad)}.duelpot{font-family:var(--display);font-size:18px;display:inline-flex;align-items:center;gap:5px;margin:6px 0;padding:4px 14px;border-radius:10px}.duelpot.win{color:#1d3208;background:linear-gradient(180deg,#9be05a,#5da12c)}.duelpot.lose{color:#fff;background:linear-gradient(180deg,#f08a7e,#d2483a)}.clan-trades{overflow-y:auto;gap:8px}.trade-form{background:#3a2c1e80;border:2px solid var(--edge);border-radius:11px;padding:9px;display:flex;flex-direction:column;gap:7px}.trade-row{display:flex;align-items:center;gap:6px}.trade-lbl{font-size:11px;color:var(--muted);width:54px;flex:none}.trade-row input{flex:1;font-family:var(--body);font-size:13px;color:var(--ink);background:#2a2016;border:2px solid var(--edge);border-radius:9px;padding:7px 9px;min-width:0}.trade-row select{font-family:var(--body);font-size:13px;color:var(--ink);background:#2a2016;border:2px solid var(--edge);border-radius:9px;padding:7px 8px;cursor:pointer}.trade-arrow{font-size:11px;color:var(--accent);text-align:center}.trade-warn{font-size:11px;color:var(--bad);text-align:center}.trade-list-title{font-family:var(--display);font-size:13px;color:var(--muted);margin-top:4px}.trade-list{display:flex;flex-direction:column;gap:6px}.trade-card{display:flex;align-items:center;gap:8px;background:#3a2c1e80;border:2px solid var(--edge);border-radius:10px;padding:7px 9px}.trade-card-main{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.trade-card-main b{font-size:12px;color:var(--ink)}.trade-deal{display:inline-flex;align-items:center;gap:3px;font-size:13px;color:var(--ink);flex-wrap:wrap}.trade-deal img{vertical-align:-2px}.trade-for{color:var(--accent);margin:0 2px}.cmsg.trade{background:#2c3a3e;border:2px solid #3a6a72;border-radius:10px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.cmsg.trade .ch-main{font-size:12px;color:var(--ink);display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap}.scout-attack{margin-top:6px}.scout-attack .btn.big{flex:1;padding:13px 22px}.manual-tray{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;max-width:96vw;z-index:30}.tray-head{font-family:var(--display);font-size:15px;color:var(--ink);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.tray-head .glyph{font-size:16px}.tray-head b{color:var(--accent)}.tray-caret{color:var(--muted);font-size:12px}.tray-rows{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tray-troop{position:relative;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:#2a2016;border:2px solid var(--edge);border-radius:11px;cursor:pointer}.tray-troop.on{border-color:var(--accent);background:#4a3a1e}.tray-troop.out{opacity:.4;cursor:not-allowed}.tray-count{position:absolute;bottom:-5px;right:-5px;background:#2b2b3a;color:#ffd9a8;font-size:11px;font-family:var(--display);padding:0 5px;border-radius:8px;border:1px solid #0008}.tray-empty{color:var(--muted);font-size:12px}.tray-hint{font-size:11px;color:var(--accent)}.manual-status{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;padding:8px 14px;z-index:30}.ms-timer{font-family:var(--display);font-size:16px;color:var(--ink)}.ms-pct{font-family:var(--display);font-size:16px;color:var(--accent)}.ms-stars span{color:#5a4632;font-size:16px}.ms-stars span.on{color:var(--trophy)}