@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";.arena-lobby{z-index:30;color:#f4f1df;background:linear-gradient(135deg,#14271dfa,#121c18fa);padding:clamp(18px,4vw,48px);font-family:Trebuchet MS,Arial,sans-serif;position:absolute;inset:0;overflow:auto}.arena-lobby header{justify-content:space-between;align-items:flex-start;gap:18px;max-width:1100px;margin:0 auto 22px;display:flex}.arena-lobby header small{color:#e3b363;letter-spacing:.16em}.arena-lobby p,.arena-lobby footer,.arena-lobby small{color:#bac9b8}.arena-lobby button,.arena-lobby input,.arena-lobby select{font:inherit;color:#f5f3e7;background:#263c2d;border:1px solid #56705b;border-radius:9px;padding:10px 13px}.arena-lobby button{cursor:pointer}.arena-lobby button:disabled{opacity:.48;cursor:not-allowed}.arena-profile{background:#1a2d21;border:1px solid #344d39;border-radius:12px;align-items:flex-end;gap:10px;max-width:1100px;margin:0 auto 20px;padding:14px;display:flex}.arena-profile label,.arena-grid label{color:#dfe8d9;flex-direction:column;gap:6px;display:flex}.arena-profile span{color:#a8b9a8;margin-left:auto;font-size:12px}.arena-grid{grid-template-columns:1fr 1fr;gap:16px;max-width:1100px;margin:auto;display:grid}.arena-grid section{background:#1a2d21;border:1px solid #344d39;border-radius:14px;padding:20px}.arena-grid h2{margin:0 0 16px}.arena-grid label{margin:12px 0}.arena-primary{font-weight:700;color:#1a241b!important;background:#dba34d!important}.arena-clan-row,.arena-member{border-bottom:1px solid #334b39;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.arena-clan-row div,.arena-match{flex-direction:column;gap:5px;display:flex}.arena-match{background:#213729;border-radius:10px;margin-top:18px;padding:14px}.arena-error{max-width:1100px;margin:14px auto;color:#ff9d8d!important}.arena-lobby footer{max-width:1100px;margin:28px auto 0;font-size:12px}@media (width<=760px){.arena-grid{grid-template-columns:1fr}.arena-profile{flex-direction:column;align-items:stretch}.arena-profile span{margin-left:0}}.character-collection{background:radial-gradient(at 18% 65%,#3d5733 0%,#253c29 38%,#1a2d21 75%);border:1px solid #567044;border-radius:20px;grid-template-columns:minmax(0,1fr) 290px;gap:24px;max-width:1100px;margin:0 auto 20px;padding:20px 28px;display:grid}.character-showcase{align-items:center;gap:24px;min-width:0;display:flex}.character-showcase h2{color:#ffe6ae;margin:8px 0;font-size:30px}.character-showcase p{margin:0 0 18px}.character-showcase small{letter-spacing:.16em;color:#dfba77}.character-preview{flex-shrink:0;place-items:center;width:200px;height:220px;display:grid;position:relative}.character-preview:before{content:"";filter:blur(5px);background:#10221888;border-radius:50%;width:140px;height:22px;position:absolute;bottom:6px}.character-preview img{object-fit:contain;filter:drop-shadow(0 6px 10px #101e1944);width:220px;height:220px;position:relative}.character-save-status{color:#c6d5bb;font-size:13px;line-height:1.5;display:block}.character-options{flex-direction:column;justify-content:center;gap:10px;display:flex}.arena-lobby .character-option{text-align:left;background:#17291ed9;border:2px solid #4b6547;border-radius:14px;align-items:center;gap:12px;padding:9px 14px;display:flex}.arena-lobby .character-option.is-selected{background:#33422a;border-color:#e3b568}.character-option img{object-fit:contain}.character-option span{flex-direction:column;gap:6px;display:flex}.character-option b{font-size:15px}.character-option small{font-size:12px}.arena-lobby .character-option:disabled{opacity:.75}.arena-lobby .character-option:focus-visible{outline-offset:3px;outline:3px solid #fff0c6}@media (width<=900px){.character-collection{grid-template-columns:1fr;gap:12px;padding:16px}.character-options{flex-direction:row}.character-option{flex:1}.character-showcase{justify-content:center}.character-preview{width:170px;height:190px}.character-preview img{width:190px;height:190px}}@media (width<=560px){.character-showcase{gap:12px}.character-showcase h2{font-size:24px}.character-preview{width:130px;height:165px}.character-preview img{width:165px;height:165px}.character-option img{width:48px;height:48px}.arena-lobby .character-option{gap:6px;padding:8px}}.clan-actions{flex-wrap:wrap;gap:8px;margin-top:14px;flex-direction:row!important;display:flex!important}.arena-clan-row .clan-actions{justify-content:flex-end;margin-top:0}.arena-lobby .clan-name{text-align:left;color:#ffe6ae;text-underline-offset:4px;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.clan-applications{border-top:1px solid #56705b;margin-top:24px;padding-top:12px}.clan-details{border:1px solid #e3b363;border-radius:12px;margin-top:20px;padding:16px}.clan-details-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.clan-details-header h3{overflow-wrap:anywhere;margin:0}.clan-details>.arena-member:last-child{margin-bottom:12px}.arena-lobby .clan-danger{color:#ffb6a5;border-color:#a86b5d}.clan-status{grid-column:1/-1}.clan-confirmation{color:#f4f1df;background:#1a2d21;border:1px solid #e3b363;border-radius:14px;max-width:min(480px,85vw);padding:24px}.clan-confirmation::backdrop{background:#06120bd9}.clan-confirmation p{line-height:1.6}.arena-lobby button:focus-visible,.arena-lobby input:focus-visible{outline-offset:3px;outline:3px solid #e3b363}.arena-grid h2{overflow-wrap:anywhere}.arena-clan-row>div:first-child{min-width:0}.arena-member span{overflow-wrap:anywhere}.arena-lobby input[type=search]{box-sizing:border-box;width:100%;min-width:0}.talents-open{z-index:4;right:calc(18px + var(--safe-right));top:calc(145px + var(--safe-top));color:#ffe7a4;cursor:pointer;background:#263d2cdd;border:1px solid #f0d88a88;border-radius:12px;flex-direction:column;gap:2px;padding:9px 12px;font:800 11px Outfit,sans-serif;display:flex;position:absolute;box-shadow:0 6px 20px #15241d77}.talents-open span{color:#c5d3b9;font:600 8px DM Sans,sans-serif}.talents-panel{z-index:12;color:#f7f4e8;pointer-events:auto;touch-action:pan-y;scrollbar-color:#75865b #1c3325;background:#17291ff5;border:1px solid #e6d29677;border-radius:18px;width:min(720px,100vw - 28px);max-height:min(86vh,680px);padding:16px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 22px 70px #09140fcc}.talents-panel header{justify-content:space-between;align-items:center;display:flex}.talents-panel header small{color:#d9ba6d;letter-spacing:.14em;font-size:8px;font-weight:800}.talents-panel h2{margin:3px 0 0;font:700 22px Outfit,sans-serif}.talent-close{color:#f5e9c9;cursor:pointer;background:#304534;border:1px solid #dce6c333;border-radius:9px;width:32px;height:32px;font-size:22px}.talents-panel .resource-strip{background:#0e1d1699;border-radius:10px;flex-direction:row;gap:10px;margin:10px 0;padding:8px;display:flex}.talents-panel .resource-chip{flex:1;font-size:9px}.talent-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.talent-controls label,.talent-recipient{color:#aebea7;flex-direction:column;gap:4px;font-size:9px;font-weight:700;display:flex}.talent-controls select,.talent-recipient select{color:#fff4dc;background:#24392a;border:1px solid #dce6c32b;border-radius:8px;min-width:0;padding:8px;font:600 10px DM Sans,sans-serif}.talent-controls select:disabled{opacity:.7}.talent-recipient{margin-top:8px}.talent-target-label{color:#d9c887;margin:6px 0 -3px;font-size:8px}.talent-note{color:#f0ce80;margin:8px 0;font-size:10px}.talent-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.talent-card{background:#233a2caa;border:1px solid #dce6c328;border-radius:11px;flex-direction:column;min-width:0;min-height:139px;padding:10px;display:flex}.talent-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px;display:flex}.talent-card-heading b{font:700 11px Outfit,sans-serif}.talent-card-heading span{color:#cdbd8e;font-size:7px;font-weight:800}.talent-card p{color:#e4e8d9;flex:1;margin:9px 0 5px;font-size:10px;line-height:1.35}.talent-card>small{color:#aebea7;min-height:21px;font-size:8px;line-height:1.35}.talent-card button,.request-actions button,.request-status button{color:#342a1d;cursor:pointer;background:#dfb65e;border:1px solid #eac77588;border-radius:8px;padding:7px 6px;font-size:9px;font-weight:800}.talent-card button:disabled,.request-actions button:disabled{opacity:.45;cursor:not-allowed}.talent-max{color:#a9dc79!important}.request-status{background:#604c291f;border:1px solid #e5c97655;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:8px;font-size:9px;display:flex}.request-queue{margin-top:12px}.request-queue h3{color:#e6cf8b;margin:0 0 6px;font:700 11px Outfit,sans-serif}.request-row{border-top:1px solid #dce6c21a;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.request-row>div:first-child{gap:3px;display:grid}.request-row b{font-size:9px}.request-row small{color:#aebea7;font-size:8px}.request-row .request-error{color:#f2a987}.request-actions{flex-shrink:0;gap:5px;display:flex}.request-actions button{padding:6px 7px}.request-actions button:last-child{color:#e5e9dc;background:#34483a;border-color:#cad5c050}.training-readout{background:#0e1d1699;border-radius:9px;align-items:center;gap:10px;margin-top:10px;padding:8px;display:flex}.training-readout div{gap:3px;min-width:150px;display:grid}.training-readout b{font-size:9px}.training-readout span{color:#b7c5ad;font-size:8px}.training-readout>i{background:#435743;border-radius:8px;flex:1;height:8px;overflow:hidden}.training-readout em{border-radius:inherit;background:linear-gradient(90deg,#e1b45c,#dd745b);height:100%;transition:width .15s;display:block}.talent-footnote{color:#899c87;margin:9px 0 0;font-size:8px}@media (width<=760px){.talents-panel{padding:12px}.talent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.talent-card{min-height:120px}.talent-controls{grid-template-columns:1fr}.talents-panel .resource-strip{gap:5px}.talents-panel .resource-chip{font-size:8px}.request-row{flex-direction:column;align-items:flex-start}.request-actions{align-self:flex-end}}.online-battle-top{z-index:8;align-items:flex-start}.online-top-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.online-top-actions>span{color:#d1ddc8;text-align:right;background:#17291fcb;border:1px solid #dce6c322;border-radius:9px;max-width:180px;padding:7px 9px;font-size:9px}.online-top-actions>span.is-connected{color:#b5df9a}.online-top-actions button{color:#e5e9d8;cursor:pointer;pointer-events:auto;background:#17291fe8;border:1px solid #dce6c333;border-radius:9px;padding:8px 10px;font-size:10px}.online-notice{z-index:16;top:calc(62px + var(--safe-top));color:#fff4d8;text-align:center;pointer-events:none;background:#17291fee;border:1px solid #e5c97655;border-radius:9px;max-width:min(90vw,360px);padding:8px 12px;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.netcode-debug{z-index:9;top:calc(62px + var(--safe-top));color:#e5f0db;pointer-events:auto;background:#10241de8;border:1px solid #dce6c344;border-radius:9px;width:max-content;max-width:94vw;padding:6px 10px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0005}.netcode-debug[open]{width:min(94vw,390px)}.netcode-debug summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.netcode-debug summary::-webkit-details-marker{display:none}.netcode-debug output{white-space:pre-line;border-top:1px solid #dce6c333;margin-top:6px;padding-top:6px;display:block}.joystick{touch-action:none;-webkit-user-select:none;user-select:none}.talents-panel{touch-action:pan-y}@media (width<=760px){.online-top-actions>span{max-width:112px;padding:5px 7px;font-size:8px}.online-top-actions button{padding:7px;font-size:9px}}@media (width<=560px) and (orientation:landscape){.battle-top{left:8px;right:8px}.mini-brand{padding:6px;font-size:10px}.online-top-actions>span{text-overflow:ellipsis;white-space:nowrap;max-width:84px;overflow:hidden}}:root{color:#f7f4e8;font-synthesis:none;text-rendering:optimizelegibility;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--tg-stable-height:100dvh;background:#172b22;font-family:DM Sans,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none}button{font:inherit;color:inherit}.game-shell{width:100vw;height:min(100dvh, var(--tg-stable-height));isolation:isolate;background:#234b38;min-height:100%;position:relative;overflow:hidden}.phaser-root,.phaser-root canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.home-overlay{z-index:2;padding:calc(32px + var(--safe-top)) calc(6.3vw + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(6.3vw + var(--safe-left));background:linear-gradient(90deg,#0f221be6 0%,#0f221bc9 37%,#0f221b38 67%,#0f221b2e 100%);position:absolute;inset:0;overflow:hidden}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{color:#392e21;background:#e4b85f;border:1px solid #e7c977;border-radius:15px;place-items:center;width:45px;height:45px;font-size:22px;display:grid;box-shadow:0 8px 25px #0e241b66}.eyebrow{color:#c1d0b6;letter-spacing:.2em;margin:0 0 2px;font-size:10px;font-weight:800}.brand-lockup h1{letter-spacing:.02em;margin:0;font:700 19px Outfit,sans-serif}.home-copy{max-width:470px;position:absolute;top:50%;left:12.8%;transform:translateY(-48%)}.online-pill{color:#c4ddb0;letter-spacing:.14em;background:#132b21aa;border:1px solid #a5c18155;border-radius:30px;align-items:center;gap:8px;padding:7px 11px;font-size:9px;font-weight:800;display:inline-flex}.online-pill i,.pulse-dot{background:#aee27d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 11px #aee27d}.home-copy h2{letter-spacing:-.045em;text-shadow:0 5px 26px #15291d88;margin:21px 0 14px;font:700 clamp(38px,5.1vw,69px)/.97 Outfit,sans-serif}.home-copy h2 em{color:#f1c46b;font-style:normal}.home-copy p{color:#d4dfc9;margin:0;font-size:clamp(13px,1.25vw,16px);line-height:1.65}.primary-button{color:#332a20;cursor:pointer;background:linear-gradient(135deg,#f0c66e,#dba64c);border:0;border-radius:14px;justify-content:space-between;align-items:center;width:218px;margin-top:27px;padding:15px 18px 15px 22px;font:800 16px Outfit,sans-serif;transition:transform .16s,filter .16s;display:flex;box-shadow:0 12px 35px #111d1766,inset 0 1px #fff7d3}.primary-button span{font-size:20px}.primary-button:hover{filter:brightness(1.05);transform:translateY(-2px)}.primary-button:active{transform:scale(.98)}.home-foot{bottom:calc(22px + var(--safe-bottom));color:#afc2ac;letter-spacing:.16em;justify-content:space-between;font-size:9px;font-weight:700;display:flex;position:absolute;left:6.3%;right:6.3%}.battle-top{z-index:3;top:calc(12px + var(--safe-top));left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.mini-brand{letter-spacing:.1em;background:#172a20d9;border:1px solid #e4edc732;border-radius:12px;align-items:center;gap:7px;padding:8px 11px;font:800 12px Outfit,sans-serif;display:flex;box-shadow:0 5px 18px #1c342744}.mini-brand span{font-size:16px}.demo-tag{color:#c7d8bd;letter-spacing:.15em;background:#192e23d9;border:1px solid #e0edce2c;border-radius:12px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:800;display:flex}.scoreboard{background:#17291fe8;border:1px solid #f4efdb31;border-radius:14px;grid-template-columns:repeat(4,minmax(78px,108px));gap:5px;padding:5px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 7px 22px #20362555}.team-score{text-align:center;border:1px solid #0000;border-radius:10px;min-width:0;padding:6px 9px 5px}.team-score.is-player{border-color:color-mix(in srgb, var(--team), transparent 42%);background:color-mix(in srgb, var(--team), transparent 87%)}.team-heading{color:#e8ecda;letter-spacing:.06em;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.team-heading i{background:var(--team);width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--team), transparent 40%);border-radius:50%}.team-heading small{color:#f0c56d;font-size:7px}.team-score strong{margin:0 0 1px;font:800 20px/1.1 Outfit,sans-serif;display:block}.team-score>small{color:#afc3aa;font-size:9px}.score-pop{animation:.45s ease-out scorePop}@keyframes scorePop{50%{color:#ffe38b;text-shadow:0 0 12px #ffdb68;transform:scale(1.38)}}.team-panel{z-index:3;top:calc(77px + var(--safe-top));left:calc(16px + var(--safe-left));pointer-events:none;background:#17291fdd;border:1px solid #f0e8c736;border-radius:15px;width:216px;padding:12px 13px 10px;position:absolute;box-shadow:0 8px 25px #20362566}.panel-title{border-bottom:1px solid #dce6c31b;align-items:center;gap:9px;padding-bottom:10px;display:flex}.panel-emblem{color:#453520;background:#eab65a;border-radius:10px;place-items:center;width:31px;height:31px;font-size:20px;display:grid}.panel-title small,.tower-status small{color:#9eb29e;letter-spacing:.11em;margin-bottom:2px;font-size:8px;font-weight:800;display:block}.panel-title strong{font:700 13px Outfit,sans-serif}.resource-strip{flex-direction:column;gap:5px;padding:9px 0;display:flex}.resource-chip{color:#d4dfcf;align-items:center;gap:7px;font-size:10px;display:flex}.resource-chip b{color:#fff5d8;margin-left:auto;font-size:12px}.resource-dot{background:#9d7146;border:1px solid #fff4d077;border-radius:3px;width:8px;height:8px}.resource-dot.lake{background:#55afd0;border-radius:50%}.resource-dot.stone{background:#aaa795}.tower-status{border-top:1px solid #dce6c31b;align-items:center;gap:9px;padding-top:9px;display:flex}.tower-glyph{color:#f1cb75;font-size:20px}.tower-status strong{letter-spacing:.06em;align-items:center;gap:5px;font:800 10px Outfit,sans-serif;display:flex}.tower-status strong i{background:#a9dc79;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #a9dc79}.tower-status strong span{color:#f3cf78;margin-left:8px;font-size:9px}.carry-pill{z-index:3;right:calc(17px + var(--safe-right));top:calc(77px + var(--safe-top));background:#17291fdd;border:1px solid #f0e8c736;border-radius:14px;grid-template-columns:25px auto;align-items:center;column-gap:6px;min-width:142px;padding:9px 12px;display:grid;position:absolute;box-shadow:0 8px 25px #20362566}.carry-pill>span{grid-row:span 2;font-size:19px}.carry-pill b{font:800 20px/1 Outfit,sans-serif}.carry-pill b i{color:#a9bba3;font-size:12px;font-style:normal}.carry-pill small{color:#a8b9a3;letter-spacing:.12em;font-size:7px;font-weight:800}.carry-pips{grid-column:1/-1;gap:3px;margin-top:6px;display:flex}.carry-pips i{background:#5d705e;border-radius:5px;flex:1;height:4px}.carry-pips i.filled{background:#efc66d;box-shadow:0 0 5px #efc66d77}.harvest-card{z-index:3;top:calc(100px + var(--safe-top));background:#17291fe8;border:1px solid #fff1ce44;border-radius:13px;width:min(300px,34vw);padding:10px 13px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #20362555}.harvest-heading{align-items:center;gap:8px;display:flex}.harvest-heading>span{color:#efc66d;font-size:19px}.harvest-heading div{flex-direction:column;flex:1;display:flex}.harvest-heading small{color:#aabc9e;letter-spacing:.14em;font-size:7px;font-weight:800}.harvest-heading b{font:700 12px Outfit,sans-serif}.harvest-heading strong{color:#f1ce7c;font-size:12px}.progress-track{background:#526650;border-radius:5px;height:5px;margin-top:8px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#dba650,#f5d980);height:100%;transition:width .1s linear;display:block}.controls-hint{z-index:3;bottom:calc(20px + var(--safe-bottom));color:#e6eed9;text-shadow:0 2px 4px #1c3022;align-items:center;gap:5px;font-size:9px;display:flex;position:absolute;left:154px}.controls-hint kbd,.action-button kbd{color:#f3e8c7;background:#15291fc9;border:1px solid #ebecd155;border-radius:5px;padding:3px 5px;font:700 8px DM Sans,sans-serif}.controls-hint span{margin-right:6px}.joystick{z-index:4;bottom:calc(18px + var(--safe-bottom));left:calc(18px + var(--safe-left));touch-action:none;width:124px;height:124px;position:absolute}.joystick-ring{background:#263e2e93;border:1px solid #eee8ce88;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 2px 12px #11231777,0 5px 14px #172a2055}.joystick-knob{z-index:2;background:linear-gradient(145deg,#e9c372,#bb8b48);border:2px solid #f1e2b2;border-radius:50%;width:44px;height:44px;transition:transform 45ms linear;position:absolute;top:40px;left:40px;box-shadow:0 4px 10px #121e16aa,inset 0 1px #fff7d6}.joy-arrow{color:#eff0dd99;font-size:15px;font-weight:700;position:absolute}.joy-up{top:4px;left:57px}.joy-down{bottom:4px;left:57px}.joy-left{top:49px;left:5px}.joy-right{top:49px;right:5px}.action-area{z-index:3;right:calc(18px + var(--safe-right));bottom:calc(21px + var(--safe-bottom));flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:absolute}.action-area p{color:#f1eddc;text-align:right;text-shadow:0 1px 4px #1c3022;background:#1a3023bd;border-radius:8px;max-width:210px;margin:0;padding:5px 9px;font-size:9px}.action-button{color:#d0d8c6;background:#233a2cdd;border:1px solid #d8e1c04a;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-width:184px;padding:13px 12px;font:700 12px Outfit,sans-serif;display:flex;box-shadow:0 7px 20px #1a2b2055}.action-button>span{color:#eac574}.action-button kbd{margin-left:auto}.action-button.enabled{color:#352d22;cursor:pointer;background:linear-gradient(135deg,#edc66d,#cf9d4c);border-color:#f3d782;box-shadow:0 5px 22px #241e1377,inset 0 1px #fff3be}.action-button.enabled>span{color:#604623}.action-button.enabled kbd{color:#4a3922;background:#614e2c33;border-color:#6a542e77}.action-button:disabled{opacity:.92}.tower-toast{z-index:3;pointer-events:none;position:absolute;top:51%;left:51%}.tower-toast span{color:#ffdf83;background:#293c2be8;border:1px solid #f1d78f8a;border-radius:10px;padding:7px 10px;font:800 10px Outfit,sans-serif;animation:1s ease-out both toast;display:block;box-shadow:0 0 20px #f5d47655}@keyframes toast{0%{opacity:0;transform:translateY(9px)scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)scale(1)}}.rotate-screen{display:none}.loading-overlay{z-index:8;color:#f6eed8;background:#17291ff2;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:700 15px Outfit,sans-serif;animation:.24s ease-out loadingIn;display:flex;position:absolute;inset:0}.loading-paw{color:#382d1d;background:#e3b75d;border-radius:20px;place-items:center;width:58px;height:58px;font-size:28px;animation:.7s ease-in-out infinite alternate pawPulse;display:grid}.loading-track{background:#53634d;border-radius:5px;width:145px;height:4px;overflow:hidden}.loading-track i{border-radius:inherit;background:#efc66d;width:42%;height:100%;animation:.65s ease-in-out infinite alternate loadingBar;display:block}@keyframes loadingIn{0%{opacity:0}to{opacity:1}}@keyframes pawPulse{to{transform:scale(1.08)rotate(-6deg)}}@keyframes loadingBar{0%{transform:translate(0)}to{transform:translate(210%)}}@media (orientation:portrait){.rotate-screen{z-index:20;text-align:center;background:#16291f;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rotate-screen h2{margin:22px 0 7px;font:700 23px Outfit,sans-serif}.rotate-screen p{color:#bbcbb5;margin:0;font-size:13px;line-height:1.6}.rotate-phone{border:3px solid #ebc46d;border-radius:9px;place-items:center;width:43px;height:70px;animation:1.7s ease-in-out infinite alternate rotatePhone;display:grid;transform:rotate(-90deg)}.rotate-phone i{background:#ebc46d;border-radius:50%;width:5px;height:5px}@keyframes rotatePhone{to{transform:rotate(0)}}}@media (height<=460px) and (orientation:landscape){.team-panel{transform-origin:0 0;top:63px;transform:scale(.88)}.carry-pill{transform-origin:100% 0;top:63px;transform:scale(.9)}.scoreboard{grid-template-columns:repeat(4,minmax(70px,92px))}.team-score{padding:3px 6px}.team-score strong{font-size:17px}.harvest-card{top:82px}.joystick{transform-origin:0 100%;transform:scale(.88)}.action-area{transform-origin:100% 100%;transform:scale(.9)}}@media (width<=650px) and (orientation:landscape){.team-panel{width:185px;padding:9px}.scoreboard{grid-template-columns:repeat(4,minmax(56px,70px))}.team-score{padding:4px 3px}.team-heading{gap:3px;font-size:7px}.team-score strong{font-size:16px}.team-score>small{font-size:8px}.mini-brand,.demo-tag{padding:7px}.carry-pill{min-width:118px}.controls-hint{display:none}.home-copy{left:8%}.home-overlay{padding-left:5%;padding-right:5%}}:root{--app-height:100dvh;--content-top:0px;--content-right:0px;--content-bottom:0px;--content-left:0px;--ui-top:calc(var(--safe-top) + var(--content-top));--ui-right:calc(var(--safe-right) + var(--content-right));--ui-bottom:calc(var(--safe-bottom) + var(--content-bottom));--ui-left:calc(var(--safe-left) + var(--content-left))}body{touch-action:auto}.game-shell{height:var(--app-height);min-height:0}.game-shell button,.game-shell select{min-height:44px}.game-shell button:focus-visible{outline-offset:2px;outline:3px solid #ffe1a0}.game-shell input{-webkit-user-select:text;user-select:text;min-height:44px;font-size:16px}.game-shell .home-overlay{padding:calc(18px + var(--ui-top)) calc(24px + var(--ui-right)) calc(18px + var(--ui-bottom)) calc(24px + var(--ui-left))}.game-shell .home-copy{left:calc(32px + var(--ui-left));top:calc(90px + var(--ui-top));bottom:calc(40px + var(--ui-bottom));flex-direction:column;justify-content:center;display:flex;transform:none}.game-shell .home-copy h2{margin:12px 0;font-size:clamp(30px,5vw,62px)}.game-shell .primary-button{flex-shrink:0;margin-top:16px}.game-shell .home-foot{bottom:calc(12px + var(--ui-bottom));left:calc(24px + var(--ui-left));right:calc(24px + var(--ui-right))}.game-shell .arena-lobby{padding:calc(12px + var(--ui-top)) calc(16px + var(--ui-right)) calc(12px + var(--ui-bottom)) calc(16px + var(--ui-left));touch-action:pan-y;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.arena-lobby>header{align-items:center;margin-bottom:12px}.arena-lobby h1{margin:4px 0 0;font-size:clamp(24px,4vw,36px)}.lobby-tabs{gap:8px;max-width:1100px;margin:0 auto 12px;display:flex}.lobby-tabs button{flex:1}.lobby-tabs button[aria-pressed=true]{color:#ffe6ae;background:#3d482c;border-color:#e3b363}.arena-lobby .arena-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arena-lobby .arena-grid>section{min-width:0;padding:14px}.arena-lobby .arena-grid h2{margin-bottom:8px;font-size:20px}.arena-lobby p,.arena-lobby small{overflow-wrap:anywhere}.arena-lobby .arena-profile{flex-flow:wrap;align-items:end}.arena-profile label{flex:1;min-width:0}.arena-profile input{width:100%;min-width:0}.arena-profile span{width:100%}.arena-clan-row{flex-wrap:wrap}.arena-member{align-items:start}.arena-member small{flex-shrink:0}.arena-lobby .character-collection{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);gap:14px;padding:14px}.arena-lobby .character-showcase{gap:12px}.arena-lobby .character-showcase h2{font-size:24px}.arena-lobby .character-options{flex-direction:column}.arena-lobby .character-option{min-width:0}.arena-lobby .character-preview{width:100px;height:120px}.arena-lobby .character-preview img{width:120px;height:120px}.arena-lobby .character-showcase p{margin:0 0 8px}.arena-lobby footer{overflow-wrap:anywhere;margin-top:16px}.auth-screen{place-items:center;display:grid}.auth-screen>div{max-width:560px}.game-shell .rotate-screen{z-index:100}.game-shell .online-battle-top{top:calc(8px + var(--ui-top));left:calc(12px + var(--ui-left));right:calc(12px + var(--ui-right));align-items:center;gap:12px;height:44px}.solo-score{background:#17291fe8;border-radius:12px;align-items:center;gap:10px;padding:7px 12px;display:flex}.solo-score small{color:#e3c778;font-size:10px}.solo-score strong{font-size:24px}.game-shell .online-top-actions{margin-left:auto}.game-shell .online-top-actions button{padding:8px 12px;font-size:12px}.game-shell .online-top-actions>span{max-width:170px;font-size:10px}.game-shell .team-panel{top:calc(60px + var(--ui-top));left:calc(12px + var(--ui-left));width:auto;max-width:calc(100% - 24px - var(--ui-left) - var(--ui-right));padding:8px 10px;transform:none}.game-shell .team-panel .panel-title,.game-shell .team-panel .tower-status{display:none}.game-shell .team-panel .resource-strip{flex-direction:row;gap:16px;padding:0}.game-shell .team-panel .resource-chip{gap:5px}.game-shell .team-panel .resource-chip b{margin-left:2px}.game-shell .carry-pill{height:32px;top:auto;bottom:calc(80px + var(--ui-bottom));right:calc(12px + var(--ui-right));gap:6px;min-width:95px;padding:4px 8px;display:flex;transform:none}.game-shell .carry-pill small,.game-shell .carry-pips{display:none}.game-shell .talents-open{top:auto;bottom:calc(120px + var(--ui-bottom));right:calc(12px + var(--ui-right));min-width:95px;padding:7px 10px}.game-shell .joystick{left:calc(16px + var(--ui-left));bottom:calc(12px + var(--ui-bottom));width:112px;height:112px;transform:none}.game-shell .joystick-knob{top:34px;left:34px}.game-shell .joy-up,.game-shell .joy-down{left:51px}.game-shell .joy-left,.game-shell .joy-right{top:43px}.game-shell .action-area{bottom:calc(12px + var(--ui-bottom));right:calc(12px + var(--ui-right));transform:none}.game-shell .action-button{grid-template-columns:18px minmax(0,1fr) auto;width:clamp(170px,30vw,240px);min-width:0;height:56px;padding:8px;font-size:12px;display:grid}.game-shell .action-button .action-label{color:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.game-shell .harvest-card{top:auto;bottom:calc(16px + var(--ui-bottom));width:min(220px,100% - 410px);padding:8px}.game-shell .online-notice{top:calc(102px + var(--ui-top));max-width:min(56vw,360px)}.game-shell .netcode-debug{top:calc(60px + var(--ui-top));left:auto;right:calc(12px + var(--ui-right));max-width:min(360px,60vw);transform:none}.game-shell .controls-hint{display:none}.game-shell .talents-panel{inset:calc(8px + var(--ui-top)) calc(12px + var(--ui-right)) calc(8px + var(--ui-bottom)) calc(12px + var(--ui-left));width:auto;max-width:900px;height:calc(var(--app-height) - 16px - var(--ui-top) - var(--ui-bottom));max-height:calc(var(--app-height) - 16px - var(--ui-top) - var(--ui-bottom));touch-action:pan-y;margin:auto;padding:12px;position:fixed;transform:none}.talents-panel::backdrop{background:#07170ccc}.game-shell .talents-panel>header{z-index:1;background:#17291f;padding:4px 0;position:sticky;top:-12px}.game-shell .talent-close{flex-shrink:0;width:44px}.game-shell .talent-list{grid-template-columns:repeat(3,minmax(0,1fr))}.game-shell .talent-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.game-shell .talent-card p{font-size:12px}.game-shell .talent-card>small,.game-shell .talent-note,.game-shell .request-row small,.game-shell .talent-card button,.game-shell .request-actions button{font-size:11px}.game-shell .clan-confirmation{max-height:calc(var(--app-height) - 24px - var(--ui-top) - var(--ui-bottom));touch-action:pan-y;overflow:auto}@media (height<=460px) and (orientation:landscape){.game-shell .brand-lockup .brand-mark{width:36px;height:36px;font-size:22px}.game-shell .brand-lockup h1{font-size:20px}.game-shell .home-copy{top:calc(66px + var(--ui-top));bottom:calc(30px + var(--ui-bottom))}.game-shell .online-pill{display:none}.game-shell .home-copy h2{margin:0 0 8px;font-size:clamp(28px,4.5vw,40px)}.game-shell .home-copy p{font-size:12px;line-height:1.4}.game-shell .primary-button{width:210px;margin-top:12px;padding:10px 16px}.game-shell .mini-brand{display:none}.game-shell .online-top-actions>span{max-width:130px}.game-shell .harvest-card{width:min(160px,100% - 370px)}.game-shell .harvest-heading small{display:none}}@media (pointer:coarse){.game-shell kbd{display:none}}@media (width<=620px){.arena-lobby .arena-grid,.arena-lobby .character-collection{grid-template-columns:minmax(0,1fr)}.arena-lobby .character-options{flex-direction:row}.arena-lobby .character-option{flex:1;gap:6px;padding:6px}.arena-lobby .character-option img{width:44px;height:44px}.game-shell .talent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}