:root{--coin:#f7931a;--coin-accent:#ffc46b;--bg:#070a14;--glass:#0d1120a8;--glass-soft:#0d112080;--line:#ffffff1a;--line-strong:#fff3;--text:#f0f3ff;--text-dim:#eef1ffa3;--gold:#ffd257;--cyan:#35e0ff;--red:#ff4d5e;--green:#3dd97e;--radius:18px;--shadow-deep:0 18px 50px #00000080, 0 4px 14px #00000059;--inset-hi:inset 0 1px 0 #ffffff1a;--font:"Nunito", ui-rounded, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display:"Fredoka", "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.hidden{display:none!important}.app-root{position:fixed;inset:0}.game-layer{position:absolute;inset:0}.game-layer canvas{width:100%;height:100%;display:block}.ui-layer{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.ui-layer>*{pointer-events:auto}.label-layer{z-index:5;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.overlay{z-index:40;justify-content:center;align-items:center;animation:.25s both fadeIn;display:flex;position:absolute;inset:0}.glass{-webkit-backdrop-filter:blur(18px)saturate(1.5);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-deep), var(--inset-hi);background:linear-gradient(165deg,#181e3ab8,#090c18ad)}.btn{font-family:var(--font-display);letter-spacing:.06em;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 22px;font-size:15px;font-weight:800;transition:transform .12s,box-shadow .2s,filter .2s;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.95)}.btn:disabled{filter:grayscale(.8)brightness(.6);cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--coin), var(--coin-accent));color:#10131f;text-shadow:0 1px #ffffff40;box-shadow:0 6px 22px color-mix(in srgb, var(--coin) 50%, transparent), inset 0 1px 0 #ffffff73, inset 0 -2px 0 #0000002e}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff8c 48%,#ffffff29 62%,#0000);width:42%;animation:3.4s ease-in-out infinite sheen;position:absolute;top:-40%;bottom:-40%;left:-70%;transform:skew(-18deg)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 30px color-mix(in srgb, var(--coin) 75%, transparent), inset 0 1px 0 #ffffff80, inset 0 -2px 0 #0000002e;filter:brightness(1.1)saturate(1.1);transform:translateY(-1px)}.btn-danger{color:#1a0d10;background:linear-gradient(135deg,#ff4d5e,#ff8a5c);box-shadow:0 6px 22px #ff4d5e73,inset 0 1px #fff6,inset 0 -2px #0003}.btn-danger:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 30px #ff4d5eb3,inset 0 1px #ffffff73}.btn-ghost{border:1px solid var(--line-strong);box-shadow:var(--inset-hi);background:linear-gradient(160deg,#ffffff1a,#ffffff0a)}.btn-ghost:hover:not(:disabled){border-color:color-mix(in srgb, var(--coin) 45%, var(--line-strong));background:linear-gradient(160deg,#ffffff29,#ffffff12)}.btn-row{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.icon-btn{border:1px solid var(--line);min-width:34px;min-height:34px;box-shadow:var(--inset-hi);background:linear-gradient(160deg,#ffffff1a,#ffffff08);border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:800;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--coin) 50%, var(--line));background:linear-gradient(160deg,#ffffff2e,#ffffff12)}.icon-btn:active{transform:scale(.92)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#ffffff38,#ffffff1f);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--coin) 65%, transparent)}.splash{background:radial-gradient(90% 70% at 50% 20%, color-mix(in srgb, var(--coin) 14%, transparent), transparent 70%), radial-gradient(120% 120% at 50% 30%, #131931f0, #05070efa);z-index:100}.splash-box{flex-direction:column;align-items:center;gap:18px;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:var(--coin);width:44px;height:44px;box-shadow:0 0 24px color-mix(in srgb, var(--coin) 35%, transparent);border-radius:50%;animation:.9s linear infinite spin}.splash-status{color:var(--text-dim);letter-spacing:.08em;font-size:14px}.login-wrap{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.login-logo{text-align:center;filter:drop-shadow(0 10px 34px color-mix(in srgb, var(--coin) 55%, transparent))}.login-logo-top{letter-spacing:.55em;text-indent:.55em;color:var(--text-dim);text-shadow:0 2px 12px #0009;font-size:clamp(16px,2.6vw,24px);font-weight:800}.login-logo-main{font-size:clamp(44px,9vw,84px);font-family:var(--font-display);letter-spacing:.12em;background:linear-gradient(100deg, #fff 0%, var(--coin-accent) 28%, var(--coin) 46%, #fff8ea 50%, var(--coin) 54%, var(--coin-accent) 72%, #fff 100%);color:#0000;-webkit-text-stroke:1px #ffffff24;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1;animation:5.5s ease-in-out infinite shimmer}.login-card{width:min(400px,94vw);max-height:78vh;padding:22px;overflow-y:auto}.login-heading{text-align:center;font-family:var(--font-display);letter-spacing:.12em;color:var(--text);margin-bottom:7px;font-size:16px;font-weight:900}.login-subtitle{text-align:center;color:var(--text-dim);margin-bottom:16px;font-size:13px;line-height:1.45}.login-logout{letter-spacing:.08em;width:100%;min-height:40px;font-size:12px}.player-logout{min-width:30px;min-height:30px;color:var(--text-dim);flex:none;margin-left:2px}.tabs{border:1px solid var(--line);background:#0000004d;border-radius:12px;gap:6px;margin-bottom:16px;padding:4px;display:flex;box-shadow:inset 0 2px 6px #00000059}.tab{letter-spacing:.1em;min-height:40px;color:var(--text-dim);border-radius:9px;flex:1;font-size:13px;font-weight:800;transition:all .2s}.tab-active{background:linear-gradient(135deg, var(--coin), var(--coin-accent));color:#10131f;box-shadow:0 3px 16px color-mix(in srgb, var(--coin) 55%, transparent), inset 0 1px 0 #fff6}.login-form{flex-direction:column;gap:12px;display:flex}.text-input{border:1px solid var(--line-strong);min-height:46px;color:var(--text);background:#00000061;border-radius:12px;outline:none;padding:0 16px;font-size:15px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 6px #0000004d}.text-input:focus{border-color:var(--coin);box-shadow:0 0 0 3px color-mix(in srgb, var(--coin) 28%, transparent), 0 0 18px color-mix(in srgb, var(--coin) 22%, transparent), inset 0 2px 6px #0000004d}.coin-picker{flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px;animation:.3s both slideUp;display:flex}.coin-carousel{align-items:center;gap:10px;display:flex}.carousel-arrow{border:1px solid var(--line-strong);width:44px;height:44px;box-shadow:var(--inset-hi);background:linear-gradient(160deg,#ffffff1a,#ffffff08);border-radius:50%;font-size:26px;font-weight:800;transition:all .15s}.carousel-arrow:hover{background:color-mix(in srgb, var(--coin) 30%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--coin) 50%, transparent), var(--inset-hi);transform:scale(1.06)}.coin-stage{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--coin) 16%, transparent), transparent 68%);border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;display:flex}.coin-preview-canvas{width:190px;height:190px}.coin-title{letter-spacing:.06em;text-shadow:0 2px 14px color-mix(in srgb, var(--coin) 40%, transparent);font-size:21px;font-weight:900}.coin-tagline{color:var(--text-dim);font-size:13px;font-style:italic}.ability-card{border:1px solid color-mix(in srgb, var(--coin) 35%, var(--line-strong));background:linear-gradient(160deg, color-mix(in srgb, var(--coin) 12%, transparent), #ffffff08);width:100%;box-shadow:var(--inset-hi), 0 0 22px color-mix(in srgb, var(--coin) 12%, transparent);text-align:center;border-radius:12px;padding:10px 14px;transition:border-color .3s,box-shadow .3s}.ability-name{letter-spacing:.08em;text-transform:uppercase;color:var(--coin-accent);text-shadow:0 0 14px color-mix(in srgb, var(--coin) 55%, transparent);font-size:14px;font-weight:900}.ability-desc{color:var(--text-dim);margin-top:2px;font-size:13px}.coin-dots{gap:6px;margin-top:2px;display:flex}.coin-dot{cursor:pointer;background:#ffffff2e;border-radius:50%;width:8px;height:8px;transition:all .2s}.coin-dot-active{background:var(--coin);box-shadow:0 0 10px var(--coin);transform:scale(1.35)}.form-error{color:#ffb3ba;background:#ff4d5e24;border:1px solid #ff4d5e73;border-radius:10px;padding:9px 12px;font-size:13px;animation:.25s both pop}.login-submit{margin-top:4px}.hud{pointer-events:none;z-index:20;position:absolute;inset:0}.hud-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:10px;left:10px;right:10px}.player-chip{pointer-events:auto;align-items:center;gap:10px;padding:7px 14px 7px 8px;display:flex}.coin-badge{color:#10131f;width:32px;height:32px;box-shadow:0 0 12px color-mix(in srgb, var(--coin) 45%, transparent), inset 0 1px 0 #ffffff80, inset 0 -2px 3px #00000040;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:inline-flex}.player-name{font-weight:800;font-family:var(--font-display);font-size:14px;line-height:1.15}.player-coin-name{color:var(--text-dim);font-size:11px}.res-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.res-pill{pointer-events:auto;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:800;display:flex}.res-icon{filter:drop-shadow(0 0 6px);font-size:15px;line-height:1}.res-coins .res-icon,.loot-coins,.cost-coins{color:var(--gold)}.res-gas .res-icon,.loot-gas,.cost-gas{color:var(--cyan)}.cost-gold{color:#ffcf40}.res-trophy .res-icon,.res-trophy-icon{color:#c9a6ff}.res-gold .res-value,.gold-earned{color:#ffcf40;text-shadow:0 0 12px #ffcf4066}.troop-upgrade{white-space:nowrap;min-height:34px;margin-top:4px;padding:5px 12px;font-size:11px}.res-shield .res-icon{color:var(--green)}.res-value{font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:600}.res-cap{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.army-bar{pointer-events:auto;align-items:center;gap:10px;padding:10px 16px;display:flex;position:absolute;bottom:12px;left:10px}.army-label{font-size:11px;font-family:var(--font-display);letter-spacing:.14em;color:var(--text-dim);font-weight:900}.army-meter{background:#0006;border-radius:6px;width:110px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.army-meter-fill{background:linear-gradient(90deg, var(--coin), var(--coin-accent));width:0;height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--coin) 60%, transparent);border-radius:6px;transition:width .4s}.army-count{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.hud-actions{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:12px;right:12px}.action-wrap{pointer-events:auto;flex-direction:column;align-items:center;gap:4px;display:flex}.action-btn{-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--line-strong);width:58px;height:58px;box-shadow:0 8px 24px #00000080, var(--inset-hi);background:linear-gradient(165deg,#181e3acc,#090c18bf);border-radius:50%;transition:transform .12s,box-shadow .2s,border-color .2s}.action-btn:hover{box-shadow:0 10px 30px color-mix(in srgb, var(--coin) 45%, transparent), var(--inset-hi);border-color:color-mix(in srgb, var(--coin) 55%, var(--line-strong));transform:translateY(-3px)}.action-btn:active{transform:scale(.92)}.action-btn:disabled,.action-btn:disabled:hover{filter:grayscale(.85)brightness(.55);cursor:not-allowed;animation:none;transform:none;box-shadow:0 6px 18px #0006}.action-wrap.action-off .action-label{opacity:.45}.action-glyph{filter:drop-shadow(0 0 8px);font-size:24px;line-height:1}.action-attack{background:linear-gradient(135deg,#ff4d5e,#b81830);border-color:#ff828c8c;width:66px;height:66px;animation:2.6s ease-in-out infinite pulseGlow;box-shadow:0 6px 26px #ff4d5e8c,inset 0 1px #ffffff59,inset 0 -3px 6px #0000004d}.action-attack:hover{animation-play-state:paused;box-shadow:0 8px 34px #ff4d5ed9,inset 0 1px #fff6}.action-build .action-glyph{color:var(--gold)}.action-train .action-glyph{color:var(--cyan)}.action-practice .action-glyph{color:var(--green)}.action-ranks .action-glyph{color:#c9a6ff}.action-army .action-glyph{color:#ffa94d}.action-market .action-glyph{color:#5fd9b8}.action-label{font-size:11px;font-family:var(--font-display);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;text-shadow:0 2px 8px #000c;font-weight:800}.toast-stack{z-index:60;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none!important}.toast{-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--line-strong);text-align:center;max-width:min(420px,86vw);box-shadow:0 10px 30px #00000080, var(--inset-hi);background:linear-gradient(165deg,#181e3ad9,#090c18d1);border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;animation:.3s cubic-bezier(.2,1.4,.4,1) both toastIn}.toast-error{color:#ffc2c8;box-shadow:0 10px 30px #00000080, 0 0 24px #ff4d5e2e, var(--inset-hi);border-color:#ff4d5e8c}.toast-success{color:#b8f5d2;box-shadow:0 10px 30px #00000080, 0 0 24px #3dd97e2e, var(--inset-hi);border-color:#3dd97e8c}.toast-out{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-10px)}.fly-up{pointer-events:none;text-shadow:0 2px 8px #000000b3,0 0 18px;z-index:30;font-size:20px;font-weight:900;animation:1.3s ease-out both floatUp;position:absolute;transform:translate(-50%,-50%)}.fly-coins{color:var(--gold)}.fly-gas{color:var(--cyan)}.world-label{border:1px solid var(--line-strong);box-shadow:0 4px 14px #00000073, var(--inset-hi);font-variant-numeric:tabular-nums;color:var(--coin-accent);white-space:nowrap;pointer-events:none;will-change:transform;background:#080a14d1;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;position:absolute;top:0;left:0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);z-index:50;background:#03050b99}.modal-card{flex-direction:column;width:min(440px,92vw);max-height:82vh;padding:18px;display:flex}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-title{font-size:16px;font-family:var(--font-display);letter-spacing:.12em;background:linear-gradient(90deg, var(--coin), var(--coin-accent));color:#0000;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--coin) 30%, transparent));-webkit-background-clip:text;background-clip:text;font-weight:900}.modal-body{overflow-y:auto}.confirm-message{color:var(--text-dim);font-size:14px;line-height:1.5}.sheet-backdrop{z-index:50;background:#03050b66}.bottom-sheet{flex-direction:column;width:min(760px,92vw);max-height:78vh;padding:10px 16px 16px;display:flex}.sheet-in{animation:.28s cubic-bezier(.2,1.2,.4,1) both slideUp}.sheet-head{align-items:center;gap:12px;padding:4px 0 10px;display:flex;position:relative}.sheet-grab{background:#ffffff38;border-radius:4px;width:44px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sheet-title{font-size:15px;font-family:var(--font-display);letter-spacing:.14em;background:linear-gradient(90deg, var(--coin), var(--coin-accent));color:#0000;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--coin) 30%, transparent));-webkit-background-clip:text;background-clip:text;margin-top:8px;font-weight:900}.sheet-close{margin-top:8px;margin-left:auto}.sheet-body{padding-bottom:env(safe-area-inset-bottom,0);overflow-y:auto}.sheet-section{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:12px 2px 8px;font-size:11px;font-weight:900}.card-row{gap:10px;padding:2px 2px 8px;display:flex;overflow-x:auto}.panel-in{animation:.28s cubic-bezier(.2,1.3,.4,1) both pop}.panel-closing{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(12px)}.build-card,.troop-card{border:1px solid var(--line);width:132px;box-shadow:var(--inset-hi);text-align:center;background:linear-gradient(170deg,#ffffff14,#ffffff06);border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:5px;padding:12px 8px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.build-card:not(:disabled):hover{border-color:color-mix(in srgb, var(--coin) 65%, transparent);box-shadow:0 10px 26px color-mix(in srgb, var(--coin) 30%, transparent), var(--inset-hi);transform:translateY(-4px)}.card-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--coin) 24%, #ffffff1a), #ffffff08);border:1px solid color-mix(in srgb, var(--coin) 35%, var(--line-strong));width:46px;height:46px;box-shadow:var(--inset-hi), 0 0 14px color-mix(in srgb, var(--coin) 14%, transparent);color:var(--coin-accent);text-shadow:0 0 12px color-mix(in srgb, var(--coin) 60%, transparent);border-radius:12px;justify-content:center;align-items:center;font-size:24px;display:flex}.card-name{font-size:13px;font-weight:900}.card-sub{color:var(--text-dim);font-size:11px}.cost-pill,.time-pill{border:1px solid var(--line);white-space:nowrap;background:#00000061;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px 3px #0006}.time-pill{color:var(--text-dim);margin-left:6px}.card-locked{filter:grayscale(.75);opacity:.6}.card-locked-reason{color:#ffb36b;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.troop-badge{color:#10131f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:900;display:flex;box-shadow:0 3px 14px #00000073,inset 0 1px #ffffff80,inset 0 -2px 4px #00000040}.troop-stats{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.mini-stat{color:var(--text-dim);background:#ffffff12;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.troop-controls{align-items:center;gap:10px;margin-top:2px;display:flex}.troop-plus,.troop-minus{min-width:44px;min-height:36px;font-size:18px}.troop-plus{background:linear-gradient(135deg, var(--coin), var(--coin-accent));color:#10131f;box-shadow:0 3px 12px color-mix(in srgb, var(--coin) 45%, transparent), inset 0 1px 0 #fff6;border:none}.troop-count{font-variant-numeric:tabular-nums;min-width:40px;font-size:15px;font-weight:900}.train-housing{align-items:center;gap:10px;padding:4px 2px 8px;display:flex}.train-meter{flex:1;width:auto}.queue-row{align-items:center;gap:6px;min-height:40px;padding:2px;display:flex;overflow-x:auto}.queue-empty{color:var(--text-dim);font-size:12px}.queue-chip{border:1px solid var(--line);box-shadow:var(--inset-hi);background:linear-gradient(170deg,#ffffff1a,#ffffff0a);border-radius:10px;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:900;animation:.2s both pop;display:inline-flex}.queue-head{border-color:color-mix(in srgb, var(--coin) 70%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--coin) 35%, transparent), var(--inset-hi)}.queue-time{color:var(--coin-accent);font-variant-numeric:tabular-nums;font-size:11px}.info-panel{z-index:25;width:min(430px,94vw);max-height:82vh;padding:14px 16px;position:absolute;top:50%;left:50%;overflow-y:auto;translate:-50% -50%}.info-head{align-items:center;gap:10px;display:flex}.info-name{letter-spacing:.03em;font-size:17px;font-weight:900}.level-chip{background:linear-gradient(135deg, var(--coin), var(--coin-accent));color:#10131f;box-shadow:0 2px 10px color-mix(in srgb, var(--coin) 40%, transparent), inset 0 1px 0 #fff6;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:900}.info-head .icon-btn{margin-left:auto}.info-desc{color:var(--text-dim);margin:6px 0 8px;font-size:12px;line-height:1.45}.info-stats{flex-wrap:wrap;gap:6px;display:flex}.stat{border:1px solid var(--line);box-shadow:var(--inset-hi);background:linear-gradient(170deg,#ffffff12,#ffffff05);border-radius:10px;flex-direction:column;padding:5px 12px;display:flex}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:9px;font-weight:900}.stat-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.info-status{color:var(--coin-accent);margin-top:8px;font-size:12px;font-weight:800}.upgrade-info{align-items:center;margin-top:8px;display:flex}.info-actions{justify-content:flex-start;margin-top:10px}.lb-list{flex-direction:column;gap:6px;display:flex}.lb-loading{text-align:center;color:var(--text-dim);padding:20px 0;font-size:14px}.lb-error{color:#ffb3ba}.lb-row{box-shadow:var(--inset-hi);background:linear-gradient(170deg,#ffffff0f,#ffffff05);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.lb-own{border-color:color-mix(in srgb, var(--coin) 65%, transparent);background:color-mix(in srgb, var(--coin) 14%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--coin) 22%, transparent), var(--inset-hi)}.lb-rank{text-align:center;width:26px;color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:900}.lb-rank-1{color:#ffd257;text-shadow:0 0 12px #ffd25799}.lb-rank-2{color:#d7e1ec;text-shadow:0 0 10px #d7e1ec73}.lb-rank-3{color:#e59a63;text-shadow:0 0 10px #e59a6373}.lb-coin{width:26px;height:26px;font-size:13px}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:800;overflow:hidden}.lb-trophies{color:#c9a6ff;font-variant-numeric:tabular-nums;text-align:right;min-width:64px;font-size:13px;font-weight:800}.lb-wins{color:#ff8a95;font-variant-numeric:tabular-nums;text-align:right;min-width:56px;font-size:13px;font-weight:800}.lb-coin-spacer{flex:none;width:26px}.lb-head{box-shadow:none;background:0 0;border:none;padding-top:2px;padding-bottom:0}.lb-head span{letter-spacing:.14em;color:var(--text-dim);font-size:9px;font-weight:900}.lb-head:hover{transform:none}.matchmaking{-webkit-backdrop-filter:blur(7px);z-index:70;background:#03050bbd}.mm-box{flex-direction:column;align-items:center;gap:16px;display:flex}.mm-radar{border:1px solid color-mix(in srgb, var(--coin) 55%, transparent);width:180px;height:180px;box-shadow:0 0 50px color-mix(in srgb, var(--coin) 32%, transparent), inset 0 0 30px #0000008c;background:radial-gradient(circle,#141a30a6,#080a14eb);border-radius:50%;position:relative;overflow:hidden}.mm-ring{border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:0}.mm-ring-1{inset:22%}.mm-ring-2{inset:44%}.mm-ring-3{background:linear-gradient(90deg,#0000 49.6%,#ffffff14 49.6% 50.4%,#0000 50.4%),linear-gradient(#0000 49.6%,#ffffff14 49.6% 50.4%,#0000 50.4%);border:none;inset:0}.mm-sweep{background:conic-gradient(from 0deg, color-mix(in srgb, var(--coin) 60%, transparent), transparent 90deg);border-radius:50%;animation:1.8s linear infinite spin;position:absolute;inset:0}.mm-blip{background:var(--coin-accent);width:7px;height:7px;box-shadow:0 0 10px var(--coin-accent);opacity:0;border-radius:50%;animation:2.8s ease-out infinite blip;position:absolute}.mm-title{font-size:16px;font-family:var(--font-display);letter-spacing:.06em;font-weight:900}.mm-sub{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.battle-ui{pointer-events:none;z-index:20;position:absolute;inset:0}.battle-ui>*{pointer-events:auto}.battle-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:96vw;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.battle-timer{font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.destruction-wrap{border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:flex}.destruction-bar{background:#0006;border-radius:6px;width:130px;height:9px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.destruction-fill{background:linear-gradient(90deg, #ff8a5c, var(--red));border-radius:6px;width:0;height:100%;transition:width .35s;box-shadow:0 0 12px #ff4d5e99}.destruction-text{font-variant-numeric:tabular-nums;text-align:right;min-width:38px;font-size:13px;font-weight:900}.star-row{gap:6px;display:flex}.star-slot{color:#ffffff26;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;transition:color .2s;display:flex}.star-filled{color:var(--gold);text-shadow:0 0 20px #ffd257,0 0 40px #ffd2578c}.star-slam{animation:.7s cubic-bezier(.2,1.6,.4,1) both slam}.loot-row{border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:800;display:flex}.loot-value{font-variant-numeric:tabular-nums}.battle-banner{-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-deep), var(--inset-hi);text-align:center;background:linear-gradient(165deg,#181e3ac7,#090c18bd);flex-direction:column;align-items:center;gap:8px;max-width:92vw;padding:16px 26px;transition:opacity .5s,transform .5s;display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}.banner-hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-16px)}.banner-title{letter-spacing:.05em;background-image:linear-gradient(90deg, var(--coin), var(--coin-accent));color:#0000;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--coin) 35%, transparent));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900}.banner-loot{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.banner-loot-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:900}.banner-hint{color:var(--text-dim);font-size:12px}.troop-deck{gap:8px;max-width:96vw;padding:4px;display:flex;position:absolute;bottom:12px;left:50%;overflow-x:auto;transform:translate(-50%)}.deck-card{-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--line);width:84px;box-shadow:var(--inset-hi);background:linear-gradient(165deg,#181e3ac7,#090c18bd);border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:10px 6px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.deck-card:hover{transform:translateY(-3px)}.deck-selected{border-color:var(--coin);box-shadow:0 0 22px color-mix(in srgb, var(--coin) 65%, transparent), var(--inset-hi);transform:translateY(-5px)}.deck-depleted{filter:grayscale(.85);opacity:.45;pointer-events:none}.deck-name{font-size:11px;font-weight:900}.deck-count{color:var(--coin-accent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.deck-empty{color:var(--text-dim);background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:12px 20px;font-size:13px}.battle-end-btn{min-height:40px;padding:8px 16px;font-size:12px;position:absolute;top:10px;right:12px}.battle-end-overlay{background:radial-gradient(70% 60% at 50% 40%, color-mix(in srgb, var(--coin) 10%, transparent), transparent 75%), #03050bcc;-webkit-backdrop-filter:blur(9px);z-index:80}.battle-end-card{flex-direction:column;align-items:center;gap:16px;max-width:92vw;padding:30px 40px;display:flex}.end-title{letter-spacing:.14em;background-image:linear-gradient(100deg, var(--coin) 0%, var(--coin-accent) 35%, #fff8ea 50%, var(--coin-accent) 65%, var(--coin) 100%);color:#0000;-webkit-text-stroke:1px #ffffff1f;filter:drop-shadow(0 8px 34px color-mix(in srgb, var(--coin) 55%, transparent));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,9vw,72px);font-weight:900;line-height:1;animation:.7s cubic-bezier(.2,1.5,.4,1) both slam,4.5s ease-in-out .7s infinite shimmer}.end-defeat{filter:drop-shadow(0 6px 24px #0009);animation:.7s cubic-bezier(.2,1.5,.4,1) both slam;background-image:linear-gradient(90deg,#8a93ad,#4a5169)!important}.end-stars{gap:14px;display:flex}.end-star{color:#ffffff1f;font-size:52px}.end-star-earned{color:var(--gold);text-shadow:0 0 30px #ffd257,0 0 60px #ffd25780;animation:.65s cubic-bezier(.2,1.6,.4,1) both slam}.end-destruction{color:var(--text-dim);letter-spacing:.08em;font-size:15px;font-weight:800}.end-loot{flex-direction:column;gap:8px;width:100%;min-width:min(300px,80vw);display:flex}.end-practice-note{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-align:center;border:1px dashed var(--line-strong);background:#ffffff0d;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:800}.end-loot-row{border:1px solid var(--line);box-shadow:var(--inset-hi);background:linear-gradient(170deg,#ffffff12,#ffffff05);border-radius:12px;align-items:center;gap:10px;padding:9px 16px;display:flex}.end-loot-label{color:var(--text-dim);flex:1;font-size:13px;font-weight:800}.end-loot-value{font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.trophy-up{color:var(--green);text-shadow:0 0 12px #3dd97e80}.trophy-down{color:var(--red);text-shadow:0 0 12px #ff4d5e80}.end-home{min-width:220px;margin-top:6px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatUp{0%{opacity:0;margin-top:0}15%{opacity:1}to{opacity:0;margin-top:-70px}}@keyframes slam{0%{opacity:0;transform:scale(3)rotate(-14deg)}60%{opacity:1;transform:scale(.92)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes blip{0%{opacity:0;transform:scale(.4)}20%{opacity:1}to{opacity:0;transform:scale(1.6)}}@keyframes sheen{0%,55%{left:-70%}to{left:130%}}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 6px 26px #ff4d5e8c,inset 0 1px #ffffff59,inset 0 -3px 6px #0000004d}50%{transform:scale(1.035);box-shadow:0 6px 38px #ff4d5ee6,0 0 30px #ff4d5e59,inset 0 1px #ffffff59,inset 0 -3px 6px #0000004d}}:focus-visible{outline:2px solid color-mix(in srgb, var(--coin) 80%, white);outline-offset:2px;border-radius:6px}.bottom-sheet,.modal-card,.login-card{position:relative}.bottom-sheet:before,.modal-card:before,.login-card:before,.info-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--coin), var(--coin-accent), var(--coin), transparent);opacity:.9;height:2px;filter:drop-shadow(0 0 6px var(--coin));pointer-events:none;position:absolute;top:0;left:8%;right:8%}.login-card{animation:.35s cubic-bezier(.2,1.3,.4,1) 80ms both pop}.build-card:not(:disabled):hover,.troop-card:not(.card-locked):hover,.deck-selected{background:linear-gradient(170deg, #1e2440eb, #0d101ef0) padding-box, linear-gradient(135deg, var(--coin), color-mix(in srgb, var(--coin-accent) 60%, white), var(--coin)) border-box;border:1px solid #0000}.destruction-fill,.army-meter-fill{position:relative;overflow:hidden}.destruction-fill:after,.army-meter-fill:after{content:"";background:repeating-linear-gradient(-45deg,#fff3 0 6px,#0000 6px 12px);animation:.9s linear infinite stripesMove;position:absolute;inset:0}.timer-low{color:#ff5c6c;animation:.8s ease-in-out infinite pulseRed;border-color:#ff4d5e8c!important}.lb-row{transition:transform .15s,background .2s}.lb-row:hover{transform:translate(4px)}.lb-row:has(.lb-rank-1){background:linear-gradient(90deg,#ffd25729,#ffffff08);border-color:#ffd25766}.lb-row:has(.lb-rank-2){background:linear-gradient(90deg,#d7e1ec21,#ffffff08);border-color:#d7e1ec52}.lb-row:has(.lb-rank-3){background:linear-gradient(90deg,#e59a6324,#ffffff08);border-color:#e59a6359}.mm-radar:after{content:"";background:var(--coin-accent);width:10px;height:10px;box-shadow:0 0 12px var(--coin-accent);border-radius:50%;margin:-5px 0 0 -5px;animation:1.6s ease-in-out infinite pulseDot;position:absolute;top:50%;left:50%}.battle-end-overlay:before{content:"";background:repeating-conic-gradient(from 0deg, transparent 0deg 24deg, color-mix(in srgb, var(--coin) 20%, transparent) 24deg 32deg);pointer-events:none;width:640px;height:640px;margin:-320px 0 0 -320px;animation:26s linear infinite raysSpin;position:absolute;top:44%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 68%);mask-image:radial-gradient(circle,#000 0%,#0000 68%)}.toast{border-left:3px solid color-mix(in srgb, var(--coin) 70%, transparent)}.toast-error{border-left-color:#ff4d5e}.toast-success{border-left-color:#3dd97e}.troop-upgrade:not(:disabled){color:#ffe9a8;box-shadow:0 0 14px #ffcf402e, var(--inset-hi);background:linear-gradient(135deg,#ffcf4038,#ffcf4012);border:1px solid #ffcf4080}.troop-upgrade:not(:disabled):hover{box-shadow:0 0 22px #ffcf4059, var(--inset-hi);background:linear-gradient(135deg,#ffcf4057,#ffcf4024)}.level-chip.level-max{background:linear-gradient(135deg,#ffd257,#fff3c0,#ffd257) 0 0/200% 100%;animation:3s ease-in-out infinite shimmer;box-shadow:0 0 14px #ffd25799,inset 0 1px #ffffff80}.queue-head{animation:1.6s ease-in-out infinite queuePulse}.res-pill{transition:transform .15s,box-shadow .2s}.res-pill:hover{transform:translateY(-2px)}.action-wrap:hover .action-label{color:var(--text)}.sheet-grab{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--coin) 70%, white), transparent);opacity:.85}@keyframes stripesMove{to{transform:translate(17px)}}@keyframes pulseRed{0%,to{text-shadow:0 0 6px #ff4d5e66;transform:scale(1)}50%{text-shadow:0 0 18px #ff4d5ee6;transform:scale(1.05)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.55)}}@keyframes raysSpin{to{transform:rotate(360deg)}}@keyframes queuePulse{0%,to{box-shadow:0 0 10px color-mix(in srgb, var(--coin) 25%, transparent), var(--inset-hi)}50%{box-shadow:0 0 20px color-mix(in srgb, var(--coin) 55%, transparent), var(--inset-hi)}}.army-sheet .bottom-sheet{width:min(920px,100vw);max-height:76vh}.army-buff{background:linear-gradient(145deg, color-mix(in srgb, var(--coin) 16%, #ffffff0d), #ffffff05);border:1px solid color-mix(in srgb, var(--coin) 40%, var(--line-strong));box-shadow:var(--inset-hi), 0 0 22px color-mix(in srgb, var(--coin) 12%, transparent);border-radius:14px;align-items:flex-start;gap:12px;margin:4px 2px 10px;padding:12px 14px;display:flex}.army-buff-badge{flex:none;width:40px;height:40px;font-size:17px}.army-buff-info{flex-direction:column;gap:4px;min-width:0;display:flex}.army-buff-name{letter-spacing:.04em;text-transform:uppercase;color:var(--coin-accent);text-shadow:0 0 12px color-mix(in srgb, var(--coin) 55%, transparent);font-size:13px;font-weight:900}.army-buff-desc{color:var(--text-dim);font-size:12px;line-height:1.4}.army-buff-chips{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.buff-chip{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--coin) 20%, #00000059);border:1px solid color-mix(in srgb, var(--coin) 45%, transparent);color:var(--coin-accent);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.army-summary{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 2px 4px;font-size:11px;font-weight:800}.army-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;padding:2px;display:grid}.army-card{border:1px solid var(--line);box-shadow:var(--inset-hi);background:linear-gradient(170deg,#ffffff12,#ffffff05);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.army-card:not(.card-locked):hover{border-color:color-mix(in srgb, var(--coin) 60%, transparent);box-shadow:0 10px 26px color-mix(in srgb, var(--coin) 24%, transparent), var(--inset-hi);transform:translateY(-3px)}.army-card-head{align-items:center;gap:10px;display:flex}.army-card-title{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.army-card-title .card-name{font-size:14px}.army-card-right{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.army-count-chip{border:1px solid var(--line);color:var(--text);background:#00000061;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:900}.army-card-desc{color:var(--text-dim);text-align:left;font-size:12px;line-height:1.45}.army-stat-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.army-stat{border:1px solid var(--line);background:#0000004d;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;display:flex;box-shadow:inset 0 1px 3px #00000059}.army-stat-value{color:var(--text);font-size:14px;font-weight:900}.army-stat-label{letter-spacing:.14em;color:var(--text-dim);font-size:9px;font-weight:800}.army-traits{flex-wrap:wrap;gap:5px;display:flex}.trait-chip{border:1px solid var(--line);color:var(--text-dim);background:#ffffff12;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.army-lock{letter-spacing:.06em;text-transform:uppercase;color:#ffb36b;text-align:center;background:#ff943c17;border:1px dashed #ffb36b73;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:900}.market-sheet .bottom-sheet{width:min(880px,92vw);max-height:78vh}.market-head{box-shadow:var(--inset-hi), 0 0 22px #ffcf401a;background:linear-gradient(145deg,#ffcf401f,#ffffff05);border:1px solid #ffcf4066;border-radius:14px;flex-direction:column;gap:7px;margin:4px 2px 10px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.market-head:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffe08224,#0000);width:45%;height:100%;animation:4.5s ease-in-out infinite sheen;position:absolute;top:0;left:-70%;transform:skew(-18deg)}.market-head-main{align-items:center;gap:12px;display:flex}.market-head-icon{width:42px;height:42px;box-shadow:var(--inset-hi), 0 0 16px #ffcf404d;filter:drop-shadow(0 0 8px #ffcf408c);background:linear-gradient(145deg,#ffcf4047,#ffcf400f);border:1px solid #ffcf4080;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:22px;display:flex}.market-head-col{flex-direction:column;gap:2px;display:flex}.market-gold{letter-spacing:.02em;background:linear-gradient(90deg,#ffcf40,#fff3c0,#ffcf40) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900;animation:3s ease-in-out infinite shimmer}.market-fee-note{color:var(--text-dim);font-size:11px;line-height:1.45}.market-form{flex-wrap:wrap;align-items:center;gap:8px;padding:2px;display:flex}.market-input{border:1px solid var(--line-strong);width:130px;color:var(--text);font:inherit;appearance:textfield;background:#00000059;border-radius:10px;outline:none;padding:9px 12px;font-weight:800;transition:border-color .2s,box-shadow .2s}.market-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.market-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.market-input::placeholder{color:#ffffff47;font-weight:700}.market-input:focus{border-color:color-mix(in srgb, var(--coin) 65%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--coin) 30%, transparent)}.market-for{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:800}.market-res-btn{opacity:.55;padding:8px 12px;font-size:12px}.market-res-btn.market-res-active{opacity:1;border-color:color-mix(in srgb, var(--coin) 60%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--coin) 25%, transparent)}.market-list-btn{padding:9px 20px}.market-list{flex-direction:column;gap:8px;padding:2px;display:flex}.market-row{border:1px solid var(--line);box-shadow:var(--inset-hi);background:linear-gradient(170deg,#ffffff0f,#ffffff04);border-radius:12px;grid-template-columns:1.1fr 1.1fr 1fr auto;align-items:center;gap:10px;padding:10px 14px;transition:transform .15s,border-color .2s,box-shadow .2s;display:grid}.market-row:hover{border-color:color-mix(in srgb, var(--coin) 55%, transparent);box-shadow:0 8px 22px color-mix(in srgb, var(--coin) 18%, transparent), var(--inset-hi);transform:translateY(-2px)}.market-own{background:linear-gradient(170deg,#ffcf4012,#ffffff04);border-style:dashed;border-color:#ffcf4073}.market-cols-head{box-shadow:none;background:0 0;border:none;margin-bottom:-4px;padding:0 14px}.market-cols-head:hover{box-shadow:none;border:none;transform:none}.market-col{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.market-col-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-size:9px;font-weight:900}.market-amt{white-space:nowrap;font-size:14px;font-weight:900}.market-amt-gold{color:#ffcf40;text-shadow:0 0 10px #ffcf4066}.market-sub{color:var(--text-dim);white-space:nowrap;font-size:10px}.market-unit{border:1px solid var(--line);color:var(--text-dim);white-space:nowrap;background:#00000059;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.market-seller{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:800;overflow:hidden}.market-act{justify-self:end;padding:8px 18px;font-size:12px}.market-preview{color:#ffd873;background:#ffcf4012;border:1px dashed #ffcf4059;border-radius:10px;margin:8px 2px 0;padding:8px 12px;font-size:11px;font-weight:700;line-height:1.4}.market-empty{color:var(--text-dim);text-align:center;border:1px dashed var(--line);background:#ffffff05;border-radius:12px;padding:18px;font-size:12px;font-weight:700}.market-locked .sheet-body{position:relative;overflow:hidden}.market-soon{z-index:5;text-align:center;-webkit-backdrop-filter:blur(4px);background:linear-gradient(#090c1680,#090c16d9);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.market-soon-stamp{letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#ffcf40,#fff3c0,#ffcf40) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;border:3px dashed #ffcf40a6;border-radius:16px;padding:12px 30px;font-size:clamp(26px,6vw,44px);font-weight:900;animation:3s ease-in-out infinite shimmer;transform:rotate(-6deg);box-shadow:0 0 34px #ffcf4038,inset 0 0 22px #ffcf4012}.market-soon-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-shadow:0 2px 8px #000c;font-size:12px;font-weight:800}.end-gold-note{letter-spacing:.06em;text-transform:uppercase;color:#ffb36b;text-align:center;font-size:10px;font-weight:800}@media (max-width:640px){.army-grid{grid-template-columns:1fr}.market-row{grid-template-columns:1fr 1fr;row-gap:8px}.market-cols-head{display:none}.market-seller-col{grid-column:1}.market-act{grid-column:2;justify-self:end}.hud-top{flex-direction:column;align-items:stretch}.res-pills{justify-content:flex-start}.res-pill{padding:7px 11px;font-size:12px}.action-btn{width:52px;height:52px}.action-attack{width:60px;height:60px}.army-bar{bottom:92px}.battle-end-card{padding:24px 18px}.bottom-sheet{max-height:82vh}}
:root{--bg:#101e1c;--glass:#142723f0;--glass-soft:#142723cc;--line:#e7dab729;--line-strong:#e7dab752;--text:#f5efde;--text-dim:#b8c5b8;--gold:#e9c786;--cyan:#80dfce;--green:#9cd69b;--red:#ef927c;--radius:16px;--font:"Nunito", system-ui, sans-serif;--font-display:"Nunito", system-ui, sans-serif;--shadow-deep:0 12px 35px #08171247, 0 3px 6px #0817122e;--inset-hi:inset 0 1px 0 #fff3d21a}.game-icon{flex-shrink:0;width:24px;height:24px;display:block}html,body{touch-action:auto}.game-layer{touch-action:none}.eyebrow{color:var(--gold);letter-spacing:.19em;font-size:10px;font-weight:800;line-height:1.5;display:block}.glass{border:1px solid var(--line);box-shadow:var(--shadow-deep), var(--inset-hi);-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#243a31f5,#11231ff5)}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #b7eed7}.btn{letter-spacing:.035em;min-height:46px;text-shadow:none;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s}.btn-primary{color:#26372c;background:linear-gradient(#f2d39b,#d7b474);border:1px solid #f4dbaa;box-shadow:0 4px #917449,inset 0 1px #fff0cb,0 8px 18px #0a171a33}.btn-primary:hover{background:linear-gradient(#ffe4b4,#e6c489);transform:translateY(-2px)}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px #917449}.btn:before,.btn:after{animation:none}.btn-danger{color:#fff0dd;background:linear-gradient(#b85643,#8e4035);border:1px solid #da8b6c}.btn-ghost{border:1px solid var(--line-strong);color:var(--text);background:#f6ebd509}.btn:disabled{filter:saturate(.3);opacity:.5;transform:none}.icon-btn{color:var(--text-dim);border-radius:9px}.icon-btn:hover{color:var(--text);background:#fff1cc10}.login-wrap{background:linear-gradient(90deg,#0d1f1bf7 0%,#0d1f1bde 30%,#0d1f1b38 65%,#0d1f1b0a 100%);flex-direction:column;justify-content:center;align-items:flex-start;gap:25px;padding:38px clamp(28px,6vw,110px);display:flex;position:absolute;inset:0;overflow-y:auto}.login-logo{text-align:left;flex-shrink:0;max-width:510px;margin:0;animation:none;transform:none}.login-eyebrow{color:#c4ddbc;margin-bottom:15px}.login-logo-main{font-family:var(--font);letter-spacing:-.055em;color:#f3e5c4;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-shadow:none;filter:none;background:0 0;font-size:25px;font-weight:800;line-height:1.2}.login-intro{white-space:pre-line;color:#f6f0df;letter-spacing:-.055em;text-shadow:0 4px 24px #10211b33;margin-top:26px;font:500 clamp(38px,4.6vw,70px)/1.04 Georgia,Times New Roman,serif}.login-description{color:#cad1bd;max-width:365px;margin-top:20px;font-size:15px;font-weight:500;line-height:1.7}.login-card{border-radius:16px;flex-shrink:0;order:2;width:min(390px,100%);max-width:390px;margin:0;padding:24px}.login-heading{font-family:var(--font);letter-spacing:-.035em;text-align:left;color:#f7eed9;font-size:18px;font-weight:800}.login-subtitle{text-align:left;color:var(--text-dim);margin-top:8px;font-size:12px;font-weight:500;line-height:1.65}.login-submit{width:100%;min-height:49px;margin-top:12px;font-size:12px}.login-tour{color:#ddd4ba;order:3;align-items:center;gap:12px;padding:7px 0;font-size:12px;font-weight:800;text-decoration:none;display:flex}.login-tour .game-icon{width:18px;height:18px}.login-tour .game-icon:last-child{margin-left:15px;transition:transform .2s}.login-tour:hover{color:#fff1c6}.login-tour:hover .game-icon:last-child{transform:translate(4px)}.is-onboarding{gap:18px}.is-onboarding .login-intro,.is-onboarding .login-description{display:none}.is-onboarding .login-card{max-width:410px}.coin-title{color:#edd09b;font-size:24px}.coin-tagline{color:#c8d4c0}.ability-card{background:#0e241c66;border:1px solid #bca66b33;border-radius:10px}.carousel-arrow{color:#ead2a1}.coin-dot{background:#e7d5ae30}.splash{background:radial-gradient(70% 65% at 50% 20%,#f7931a1f,#0000 70%),#101e1c}.splash .login-logo-main{text-align:center;font-size:38px}.spinner{border-color:#e9c786 #ddc28b22 #ddc28b22}.hud-top{top:max(20px, env(safe-area-inset-top));align-items:flex-start;gap:16px;left:22px;right:22px}.player-chip{border-radius:14px;gap:10px;min-height:62px;padding:9px 12px}.coin-badge{border:2px solid #ffedc277;border-radius:11px;width:38px;height:38px;font-size:23px;box-shadow:inset 0 1px 2px #fff4!important}.player-name{letter-spacing:-.015em;font-size:13px}.player-coin-name{color:var(--text-dim);font-size:10px}.player-logout{margin-left:8px}.res-pills{align-items:flex-start;gap:8px}.res-pill{border-radius:13px;grid-template-rows:14px 23px;grid-template-columns:32px auto auto;align-items:center;gap:0 9px;min-width:122px;padding:9px 13px;display:grid}.res-icon{color:#ebcd8e;background:#f1d7a212;border-radius:10px;grid-area:1/1/3;justify-content:center;align-items:center;width:32px;height:32px;font-size:21px;display:flex}.res-icon .game-icon{width:21px;height:21px}.res-name{color:#b7c6b6;text-transform:uppercase;letter-spacing:.13em;grid-area:1/2/auto/4;font-size:8px;font-weight:800}.res-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;text-shadow:none;grid-area:2/2;font-size:16px;font-weight:800}.res-cap{color:#aebcac;white-space:nowrap;grid-area:2/3;font-size:9px}.res-gas .res-icon{color:#88e7cf;background:#8ce7c915}.res-trophy{min-width:107px}.res-shield{min-width:100px}.res-shield .res-value{grid-row:1/3}.hud-location{pointer-events:none;text-shadow:0 2px 7px #112419aa;flex-direction:column;gap:5px;display:flex;position:absolute;top:110px;left:25px}.hud-location .eyebrow{color:#fff2c6;font-size:9px}.hud-location-name{color:#fff9e7;font:26px/1.1 Georgia,serif}.hud-actions{left:50%;right:auto;bottom:max(23px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(150deg,#284236f5,#132d26f5);border:1px solid #e9cf982e;border-radius:19px;align-items:flex-end;gap:6px;padding:11px 14px 9px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 35px #0b20194d,inset 0 1px #fff2}.action-wrap{gap:7px;min-width:62px}.action-btn{color:#e9debf;background:linear-gradient(145deg,#e9efd912,#e9efd904);border:1px solid #d9d7b624;border-radius:12px;width:51px;height:49px;transition:transform .18s,background .18s;animation:none;box-shadow:inset 0 1px #fff1,0 3px #0a211b77}.action-btn:before,.action-btn:after{display:none}.action-btn:hover{background:#dce7bd22;border-color:#ead3a366;transform:translateY(-3px)}.action-glyph{filter:none;text-shadow:none;justify-content:center;align-items:center;display:flex}.action-glyph .game-icon{width:24px;height:24px}.action-label{color:#cfd7bf;letter-spacing:.02em;text-shadow:none;font-size:9px;font-weight:800}.action-attack{color:#283b2c;background:linear-gradient(#edd29e,#cda76d);border-color:#f7dfaf;width:67px;height:53px;animation:none;box-shadow:0 3px #937347}.action-attack:hover{background:linear-gradient(#ffe2ad,#debb80)}.action-attack .game-icon{width:28px;height:28px}.army-bar{border-radius:13px;flex-wrap:wrap;gap:7px;width:195px;min-height:60px;padding:12px 15px;bottom:28px;left:23px}.army-label{color:#d6dfc7;letter-spacing:.14em;font-size:9px}.army-count{color:#f1e8d2;font-size:11px}.army-meter{background:#0c211a;border:1px solid #d7dda51a;border-radius:10px;height:5px}.army-meter-fill{box-shadow:none;background:linear-gradient(90deg,#73a98c,#cce0a0)}.modal-backdrop,.sheet-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07161180}.modal-card,.bottom-sheet{border-color:#dfc28c40;border-radius:20px}.modal-head,.sheet-head{border-bottom:1px solid var(--line);padding:20px 24px}.modal-title,.sheet-title{letter-spacing:-.03em;color:#f4e8cb;text-shadow:none;font-size:19px;font-weight:800}.sheet-grab{background:#e7d6aa55;width:36px;height:3px}.modal-body,.sheet-body{scrollbar-width:thin;scrollbar-color:#b3b39455 transparent}.build-card,.troop-card,.army-card{border:1px solid var(--line);background:linear-gradient(145deg,#d8e7c50d,#0e291a26);border-radius:13px;box-shadow:inset 0 1px #fff1}.build-card:hover,.troop-card:hover{background:#dce3bb13;border-color:#ddc49366}.toast{color:#f2ead3;box-shadow:var(--shadow-deep);background:#19392f;border:1px solid #ddcfa444;border-radius:12px;font-size:13px}.toast-error{border-color:#e39776aa}.toast-success{border-color:#94cbb0aa}.battle-end-card{background:linear-gradient(150deg,#294838,#132a23);border:1px solid #dec08a66;border-radius:24px}.preview-interface{pointer-events:none;z-index:10;position:absolute;inset:0}.preview-interface a,.preview-interface button,.preview-interface .model-dock{pointer-events:auto}.preview-header{top:max(24px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;left:30px;right:30px}.preview-brand{color:#f9f0d6;letter-spacing:-.06em;text-shadow:0 2px 15px #14362488;font-size:25px;font-weight:800;text-decoration:none}.preview-play{min-height:40px;padding:9px 18px;font-size:11px}.preview-info{border-radius:15px;width:247px;padding:22px;position:absolute;top:125px;left:30px}.preview-info h1{letter-spacing:-.04em;color:#f8ecd0;margin-top:11px;font:30px/1.06 Georgia,serif}.preview-info p{color:#c2cfba;margin-top:12px;font-size:11px;line-height:1.7}.view-controls{border-radius:13px;flex-direction:column;gap:3px;padding:5px;display:flex;position:absolute;top:125px;right:30px}.view-control{color:#dfd5b9;border-radius:8px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.view-control .game-icon{width:20px;height:20px}.view-control:hover{color:#fff0be;background:#edf0cb15}.model-dock{bottom:max(44px, env(safe-area-inset-bottom));border-radius:17px;padding:16px;position:absolute;left:30px;right:30px}.model-dock-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.model-count{color:#bbcdb9;font-size:10px}.model-gallery{scrollbar-width:thin;scrollbar-color:#d4c59355 transparent;touch-action:pan-x;gap:8px;padding:4px 3px 10px;display:flex;overflow-x:auto}.model-card{text-align:left;background:#cee7c207;border:1px solid #c3d3b323;border-radius:10px;flex-direction:column;flex:0 0 108px;align-items:flex-start;gap:7px;min-height:105px;padding:12px;transition:background .18s,border-color .18s,transform .18s;display:flex;position:relative}.model-card>.game-icon{color:#d8c391;width:25px;height:25px;margin-bottom:5px}.model-card.model-troop>.game-icon{color:#96d0ba}.model-number{color:#acc3a56e;font-variant-numeric:tabular-nums;font-size:9px;position:absolute;top:10px;right:10px}.model-name{color:#ece3c9;white-space:nowrap;font-size:10px;font-weight:800}.model-kind{color:#a8b9a6;font-size:9px}.model-card:hover{background:#e3ebc816;transform:translateY(-2px)}.model-card[aria-pressed=true]{background:#e1c28f20;border-color:#ecd099;box-shadow:inset 0 0 0 1px #ebce9125}.preview-help{text-align:center;color:#fff3d6;text-shadow:0 2px 6px #163421cc;font-size:10px;position:absolute;bottom:17px;left:0;right:0}@media (max-width:1100px){.army-bar{width:172px;bottom:130px}.res-pill{column-gap:5px;min-width:102px;padding:9px}.res-trophy{min-width:86px}.res-cap{display:none}.hud-location-name{font-size:22px}}@media (max-height:760px) and (min-width:701px){.login-wrap{gap:17px;padding-top:24px;padding-bottom:24px}.login-intro{margin-top:18px;font-size:46px}.login-description{margin-top:13px;font-size:13px}.login-card{padding:20px}.preview-info{padding:16px;top:100px}}@media (max-width:700px){.login-wrap{background:linear-gradient(#10281de8,#10281dc9);justify-content:center;align-items:center;gap:24px;padding:32px 24px}.login-logo{width:min(390px,100%)}.login-logo-main{font-size:23px}.login-intro{margin-top:20px;font-size:clamp(39px,9vw,57px)}.login-description{margin-top:16px;font-size:13px}.login-tour{width:min(390px,100%)}.hud-top{top:max(10px, env(safe-area-inset-top));flex-direction:column;align-items:flex-start;gap:8px;left:10px;right:10px}.player-chip{min-height:48px;padding:6px 10px}.coin-badge{width:31px;height:31px;font-size:20px}.res-pills{flex-wrap:wrap;gap:5px;width:100%}.res-pill{border-radius:10px;flex:1 1 0;grid-template-rows:12px 19px;grid-template-columns:24px auto;column-gap:5px;min-width:0;padding:7px}.res-name{letter-spacing:.07em;grid-column:2;font-size:7px}.res-value{font-size:12px}.res-icon{border-radius:6px;width:24px;height:27px}.res-icon .game-icon{width:17px;height:17px}.res-shield{flex:0 0 90px}.hud-location{top:132px;left:13px}.hud-location-name{font-size:19px}.hud-location .eyebrow{font-size:8px}.hud-actions{bottom:max(10px, env(safe-area-inset-bottom));border-radius:15px;justify-content:space-around;gap:0;width:calc(100% - 20px);max-width:480px;padding:9px 5px 8px}.action-wrap{flex:1;gap:7px;min-width:0}.action-btn{border-radius:9px;width:38px;height:39px}.action-glyph .game-icon{width:20px;height:20px}.action-label{letter-spacing:-.03em;font-size:8px}.action-attack{width:43px;height:43px}.action-attack .game-icon{width:23px;height:23px}.army-bar{width:156px;min-height:41px;padding:9px 11px;bottom:96px;left:11px}.preview-header{gap:10px;top:17px;left:16px;right:16px}.preview-brand{font-size:23px}.preview-play{min-height:36px;padding:8px 12px;font-size:10px}.preview-info{width:194px;padding:15px;top:80px;left:16px}.preview-info .eyebrow{font-size:8px}.preview-info h1{margin-top:8px;font-size:25px}.preview-info p{margin-top:9px;font-size:10px}.view-controls{top:80px;right:16px}.model-dock{padding:12px 10px;bottom:37px;left:10px;right:10px}.model-dock-head{margin-bottom:7px}.model-dock-head .eyebrow{font-size:8px}.model-count{font-size:9px}.model-card{flex-basis:100px;min-height:94px;padding:10px}.preview-help{padding:0 12px;font-size:8px;bottom:12px}.modal-card,.bottom-sheet{max-width:calc(100vw - 16px)}}@media (max-height:620px){.login-wrap{justify-content:flex-start}.login-intro{margin-top:12px;font-size:35px}.login-description,.preview-info p{display:none}.model-card{min-height:80px}.model-kind{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.model-gallery{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.model-card{scroll-snap-align:start}.sheet-body,.modal-body{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.login-wrap{touch-action:pan-y;overscroll-behavior-y:contain}@media (pointer:coarse),(max-width:700px){.glass,.hud-actions,.modal-backdrop,.sheet-backdrop,.market-soon{-webkit-backdrop-filter:none}.glass{background:linear-gradient(145deg,#243b32,#142b24);box-shadow:0 5px 15px #0b211b33,inset 0 1px #f7eaca12}.icon-btn,.carousel-arrow,.view-control{min-width:44px;min-height:44px}.player-logout .game-icon{width:20px;height:20px}.btn,.market-act{min-height:44px}.action-btn{width:44px;height:44px}.action-wrap{min-width:44px}.action-attack{width:44px;height:44px}.action-btn:hover,.action-btn:active{transform:none}.coin-dots{flex-wrap:wrap;justify-content:center;gap:0;display:flex}.coin-dot{background-clip:padding-box;border:16px solid #0000;min-width:44px;min-height:44px}input,select,textarea{font-size:16px}.modal-card{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.modal-body{max-height:calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.bottom-sheet{max-height:calc(90dvh - env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}.sheet-body{overflow-y:auto}.login-wrap{padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}.preview-header{top:max(17px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right))}.preview-info{top:calc(76px + env(safe-area-inset-top))}.view-controls{top:calc(76px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.model-dock{bottom:calc(32px + env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right))}.preview-help{bottom:calc(10px + env(safe-area-inset-bottom))}}@media (max-width:700px){.hud-location{display:none}.hud-top{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right))}.hud-actions{bottom:calc(8px + env(safe-area-inset-bottom));padding:8px 5px}.army-bar{bottom:calc(94px + env(safe-area-inset-bottom));left:max(11px, env(safe-area-inset-left))}.res-pills,.res-pill{min-width:0}.res-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-names{min-width:0}.player-name{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.preview-info{width:min(194px,100vw - 98px)}.preview-info p{display:none}.model-dock-head{min-height:18px}.view-control{width:44px;height:44px}}@media (max-width:360px){.hud-actions{width:calc(100% - 8px);padding:8px 2px}.action-label{font-size:7px}.res-pill{grid-template-columns:20px auto;column-gap:3px;padding:6px 4px}.res-icon{width:20px}.res-name{font-size:6px}.res-value{font-size:11px}.login-wrap{padding-left:18px;padding-right:18px}.login-card{padding:18px}.login-intro{font-size:36px}}@media (orientation:landscape) and (max-height:540px){.hud-top{top:max(8px, env(safe-area-inset-top));flex-direction:row;align-items:flex-start;gap:8px}.player-chip{min-height:47px;padding:3px 6px}.player-name{max-width:100px}.player-coin-name{font-size:8px}.res-pills{flex-wrap:nowrap;flex:1;justify-content:flex-end;gap:4px;width:auto}.res-pill{min-width:0;padding:5px}.res-shield{flex:none;min-width:78px}.hud-location{display:none}.hud-actions{width:min(460px,100% - 30px);bottom:calc(6px + env(safe-area-inset-bottom));padding-top:6px;padding-bottom:6px}.army-bar{bottom:calc(91px + env(safe-area-inset-bottom))}.preview-header{top:max(10px, env(safe-area-inset-top))}.preview-info{width:180px;padding:10px 13px;top:66px}.preview-info h1{font-size:23px}.view-controls{flex-direction:row;top:66px}.model-dock{bottom:calc(25px + env(safe-area-inset-bottom));padding:8px 10px}.model-dock-head{margin-bottom:4px}.model-gallery{padding-bottom:5px}.model-card{flex-basis:123px;grid-template-columns:23px 1fr;align-items:center;gap:7px;height:58px;min-height:58px;padding:8px;display:grid}.model-card>.game-icon{width:22px;height:22px;margin:0}.model-name{font-size:9px}.model-number,.model-kind{display:none}.preview-help{bottom:calc(7px + env(safe-area-inset-bottom));font-size:8px}}.login-wrap{isolation:isolate;background:radial-gradient(55% 90% at 72%,#28684e1f,#0000 70%),linear-gradient(90deg,#081613fa 0%,#081613e0 33%,#08161359 62%,#08161314 100%);gap:18px}.login-logo{filter:none;z-index:1;position:relative}.login-logo-main{letter-spacing:-.075em;background:linear-gradient(115deg,#fff8e5 12%,#e9c786 43%,#fff3ce 52%,#a9ddbc 88%);color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 12px 40px #00000047;-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,6vw,72px);line-height:.95}.login-card{z-index:1;max-height:none;position:relative;overflow:visible}.login-wrap:not(.is-onboarding) .login-card{-webkit-backdrop-filter:blur(12px);background:#0f251dc7;border:1px solid #ebcc9147;border-radius:18px;width:min(310px,100%);padding:12px;box-shadow:0 22px 55px #00000052,inset 0 1px #fff7dc1f}.login-submit{letter-spacing:.02em;border-radius:13px;min-height:56px;margin-top:0;font-size:16px;box-shadow:0 5px #97774a,0 12px 28px #d5ab6533,inset 0 1px #ffffff8c}.login-submit:hover{filter:brightness(1.06);transform:translateY(-2px)}.login-tour{z-index:1;background:#0f251d7a;border:1px solid #e7dab733;border-radius:999px;padding:10px 15px;transition:background .2s,border-color .2s,transform .2s;position:relative}.login-tour:hover{background:#264635bf;border-color:#ebcc9173;transform:translateY(-2px)}.login-form{gap:0}.login-wrap.is-onboarding{align-items:center}.login-wrap.is-onboarding .login-card{box-shadow:0 18px 48px #00000047,inset 0 1px #fff7dc1f}.startup-loading{z-index:200;color:#f5efde;min-height:100dvh;font-family:var(--font);background:radial-gradient(70% 65% at 50% 20%,#f7931a1f,#0000 70%),#101e1c;place-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:0}.startup-mark{color:#f3e5c4;letter-spacing:-.055em;font-size:clamp(30px,8vw,52px);font-weight:800}.startup-spinner{border:3px solid #ffffff1f;border-top-color:#e9c786;border-radius:50%;width:30px;height:30px;animation:.9s linear infinite spin}.startup-label{color:#b8c5b8;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.login-tour{flex-shrink:0;min-height:44px}.login-form{min-width:0}.placement-cancel{top:calc(150px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:26;background:#19392f;position:absolute}.modal-head,.sheet-head{flex-shrink:0}.modal-body,.sheet-body{touch-action:auto;min-height:0}.card-row{touch-action:auto;overscroll-behavior-x:contain}.troop-deck{touch-action:pan-x;overscroll-behavior-x:contain}.info-panel,.battle-end-card{touch-action:pan-y;overscroll-behavior-y:contain}@supports (height:100dvh){.app-root{height:100dvh;bottom:auto}}@media (pointer:coarse),(max-width:700px){.battle-banner,.deck-card,.battle-end-overlay{-webkit-backdrop-filter:none}.battle-banner,.deck-card{background:#19392f}.overlay{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.info-panel,.battle-end-card{max-width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.sheet-backdrop .bottom-sheet{max-width:100%;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-card{max-width:100%}.troop-deck{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));max-width:none;transform:none}.battle-top{left:max(8px, env(safe-area-inset-left));right:calc(116px + env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));touch-action:pan-x;overscroll-behavior-x:contain;flex-wrap:nowrap;justify-content:flex-start;gap:5px;max-width:none;overflow-x:auto;transform:none}.battle-top>*{flex-shrink:0}.battle-timer{justify-content:center;min-width:55px;min-height:44px;display:flex}.battle-end-btn{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));min-height:44px;padding:8px 12px}.troop-minus,.troop-plus,.preview-play{min-width:44px;min-height:44px}.login-wrap{align-items:flex-start}.login-logo,.login-tour{width:auto}.login-wrap:not(.is-onboarding){align-items:center;padding:24px 18px}.login-logo-main{font-size:clamp(42px,14vw,64px)}.login-wrap:not(.is-onboarding) .login-card{width:min(300px,100%)}.hud-actions{touch-action:pan-x;overscroll-behavior-x:contain;overflow-x:auto}}@media (max-width:360px){.hud-actions{justify-content:flex-start;gap:2px}.action-wrap{flex:0 0 44px}}@media (orientation:landscape) and (max-height:540px){.login-wrap{padding:max(20px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));justify-content:flex-start;gap:14px}.login-logo-main{font-size:34px}.is-onboarding .login-card{padding:16px}.hud-top{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right))}.player-chip{flex:none;gap:5px}.player-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.player-coin-name{display:none}.coin-badge{width:28px;height:28px;font-size:18px}.player-logout{margin-left:0}.res-pills{touch-action:pan-x;overscroll-behavior-x:contain;min-width:0;overflow-x:auto}.res-pills .res-pill{flex:none;grid-template-rows:12px 20px;grid-template-columns:22px auto;column-gap:4px}.res-name{grid-column:2;font-size:7px}.res-value{font-size:12px}.res-icon{width:22px;height:26px}.res-icon .game-icon{width:18px;height:18px}.res-cap{display:none}.hud-actions{width:min(460px, calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));justify-content:space-around;gap:2px;padding:5px}.action-wrap{flex:1;gap:3px;min-width:44px}.action-btn,.action-attack{width:44px;height:44px}.action-label{font-size:8px}.army-bar{left:max(8px, env(safe-area-inset-left));bottom:calc(78px + env(safe-area-inset-bottom));gap:4px;width:160px;min-height:0;padding:5px 8px}.placement-cancel{top:calc(64px + env(safe-area-inset-top))}.modal-head,.sheet-head{margin-bottom:6px;padding:6px 10px}.modal-card,.bottom-sheet{padding:10px}.sheet-title,.sheet-close{margin-top:0}.battle-top{flex-wrap:nowrap;overflow-x:auto}.battle-top>*{flex-shrink:0}.battle-timer{justify-content:center;min-width:55px;min-height:44px;display:flex}.destruction-wrap{gap:4px;padding:8px}.destruction-bar{width:65px}.star-row{gap:0}.star-slot{width:24px;height:32px;font-size:20px}.loot-row{gap:4px;padding:6px;font-size:11px}.battle-banner{top:calc(60px + env(safe-area-inset-top));pointer-events:none;gap:4px;padding:8px 12px}.banner-title{font-size:17px}.banner-hint{font-size:10px}.deck-card{gap:2px;width:76px;min-height:64px;padding:6px}.deck-card .troop-badge{width:28px;height:28px;font-size:12px}.battle-end-card{gap:8px;padding:16px 24px}.end-title{font-size:34px}.end-star{font-size:30px}.end-loot{gap:5px}.preview-header{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right))}.view-controls{top:calc(62px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.view-control{width:44px;height:44px}.model-dock{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right))}}
.entry{--island-accent:#ffbd59;--island-dark:#b86a26;--entry-ink:#f5f0dc;z-index:1;min-width:0;height:100dvh;padding:max(25px, env(safe-area-inset-top)) max(5.5vw, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(5.5vw, env(safe-area-inset-left));overscroll-behavior:contain;touch-action:pan-y;color:var(--entry-ink);isolation:isolate;background:radial-gradient(55% 90% at 72%,#28684e1f,#0000 70%),linear-gradient(90deg,#081613fa 0%,#081613e0 33%,#08161359 62%,#08161314 100%);flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;inset:0 0 auto;overflow:hidden}.entry[hidden],.entry [hidden]{display:none!important}.entry button,.entry a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.entry a{color:inherit;text-decoration:none}.entry button{font:inherit;cursor:pointer}.entry button:focus-visible,.entry a:focus-visible{outline:3px solid var(--island-accent);outline-offset:5px}.entry-header{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;min-height:44px;display:flex;position:relative}.entry-brand{align-items:center;gap:11px;display:flex}.entry-brand>svg{width:29px;height:34px;color:var(--island-accent)}.entry-brand>span{letter-spacing:-.035em;font-size:15px;font-weight:800}.entry-brand>span>span{color:var(--island-accent)}.entry-header-link{align-items:center;gap:25px;min-height:44px;font-size:12px;font-weight:800;display:flex}.entry-header-link>span{color:var(--island-accent);font-size:24px}.entry .entry-ca{max-width:100%;min-height:44px;color:var(--island-accent);text-align:center;background:#10251ed9;border:1px solid #ffbd5940;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;line-height:1.5;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.entry-ca-label{letter-spacing:.08em;flex-shrink:0;font-size:10px;font-weight:800}.entry-ca-address{overflow-wrap:anywhere;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.entry .entry-ca:hover{border-color:var(--island-accent);background:#19392f}@media (max-width:1100px){.entry-header{flex-wrap:wrap}.entry .entry-ca{flex-basis:100%;order:1;position:static;transform:none}}.entry-stage{flex:1 1 0;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);align-items:center;width:min(1440px,100%);min-height:0;margin:0 auto;display:grid;position:relative}.entry-copy{z-index:2;padding:35px 0 50px;position:relative}.entry-title{letter-spacing:-.02em;text-shadow:0 3px 18px #020a1259;width:max-content;max-width:100%;margin:0;font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-size:clamp(52px,min(9.5vw,19dvh),152px);font-weight:800;line-height:.88}.entry-title>span{display:block}.entry-title>span+span{color:var(--island-accent);margin-top:13px}.entry-tagline{color:#a2b2bb;letter-spacing:-.02em;margin:37px 0 28px;font-size:clamp(15px,1.45vw,20px);line-height:1.5}.entry-tagline strong{color:var(--entry-ink);font-weight:700}.entry-actions{flex-wrap:wrap;align-items:center;gap:18px 26px;display:flex}.entry .entry-login{color:#17212a;background:var(--island-accent);min-width:190px;min-height:62px;box-shadow:0 5px 0 var(--island-dark), 0 12px 32px #0003;border:1px solid #fff8d857;border-radius:5px;justify-content:space-between;align-items:center;gap:36px;padding:12px 22px;font-size:18px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex}.entry-login-arrow{font-size:27px;line-height:1}.entry .entry-login:disabled{cursor:wait;opacity:.75}.entry-explore{align-items:center;gap:10px;min-height:48px;font-size:12px;font-weight:800;display:inline-flex}.entry-play{border:1px solid #697783;border-radius:50%;place-items:center;width:32px;height:32px;font-size:19px;display:grid}.entry-error{z-index:3;bottom:max(16px, env(safe-area-inset-bottom));left:max(22px, env(safe-area-inset-left));color:#ffc2b4;background:#162532;border-radius:8px;width:min(390px,100% - 44px);max-height:20dvh;margin:0;padding:12px;font-size:13px;line-height:1.5;position:fixed;overflow-y:auto}.entry-world{pointer-events:none;width:clamp(72px,10vw,140px);margin:0;position:absolute;top:12%;right:12%}.entry-art{position:relative;transform:translateY(0)}.entry-island{width:100%;height:auto;display:block;overflow:visible}.entry-hero-coin{transform-origin:474px 109px;animation:5s ease-in-out infinite entry-coin-float}.entry-loading{z-index:5;left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#f5f0dc;background:#162532;border:1px solid #788e9c66;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:15px 22px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 40px #0008}.entry-loading-ring{border:2px solid #fff3;border-top-color:var(--island-accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite entry-spin}.entry-paused *,.entry-paused :before,.entry-paused :after{animation-play-state:paused!important}.splash{background:radial-gradient(at 50% 35%,#293447cc,#0b1420f5 70%)}.splash .login-logo-main{color:#ffcf83;-webkit-text-fill-color:currentColor;background:0 0;animation:none}@keyframes entry-coin-float{50%{transform:translateY(-13px)rotate(7deg)}}@keyframes entry-island-float{50%{transform:translateY(-9px)}}@keyframes entry-spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.entry-art{animation:8s ease-in-out infinite entry-island-float}.entry .entry-login:hover:not(:disabled){box-shadow:0 8px 0 var(--island-dark), 0 16px 36px #0004;transform:translateY(-3px)}.entry .entry-login:active:not(:disabled){box-shadow:0 1px 0 var(--island-dark);transform:translateY(4px)}.entry-explore:hover,.entry-header-link:hover{color:var(--island-accent)}}@media (min-width:1600px){.entry-header{width:min(1560px,100%);margin-inline:auto}}@media (max-width:760px) and (orientation:portrait){.entry{padding:max(16px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left))}.entry-header{min-height:40px}.entry-brand>svg{width:24px;height:29px}.entry-brand>span{font-size:13px}.entry-header-link{gap:12px}.entry-stage{grid-template-rows:auto minmax(12px,1fr) auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;padding:20px 0 8px}.entry-copy{display:contents}.entry-title{z-index:1;grid-row:1;justify-self:start;font-size:clamp(54px,min(18vw,20dvh),112px)}.entry-title>span+span{margin-top:8px}.entry-world{width:clamp(64px,18vw,100px);top:22%;right:2%}.entry-tagline{text-align:center;grid-row:3;margin:0 0 18px;font-size:15px}.entry-actions{grid-row:4;justify-content:center;gap:12px 18px;width:100%}.entry .entry-login{flex:1;gap:18px;min-width:140px;max-width:220px;min-height:54px;padding:10px 18px;font-size:16px}.entry-explore{gap:7px;font-size:11px}.entry-play{width:27px;height:27px;font-size:17px}}@media (orientation:landscape) and (max-height:600px){.entry{padding:max(10px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left))}.entry-header{min-height:36px}.entry-brand>svg{width:23px;height:27px}.entry-brand>span{font-size:12px}.entry-header-link{min-height:44px;font-size:11px}.entry-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.entry-copy{padding:8px 0}.entry-title{font-size:clamp(32px,15dvh,90px)}.entry-title>span+span{margin-top:8px}.entry-tagline{margin:12px 0 10px;font-size:13px}.entry-actions{gap:12px 16px}.entry .entry-login{gap:20px;min-width:132px;min-height:48px;padding:8px 15px;font-size:15px}.entry-explore{gap:6px;font-size:10px}.entry-play{width:25px;height:25px}.entry-world{width:clamp(60px,20dvh,100px);top:10%;right:12%}}@media (orientation:landscape) and (max-height:600px) and (max-width:760px){.entry-actions{gap:12px}.entry .entry-login{gap:16px;min-width:112px}.entry-play{display:none}}@media (prefers-reduced-motion:reduce){.entry *,.entry :before,.entry :after{transition:none!important;animation:none!important}}
.how-to-button{pointer-events:auto;min-height:44px;color:var(--gold);border-color:var(--line-strong);white-space:nowrap;background:#19392f;flex:none;padding:10px 16px}.hud-top>.how-to-button{position:absolute;top:0;left:0}.hud-top:has(>.how-to-button)>.player-chip{margin-left:100px}.entry-header:has(>.how-to-button){flex-wrap:wrap;gap:12px}.entry-header:has(>.how-to-button)>.entry-brand{margin-right:auto}.login-wrap>.how-to-button{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));position:absolute}.battle-top:has(>.how-to-button){left:max(10px, env(safe-area-inset-left));right:calc(130px + env(safe-area-inset-right));flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;transform:none}.battle-top>.how-to-button{flex-shrink:0}.how-to-dialog{width:min(760px,100% - 32px);max-width:none;max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:var(--text);border:1px solid var(--line-strong);font-family:var(--font);text-align:left;pointer-events:auto;background:#142b24;border-radius:18px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #0008}.how-to-dialog[open]{flex-direction:column;display:flex}.how-to-dialog::backdrop{background:#06120fcc}.how-to-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.how-to-head h2{color:var(--gold);margin:0;font-size:22px;line-height:1.3}.how-to-head .icon-btn{flex:0 0 44px;width:44px;height:44px}.how-to-body{overscroll-behavior:contain;touch-action:pan-y;padding:20px 24px 24px;font-size:14px;line-height:1.7;overflow-y:auto}.how-to-intro{margin:0 0 14px}.how-to-note{color:var(--gold);background:#e9c7860d;border:1px solid #e9c78630;border-radius:10px;margin:0 0 20px;padding:12px 14px;font-size:12px}.how-to-section{border-top:1px solid var(--line)}.how-to-section summary{cursor:pointer;color:var(--text);padding:16px 0;font-weight:800}.how-to-section summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:4px}.how-to-section p{color:var(--text-dim);margin:0 0 14px}.how-to-reference{margin:0 0 20px}.how-to-reference dt{color:var(--gold);margin-top:14px;font-weight:800}.how-to-reference dd{color:var(--text-dim);margin:2px 0 0}@media (max-width:640px){.how-to-head{padding:12px 16px}.how-to-head h2{font-size:18px}.how-to-body{padding:16px}.how-to-dialog{width:calc(100% - 20px)}}