@font-face{font-family:Cinzel;src:url(/assets/fonts/Cinzel.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Cinzel Decorative;src:url(/assets/fonts/CinzelDecorative-Black.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:InterVar;src:url(/assets/fonts/Inter.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--ground:#0b0a08;--panel:#14100bd1;--panel-solid:#14100b;--panel-2:#1d1710;--line:#c9a24e38;--gold-hot:oklch(96% .075 96);--gold-bright:oklch(88% .15 92);--gold:oklch(79% .155 87);--gold-deep:oklch(66% .14 80);--gold-dim:oklch(58% .115 78);--gold-glow:oklch(86% .15 90/.5);--gold-glow-soft:oklch(86% .13 90/.22);--gold-grad:linear-gradient(180deg in oklch, var(--gold-hot) 0%, var(--gold-bright) 38%, var(--gold) 70%, var(--gold-deep) 100%);--ink:#f4ecd8;--ink-dim:#cfc1a0;--ink-faint:#948a71;--halo:0 1px 2px #000000f2, 0 2px 6px #000000bf, 0 0 14px #0009;--halo-gold:0 1px 2px #000000e6, 0 0 10px #0000008c, 0 0 18px var(--gold-glow-soft);--res-gold:#ffc94a;--res-gold-deep:#8a6a1c;--elixir:#c86bff;--elixir-deep:#5e2a86;--hp:#df4438;--hp-glow:#ff7a63;--danger:#ff5a3c;--warn:#e8a23a;--ok:#7fc26a;--font-title:"Cinzel Decorative", "Cinzel", serif;--font-display:"Cinzel", "Times New Roman", serif;--font-ui:"InterVar", system-ui, sans-serif;--r:8px;--shadow:0 8px 30px #0000008c;--glass-blur:blur(7px) saturate(1.05)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ground);width:100%;height:100%;font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}#canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}body.cursor-on,body.cursor-on *{cursor:none}body.cursor-on input,body.cursor-on textarea{cursor:text}#cursor-dot,#cursor-ring{z-index:9999;pointer-events:none;will-change:transform;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-dot{background:#fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 3px #fff,0 0 8px #fffffffa,0 0 18px #ffffffd9,0 0 34px #ffffff8c}#cursor-ring{opacity:.7;border:2px solid #fffffff2;border-radius:50%;width:32px;height:32px;transition:width .16s,height .16s,opacity .16s,border-color .16s,box-shadow .16s;box-shadow:0 0 14px #ffffffb3,inset 0 0 10px #ffffff73}#cursor-ring.hot{opacity:1;border-color:#fff;width:48px;height:48px;box-shadow:0 0 24px #ffffffe6,inset 0 0 14px #ffffff8c}#cursor-ring.down{width:22px;height:22px}.panel{border-style:solid;border-width:15px;background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);border-image-source:url(/ui/frames/border-image-golden.png);border-image-slice:4;border-image-width:18px;border-image-repeat:repeat}.glass{border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow), inset 0 1px 0 #fff0c80d;background:linear-gradient(#1c160fdb,#0c0a07d1)}.ico{width:1em;height:1em;-webkit-mask:var(--i) center / contain no-repeat;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat;vertical-align:-.14em;background:currentColor;flex:none;display:inline-block}.btn{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);border:1px solid var(--gold-dim);cursor:pointer;text-transform:uppercase;background:linear-gradient(#241c12,#15100a);border-radius:6px;padding:11px 22px;font-size:13px;font-weight:700;transition:transform .12s,border-color .12s,color .12s,box-shadow .12s}.btn:hover{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 6px 20px #00000080, 0 0 18px var(--gold-glow);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(#2e2413,#1a1309)}.btn--sm{padding:7px 13px;font-size:11px}.btn--danger{color:#ff9a8a;border-color:#ff5a3c80}.btn--danger:hover{border-color:var(--danger);color:var(--danger);box-shadow:0 6px 20px #00000080,0 0 18px #ff5a3c59}.btn:disabled,.btn.dim{opacity:.45;filter:grayscale(.5);cursor:not-allowed;box-shadow:none;transform:none}.iconbtn{width:40px;height:40px;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:linear-gradient(#1e170fe6,#0e0b08e6);border-radius:8px;place-items:center;font-size:20px;transition:all .12s;display:grid}.iconbtn:hover{color:var(--gold-bright);border-color:var(--gold);box-shadow:0 0 14px var(--gold-glow)}.iconbtn.off{color:var(--danger)}.iconbtn.on{color:var(--gold-hot);border-color:var(--gold);box-shadow:0 0 16px var(--gold-glow), inset 0 1px 0 #fff0c826;background:linear-gradient(#4a3816f2,#261c0cf2)}.iconbtn .ico{font-size:19px}.kbd{min-width:22px;height:22px;font:700 11px/1 var(--font-ui);color:var(--gold-bright);border:1px solid var(--gold-dim);background:linear-gradient(#2a2113,#15100a);border-bottom-width:3px;border-radius:5px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:inset 0 1px #fff0c814}.bar{border:1px solid var(--line);background:#0000008c;border-radius:8px;height:16px;position:relative;overflow:hidden}.bar__fill{transform-origin:0;border-radius:inherit;transition:transform .18s;position:absolute;inset:0}.bar__label{font:800 11.5px/1 var(--font-ui);letter-spacing:.05em;color:#fff;text-shadow:0 1px 2px #000e,0 0 6px #0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tip{position:relative}.info-dot{color:#ff5a4d;width:18px;height:18px;font:900 12px/1 var(--font-ui);cursor:help;-webkit-user-select:none;user-select:none;pointer-events:auto;border:1.5px solid #ff5a4d;border-radius:50%;flex:none;align-self:center;place-items:center;transition:color .14s,border-color .14s,transform .14s,box-shadow .14s;display:inline-grid}.info-dot:hover{color:#ff8a7a;z-index:20;border-color:#ff8a7a;transform:scale(1.15);box-shadow:0 0 9px #ff5a4db3}.info-dot[data-tip]:after{white-space:normal;max-width:250px;font-size:11.5px;line-height:1.45}.tip[data-tip]:after{content:attr(data-tip);background:var(--panel-solid);color:var(--ink);border:1px solid var(--line);font:400 11px/1.4 var(--font-ui);letter-spacing:.02em;opacity:0;pointer-events:none;width:max-content;max-width:230px;box-shadow:var(--shadow);z-index:50;border-radius:6px;padding:7px 10px;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tip[data-tip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.hud-buttons .tip[data-tip]:after{inset:calc(100% + 8px) 0 auto auto;transform:translateY(-4px)}.hud-buttons .tip[data-tip]:hover:after{transform:translateY(0)}#ca-bar .tip[data-tip]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)translateY(-4px)}#ca-bar .tip[data-tip]:hover:after{transform:translate(-50%)translateY(0)}.hud-build .tile-cell:first-child .tip-anchor:after{left:0;transform:translateY(4px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:4px}::-webkit-scrollbar-track{background:0 0}#loading{background:radial-gradient(ellipse at 50% 45%, #3c2c1459, transparent 60%), var(--ground);z-index:30;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .7s;display:flex;position:fixed;inset:0}#loading .load-mark{font:900 34px/1 var(--font-title);letter-spacing:.3em;color:var(--gold-bright);text-shadow:0 0 30px var(--gold-glow)}#loading .load-sub{font:600 11px/1 var(--font-ui);letter-spacing:.45em;color:var(--ink-faint);text-transform:uppercase}#loading .load-track{background:#ffffff14;border-radius:2px;width:220px;height:3px;overflow:hidden}#loading .load-track:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-bright), transparent);width:40%;height:100%;animation:1.1s ease-in-out infinite loadslide;display:block}@keyframes loadslide{0%{transform:translate(-120%)}to{transform:translate(320%)}}#loading.done{opacity:0;pointer-events:none}#loading.load-fail{text-align:center;gap:14px;padding:0 28px}.load-fail-msg{max-width:460px;font:500 15px/1.55 var(--font-ui);color:var(--ink-dim)}.load-fail-list{text-align:left;flex-direction:column;gap:8px;max-width:440px;list-style:none;display:flex}.load-fail-list li{font:400 13px/1.4 var(--font-ui);color:var(--ink-faint);border-left:2px solid var(--gold-dim);padding-left:14px}.load-fail-list b{color:var(--ink)}.load-fail-note{font:400 11px/1.4 var(--font-ui);color:var(--ink-faint);opacity:.6}@media (prefers-reduced-motion:reduce){*{transition-duration:50ms!important;animation-duration:1ms!important}}#hud{z-index:6;pointer-events:none;position:fixed;inset:0}#hud button,#hud .clickable,#hud input{pointer-events:auto}.hud-res{top:calc(14px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));flex-direction:column;gap:8px;width:264px;padding:12px 14px;display:flex;position:absolute}.res-row{align-items:center;gap:9px;display:flex}.res-row>.ico{filter:drop-shadow(0 0 6px var(--gold-glow-soft)) drop-shadow(0 1px 2px #000c);flex:none;font-size:18px}.res-row.gold>.ico{color:var(--res-gold)}.res-row.elixir>.ico{color:var(--elixir)}.res-row .bar{flex:1;height:18px}.res-row.gold .bar__fill{background:linear-gradient(90deg in oklch, var(--res-gold-deep), var(--res-gold));box-shadow:0 0 12px #ffc94a59}.res-row.elixir .bar__fill{background:linear-gradient(90deg in oklch, var(--elixir-deep), var(--elixir));box-shadow:0 0 12px #c86bff59}.res-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.res-army{font:800 13px/1 var(--font-ui);color:var(--ink);text-shadow:var(--halo);align-items:center;gap:7px;display:flex}.res-army .ico{color:var(--gold-bright);font-size:15px}.res-hint{font:600 9.5px/1 var(--font-ui);letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase}.hud-strip{top:calc(14px + env(safe-area-inset-top));border-radius:10px;align-items:center;gap:14px;max-width:46vw;padding:9px 20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-strip .tb-cell{font:800 19px/1 var(--font-ui);color:var(--ink);text-shadow:var(--halo);white-space:nowrap;align-items:center;gap:8px;display:flex}.hud-strip .tb-cell .ico{color:var(--gold-bright);filter:drop-shadow(0 0 6px var(--gold-glow-soft)) drop-shadow(0 1px 2px #000c);font-size:18px}.hud-strip .tb-div{background:var(--line);width:1px;height:18px}.strip-stars{letter-spacing:.14em;color:var(--gold-bright);text-shadow:var(--halo), 0 0 14px var(--gold-glow);font-size:21px}.strip-stars .off{color:var(--ink-faint);text-shadow:var(--halo)}.strip-loot .g{color:var(--res-gold)}.strip-loot .e{color:var(--elixir)}.strip-result{font:800 17px/1 var(--font-display);letter-spacing:.2em}.strip-result.win{color:var(--gold-bright);text-shadow:var(--halo), 0 0 18px var(--gold-glow)}.strip-result.lose{color:#ff9a8a}.raid-strip{top:calc(14px + env(safe-area-inset-top));border:1.5px solid var(--danger);font:800 15px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#ffb3a3;text-shadow:var(--halo);background:linear-gradient(#34120af0,#140805f2);border-radius:12px;align-items:center;gap:11px;padding:10px 22px;animation:1.1s ease-in-out infinite raidpulse;display:flex;position:absolute;left:50%;transform:translate(-50%)}.raid-strip .ico{color:var(--danger);filter:drop-shadow(0 0 10px #ff5a3cb3);font-size:18px}@keyframes raidpulse{50%{box-shadow:0 0 34px #ff5a3c80}}.hud-toasts{top:calc(64px + env(safe-area-inset-top));flex-direction:column;align-items:center;gap:4px;max-width:min(560px,60vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{text-shadow:var(--halo);font:700 13.5px/1.35 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);text-align:center;background:#0a080599;border-radius:20px;padding:7px 17px;transition:opacity .6s,transform .6s;animation:.3s feedin}.toast.good{color:var(--gold-bright);border-color:var(--gold)}.toast.bad{color:var(--danger);border-color:#ff5a3c80}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes feedin{0%{opacity:0;transform:translate(-10px)}}.hud-buttons{top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100vw - 32px);display:flex;position:absolute}.attack-btn{align-items:center;gap:9px;padding:10px 18px;font-size:14px;display:inline-flex}.attack-btn .ico{color:var(--gold-bright);filter:drop-shadow(0 0 7px var(--gold-glow-soft));font-size:17px}.attack-btn.ready{animation:2s ease-in-out infinite attackready}@keyframes attackready{0%,to{box-shadow:0 0 #c9a24e00}50%{box-shadow:0 0 22px 3px var(--gold-glow)}}.drop-panel{top:calc(62px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:8;opacity:0;pointer-events:none;border-radius:11px;width:312px;padding:16px 16px 14px;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(-8px)}.drop-panel.open{opacity:1;pointer-events:auto;transform:none}.dp-title{font:700 11px/1 var(--font-display);letter-spacing:.24em;color:var(--gold);text-transform:uppercase;margin-bottom:11px}.tier-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:linear-gradient(#1e170fb8,#0c0a07b8);border-radius:10px;grid-template-columns:40px 1fr;grid-template-areas:"ico name""ico desc";align-items:center;gap:1px 12px;width:100%;margin-bottom:8px;padding:12px 13px;transition:all .16s;display:grid}.tier-card:hover{border-color:var(--gold);box-shadow:0 8px 24px #00000080, 0 0 18px var(--gold-glow);transform:translateY(-2px)}.tier-card .ico{color:var(--gold-bright);grid-area:ico;font-size:27px}.tier-name{font:800 15px/1.15 var(--font-display);letter-spacing:.04em;color:var(--ink);grid-area:name}.tier-desc{font:500 11px/1.4 var(--font-ui);color:var(--ink-dim);opacity:.75;grid-area:desc}.tier-card:hover .tier-desc{opacity:1}.ctl-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.ctl-keys{gap:3px;display:flex}.ctl-label{font:600 12.5px/1 var(--font-ui);color:var(--ink);letter-spacing:.04em;text-shadow:0 1px 2px #000c}.tile-cell{border:1px solid var(--line);width:58px;height:58px;color:var(--gold-bright);cursor:pointer;background:linear-gradient(#1e180feb,#0c0a07eb);border-radius:10px;place-items:center;transition:all .14s;display:grid;position:relative;box-shadow:0 4px 14px #00000080,inset 0 1px #fff0c814}.tile-cell .ico{filter:drop-shadow(0 0 7px var(--gold-glow-soft));font-size:26px;transition:transform .14s}.tile-cell:hover{border-color:var(--gold);box-shadow:0 6px 18px #0000008c, 0 0 16px var(--gold-glow);transform:translateY(-3px)}.tile-cell:hover .ico{transform:scale(1.12)}.tile-cell.active{border-color:var(--gold-bright);box-shadow:0 0 20px var(--gold-glow), inset 0 0 12px var(--gold-glow-soft);background:linear-gradient(#3c2e16f2,#140f09f2)}.tile-cell.dim{opacity:.45;filter:saturate(.4)}.tile-cell.dim:hover{transform:none}.tile-badge{min-width:19px;height:19px;font:800 11px/1 var(--font-ui);color:#1a1206;background:var(--gold-grad);border-radius:10px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 6px #0000008c}.tile-badge:empty{display:none}.tile-cost{text-align:center;font:700 8.5px/1 var(--font-ui);letter-spacing:.03em;color:var(--ink-dim);pointer-events:none;position:absolute;bottom:3px;left:0;right:0}.tile-cost.g{color:var(--res-gold)}.tile-cost.e{color:var(--elixir)}.tile-key{font:800 10px/1 var(--font-ui);color:var(--gold-bright);border:1px solid var(--gold-dim);background:#0a0805f2;border-radius:5px;padding:2px 5px;position:absolute;top:-7px;left:-4px}.bar-label{font:800 10px/1 var(--font-display);letter-spacing:.26em;color:var(--gold-bright);text-transform:uppercase;text-shadow:var(--halo);align-items:center;gap:7px;margin-bottom:7px;display:flex}.bar-label .ico{filter:drop-shadow(0 0 6px var(--gold-glow-soft));font-size:13px}.bar-label .bl-meta{font:700 10px/1 var(--font-ui);letter-spacing:.06em;color:var(--ink-dim);text-transform:none;margin-left:auto}.hud-build{left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));border-radius:12px;max-width:calc(100vw - 430px);padding:11px 13px 13px;position:absolute}.hud-build .tile-row{flex-wrap:wrap;gap:14px;display:flex}.tile-group{flex-direction:column;gap:5px;display:flex}.tile-group+.tile-group{border-left:1px solid var(--line);padding-left:14px}.tg-label{font:800 8.5px/1 var(--font-display);letter-spacing:.24em;color:var(--ink-faint);text-transform:uppercase;text-shadow:var(--halo)}.tg-row{gap:8px;display:flex}.hud-army{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));border-radius:12px;padding:11px 13px 13px;position:absolute}.hud-army .tile-row{gap:9px;display:flex}.troop-card{border:2px solid var(--gold-dim);cursor:pointer;background:radial-gradient(120% 90% at 50% 0,#ffd68224,#0000 55%),linear-gradient(#5b3f20 0%,#46301a 46%,#2a1c0e 100%);border-radius:11px;flex-direction:column;align-items:center;width:76px;height:102px;padding:0;transition:all .14s;display:flex;position:relative;box-shadow:0 4px 14px #00000080,inset 0 1px #fff0c824}.tc-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 5px #00000073);width:68px;height:68px;margin-top:5px;transition:transform .14s}.tc-name{font:700 9px/1.15 var(--font-display);letter-spacing:.04em;color:var(--gold-bright);text-shadow:0 1px 2px #000d;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;position:absolute;bottom:4px;left:3px;right:3px;overflow:hidden}.tc-cost{z-index:1;min-width:21px;height:21px;font:800 10.5px/1 var(--font-ui);color:#fff;background:linear-gradient(180deg, var(--elixir), var(--elixir-deep));pointer-events:none;border:1px solid #ffffff59;border-radius:11px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-7px;left:-6px;box-shadow:0 2px 6px #0000008c}.troop-card .tile-badge{top:-7px;right:-6px}.troop-card:hover{border-color:var(--gold);box-shadow:0 8px 20px #0000008c, 0 0 16px var(--gold-glow);transform:translateY(-4px)}.troop-card:hover .tc-art{transform:scale(1.07)}.troop-card.dim{opacity:.45;filter:saturate(.4)}.troop-card.dim:hover{transform:none}.tile-cell--art .tile-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px #00000073);width:46px;height:46px;transition:transform .14s}.tile-cell--art:hover .tile-art{transform:scale(1.1)}.tile-badge.full{color:#fff;background:linear-gradient(#ff7a5c,#a12617)}.bo-art{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 3px #00000080);width:26px;height:26px}.hud-deploy{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));border-radius:12px;flex-direction:column;padding:11px 14px 13px;display:flex;position:absolute;transform:translate(-50%)}.hud-deploy .tile-row{align-items:center;gap:9px;display:flex}.hud-deploy .end-btn{margin-left:10px}.sel-panel{left:50%;bottom:calc(118px + env(safe-area-inset-bottom));text-align:center;border-radius:11px;min-width:300px;max-width:380px;padding:13px 17px 14px;position:absolute;transform:translate(-50%)}.sel-title{font:800 15px/1 var(--font-display);letter-spacing:.06em;color:var(--gold-bright);text-shadow:var(--halo);justify-content:center;align-items:center;gap:9px;display:flex}.sel-title .ico{filter:drop-shadow(0 0 6px var(--gold-glow-soft));font-size:17px}.sel-title .sel-lvl{font:700 10px/1 var(--font-ui);letter-spacing:.16em;color:var(--gold);text-transform:uppercase}.sel-hp{height:12px;margin:9px 0 4px}.sel-hp .bar__fill{background:linear-gradient(90deg in oklch, #a32c22, #ff5a44)}.sel-hp .bar__label{font-size:9.5px}.sel-meta{font:500 11px/1.4 var(--font-ui);color:var(--ink-dim);margin-bottom:9px}.sel-meta .g{color:var(--res-gold);font-weight:700}.sel-meta .e{color:var(--elixir);font-weight:700}.sel-actions{justify-content:center;gap:7px;display:flex}.sel-actions .sel-demolish{min-width:34px;padding-inline:11px;font-weight:900}#pause{z-index:13;-webkit-backdrop-filter:blur(5px)saturate(1.05);background:radial-gradient(at 50% 42%,#0e0a0580,#040302cc);justify-content:center;align-items:center;animation:.25s pausein;display:flex;position:fixed;inset:0}#pause.hidden{display:none}@keyframes pausein{0%{opacity:0}}.pause-frame{border-style:solid;border-width:15px;background:radial-gradient(at 50% 0,oklch(79% .155 87/.1),#0000 55%),linear-gradient(#1a140cf0,#0a0805f5);border-image-source:url(/ui/frames/border-image-golden.png);border-image-slice:4;border-image-width:18px;border-image-repeat:repeat;width:430px;max-width:92vw;padding:34px 36px 30px;animation:.35s cubic-bezier(.22,1,.36,1) framein,3s ease-in-out .35s infinite framepulse;position:relative}@keyframes framein{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes framepulse{0%,to{box-shadow:0 24px 70px #000000bf, 0 0 34px var(--gold-glow-soft)}50%{box-shadow:0 24px 70px #000000bf, 0 0 60px var(--gold-glow)}}.pf-gem{background:var(--gold-grad);width:11px;height:11px;box-shadow:0 0 12px var(--gold-glow), 0 0 24px var(--gold-glow-soft);animation:2.2s ease-in-out infinite gemtwinkle;position:absolute;transform:rotate(45deg)}.pf-gem.tl{top:-19px;left:-19px}.pf-gem.tr{animation-delay:.5s;top:-19px;right:-19px}.pf-gem.bl{animation-delay:1.1s;bottom:-19px;left:-19px}.pf-gem.br{animation-delay:1.6s;bottom:-19px;right:-19px}@keyframes gemtwinkle{0%,to{filter:brightness(.9)}50%{filter:brightness(1.5)}}.pause-title{text-align:center;font:900 30px/1 var(--font-title);letter-spacing:.3em;background:var(--gold-grad);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px var(--gold-glow-soft)) drop-shadow(0 2px 2px #000c);-webkit-background-clip:text;background-clip:text;margin-bottom:4px}.pause-sub{text-align:center;font:600 10px/1 var(--font-ui);letter-spacing:.42em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:20px}.pause-div{align-items:center;gap:10px;margin:2px 0 16px;display:flex}.pause-div:before,.pause-div:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);flex:1;height:1px}.pause-div i{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold-glow-soft);transform:rotate(45deg)}.pause-list{flex-direction:column;gap:4px;display:flex}.pause-item{font:700 18px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:6px;align-items:center;gap:16px;padding:13px 18px;transition:all .16s;display:flex;position:relative;overflow:hidden}.pause-item:before{content:"";background:linear-gradient(105deg, transparent 25%, var(--gold-glow-soft) 50%, transparent 75%);pointer-events:none;position:absolute;inset:0;transform:translate(-130%)}.pause-item:hover:before{transition:transform .45s;transform:translate(130%)}.pause-item .ico{color:var(--gold-dim);font-size:21px;transition:all .16s}.pause-item:hover{color:var(--gold-bright);border-left-color:var(--gold-bright);text-shadow:0 0 16px var(--gold-glow-soft);background:linear-gradient(90deg,oklch(79% .155 87/.13),#0000 80%);transform:translate(6px)}.pause-item:hover .ico{color:var(--gold-bright);filter:drop-shadow(0 0 9px var(--gold-glow))}.pause-item.danger:hover{color:var(--danger);border-left-color:var(--danger);text-shadow:0 0 16px #ff5a3c59;background:linear-gradient(90deg,#ff5a3c1f,#0000 80%)}.pause-item.danger:hover .ico{color:var(--danger);filter:drop-shadow(0 0 9px #ff5a3c80)}.pause-sub-panel{flex-direction:column;gap:13px;padding:4px 6px 2px;animation:.25s panelup;display:flex}@keyframes panelup{0%{opacity:0;transform:translateY(10px)}}.pause-sub-panel .ctl-row{margin-bottom:0}.pause-sub-panel p{font:400 13px/1.6 var(--font-ui);color:var(--ink-dim)}.pause-sub-panel p b{color:var(--gold-bright)}.set-row{font:700 12px/1 var(--font-ui);letter-spacing:.1em;color:#fff;text-shadow:var(--halo);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;display:flex}.set-row input[type=range]{accent-color:var(--gold);flex:1}.set-row .set-val{text-align:right;min-width:40px;font:800 12px/1 var(--font-ui);color:var(--gold-bright);letter-spacing:.04em;flex:none}.pause-back{color:var(--ink-dim);font:600 12px/1 var(--font-ui);letter-spacing:.14em;cursor:pointer;text-transform:uppercase;background:0 0;border:none;align-self:flex-start;margin-top:6px;transition:color .14s}.pause-back:hover{color:var(--gold-bright)}.pause-hint{text-align:center;font:600 10px/1 var(--font-ui);letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase;margin-top:16px}#uifx{z-index:14;pointer-events:none;opacity:0;transition:opacity .6s;position:fixed;inset:0}#uifx.on{opacity:1}#hud{transition:opacity .9s .5s}#hud.title-mode{opacity:0;pointer-events:none;transition:none}#hud.title-mode button,#hud.title-mode .clickable,#hud.title-mode input{pointer-events:none}#menu{z-index:9;pointer-events:none;position:fixed;inset:0}#menu button,#menu input{pointer-events:auto}#menu .menu-veil{background:linear-gradient(100deg,#080604d6 0%,#0806048c 24%,#0806042e 42%,#0000 56%);transition:opacity .7s;position:absolute;inset:0}#menu .menu-col{flex-direction:column;justify-content:center;width:min(378px,86vw);transition:opacity .55s,transform .55s;display:flex;position:absolute;top:0;bottom:0;left:clamp(24px,5vw,76px)}.menu-view{flex-direction:column;gap:22px;display:flex}.menu-view.hidden{display:none}.menu-view>*{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards menuin;transform:translateY(16px)}.menu-view>:first-child{animation-delay:.12s}.menu-view>:nth-child(2){animation-delay:.26s}.menu-view>:nth-child(3){animation-delay:.4s}.menu-view>:nth-child(4){animation-delay:.52s}.menu-view>:nth-child(5){animation-delay:.64s}@keyframes menuin{to{opacity:1;transform:none}}#menu.closing .menu-col{opacity:0;transform:translate(-44px)}#menu.closing .menu-veil{opacity:0}.menu-brand .mb-title{font:900 clamp(42px, 5.4vw, 62px) / .98 var(--font-title);letter-spacing:.1em;background:var(--gold-grad);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px var(--gold-glow-soft)) drop-shadow(0 3px 3px #000000d9);-webkit-background-clip:text;background-clip:text}.menu-brand .mb-sub{font:600 11px/1 var(--font-ui);letter-spacing:.38em;color:var(--ink-dim);text-shadow:var(--halo);margin-top:10px}.menu-live{font:600 10.5px/1.5 var(--font-ui);letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase;text-shadow:var(--halo);align-items:center;gap:10px;display:flex}.menu-live b{color:var(--gold-bright)}.menu-live i{background:#7fe08a;border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s ease-in-out infinite livepulse;box-shadow:0 0 12px #7fe08a}@keyframes livepulse{50%{opacity:.35}}.menu-nav{flex-direction:column;gap:5px;display:flex}.menu-item{font:700 24px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;text-shadow:var(--halo);background:0 0;border:none;border-left:2px solid #0000;border-radius:6px;align-items:center;gap:17px;padding:18px 22px;transition:all .16s;display:flex;position:relative;overflow:hidden}.menu-item:before{content:"";background:linear-gradient(105deg, transparent 25%, var(--gold-glow-soft) 50%, transparent 75%);pointer-events:none;position:absolute;inset:0;transform:translate(-130%)}.menu-item:hover:before{transition:transform .45s;transform:translate(130%)}.menu-item .ico{color:var(--gold-dim);font-size:27px;transition:all .16s}.menu-item:hover:not(:disabled){color:var(--gold-bright);border-left-color:var(--gold-bright);text-shadow:0 0 16px var(--gold-glow-soft);background:linear-gradient(90deg,oklch(79% .155 87/.13),#0000 80%);transform:translate(6px)}.menu-item:hover:not(:disabled) .ico{color:var(--gold-bright);filter:drop-shadow(0 0 9px var(--gold-glow))}.menu-item.primary{color:var(--gold-bright);border-left-color:var(--gold);background:linear-gradient(90deg,oklch(79% .155 87/.1),#0000 80%);padding:22px;font-size:30px;animation:2.4s ease-in-out 1.4s infinite playpulse}.menu-item.primary .ico{color:var(--gold-bright);font-size:32px}@keyframes playpulse{50%{text-shadow:0 0 22px var(--gold-glow)}}.menu-item:disabled{opacity:.4;cursor:not-allowed}.menu-item .soon{font:800 9px/1 var(--font-ui);letter-spacing:.22em;color:var(--ink-faint);border:1px solid var(--line);border-radius:5px;margin-left:auto;padding:4px 7px;font-style:normal}.menu-desc{flex-direction:column;gap:11px;max-width:330px;display:flex}.menu-desc p{font:500 12px/1.6 var(--font-ui);color:var(--ink-dim);text-shadow:var(--halo)}.menu-desc p b{color:var(--gold-bright);font-weight:800}.menu-tags{flex-wrap:wrap;gap:6px;display:flex}.mtag{font:800 9px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);text-shadow:none;background:#ffffff0a;border-radius:999px;padding:5px 9px}.mtag.gold{color:#1a1206;background:var(--gold-grad);box-shadow:0 1px 8px var(--gold-glow-soft);border-color:#0000}.menu-back{color:var(--ink-dim);font:700 13px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-shadow:var(--halo);background:0 0;border:none;align-self:flex-start;align-items:center;gap:9px;transition:color .14s;display:inline-flex}.menu-back:hover{color:var(--gold-bright)}.menu-back .mb-arrow{font-size:20px;line-height:1;transition:transform .16s}.menu-back:hover .mb-arrow{transform:translate(-3px)}.menu-settings-title{font:900 28px/1 var(--font-title);letter-spacing:.14em;background:var(--gold-grad);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 3px #000c);-webkit-background-clip:text;background-clip:text}.menu-panel{border:1px solid var(--line);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(#18130cd9,#0a0805d9);border-radius:10px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.menu-panel .set-group{font:800 9.5px/1 var(--font-ui);letter-spacing:.24em;color:var(--gold-dim);text-transform:uppercase;border-bottom:1px solid var(--line);margin-top:4px;padding-bottom:8px}.menu-panel .set-group:first-child{margin-top:0}.set-toggle{border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:999px;flex:none;width:42px;height:22px;transition:background .16s,border-color .16s;position:relative}.set-toggle i{background:var(--ink-faint);border-radius:50%;width:16px;height:16px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.set-toggle.on{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-color:var(--gold)}.set-toggle.on i{background:#1a1206;transform:translate(20px)}.menu-ping{font:600 11px/1 var(--font-ui);letter-spacing:.14em;color:var(--ink-dim);text-shadow:var(--halo);align-items:center;gap:8px;display:flex}.menu-ping i{background:#888;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 8px #0009}@media (width<=820px){#menu .menu-col{gap:14px;width:min(320px,88vw);left:18px}.menu-brand .mb-title{font-size:38px}.menu-item{padding:15px 16px;font-size:20px}.menu-item.primary{padding:17px 16px;font-size:25px}}#world{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:hidden}#world.hidden{display:none}.w-name{font:700 10px/1.3 var(--font-ui);letter-spacing:.08em;white-space:nowrap;color:var(--ink);text-shadow:0 1px 2px #000c;will-change:transform;background:#0c09069e;border:1px solid #c9a24e47;border-radius:6px;padding:2px 7px;display:none;position:absolute;top:0;left:0}.w-bar{will-change:transform;background:#0000009e;border:1px solid #000000b3;border-radius:3px;height:5px;display:none;position:absolute;top:0;left:0;overflow:hidden}.w-bar i{transform-origin:0;border-radius:inherit;height:100%;display:block}.w-collect{border:1.5px solid var(--gold);width:26px;height:26px;box-shadow:0 0 12px var(--gold-glow-soft);will-change:transform;background:#0e0b08d9;border-radius:50%;place-items:center;display:none;position:absolute;top:0;left:0}.w-collect .ico{width:15px;height:15px;color:var(--res-gold)}.w-collect.elixir{border-color:var(--elixir);box-shadow:0 0 12px #c86bff59}.w-collect.elixir .ico{color:var(--elixir)}.w-collect.full{animation:.9s ease-in-out infinite wcollect}@keyframes wcollect{50%{box-shadow:0 0 20px var(--gold-glow)}}.raid-warn{top:calc(60px + env(safe-area-inset-top));color:#ffe9e2;box-shadow:0 0 0 1px #0000008c, 0 0 34px #ff46288c, inset 0 0 22px #ff5a322e, var(--shadow);text-shadow:var(--halo);z-index:11;background:linear-gradient(#7a100af5,#3a0604f5);border:1.5px solid #ff5a3c;border-radius:11px;align-items:center;gap:14px;padding:11px 22px;animation:.45s cubic-bezier(.2,1.4,.4,1) raidin,1.1s ease-in-out infinite raidwarn;display:flex;position:fixed;left:50%;transform:translate(-50%)}.raid-warn .rw-skull{color:#ff6a4a;filter:drop-shadow(0 0 8px #ff5a32cc);width:26px;height:26px;animation:1.1s ease-in-out infinite rwskull}.raid-warn .rw-body{text-align:left;flex-direction:column;gap:3px;display:flex}.raid-warn .rw-title{font:800 16px/1 var(--font-display);letter-spacing:.22em;color:#ff8266;text-shadow:0 1px 2px #000000e6,0 0 16px #ff5028bf}.raid-warn .rw-sub{font:600 10px/1 var(--font-ui);letter-spacing:.1em;color:#ffc9b8;text-transform:uppercase}.raid-warn .rw-count{font:800 26px/1 var(--font-display);color:#fff1ea;text-shadow:0 1px 2px #000000e6,0 0 18px #ff7850cc;text-align:right;min-width:74px}.raid-warn.urgent{border-color:#ff3c22;animation:.45s cubic-bezier(.2,1.4,.4,1) raidin,.45s ease-in-out infinite raidwarn,.45s linear infinite raidshake}.raid-warn.urgent .rw-count{color:#ff5a3c}@keyframes raidin{0%{opacity:0;transform:translate(-50%)translateY(-26px)scale(.85)}}@keyframes raidwarn{50%{box-shadow:0 0 0 1px #0000008c, 0 0 52px #ff4628d9, inset 0 0 30px #ff5a324d, var(--shadow)}}@keyframes rwskull{50%{transform:scale(1.18)}}@keyframes raidshake{25%{transform:translate(calc(-50% - 1.5px))}75%{transform:translate(calc(1.5px - 50%))}}#battle-over{z-index:30;pointer-events:auto;background:radial-gradient(#0806048c,#040302d1);place-items:center;animation:.35s boFade;display:grid;position:fixed;inset:0}#battle-over.hidden{display:none}@keyframes boFade{0%{opacity:0}}.bo-card{text-align:center;border:1.5px solid var(--gold-dim);min-width:340px;max-width:440px;box-shadow:0 30px 80px #000000b3, 0 0 46px var(--gold-glow-soft), inset 0 1px 0 #ffffff0f;background:linear-gradient(#1a140cf7,#0e0b07f7);border-radius:15px;padding:26px 34px 24px;animation:.5s cubic-bezier(.2,1.35,.4,1) boCard}@keyframes boCard{0%{opacity:0;transform:translateY(34px)scale(.86)}}.bo-title{font:800 34px/1 var(--font-display);letter-spacing:.12em}.bo-card.win .bo-title{color:var(--gold-bright);text-shadow:0 2px 3px #000000e6, 0 0 34px var(--gold-glow)}.bo-card.lose .bo-title{color:#ff6a4a;text-shadow:0 2px 3px #000000e6,0 0 30px #ff502da6}.bo-sub{font:700 11px/1 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-top:7px}.bo-stars{letter-spacing:.2em;color:var(--gold-bright);text-shadow:var(--halo), 0 0 20px var(--gold-glow);margin-top:10px;font-size:30px}.bo-stars i{font-style:normal;animation:.55s cubic-bezier(.34,1.55,.64,1) both boStar;display:inline-block}.bo-stars i:first-child{animation-delay:.3s}.bo-stars i:nth-child(2){animation-delay:.46s}.bo-stars i:nth-child(3){animation-delay:.62s}.bo-stars .off{color:var(--ink-faint);text-shadow:var(--halo)}@keyframes boStar{0%{opacity:0;transform:scale(.2)rotate(-40deg)}60%{transform:scale(1.25)rotate(6deg)}}.bo-title,.bo-sub,.bo-stars,.bo-destr,.bo-loot,.bo-troops,.bo-tip,.bo-actions{animation:.5s cubic-bezier(.22,1,.36,1) both boRise}.bo-title{animation-delay:80ms}.bo-sub{animation-delay:.14s}.bo-stars{animation-delay:.2s}.bo-destr{animation-delay:.26s}.bo-loot{animation-delay:.32s}.bo-troops{animation-delay:.38s}.bo-tip{animation-delay:.42s}.bo-actions{animation-delay:.46s}@keyframes boRise{0%{opacity:0;transform:translateY(12px)}}.bo-destr{font:800 13px/1 var(--font-ui);letter-spacing:.22em;color:var(--ink-dim);margin-top:6px}.bo-loot{justify-content:center;gap:22px;margin-top:14px;display:flex}.bo-res{font:800 19px/1 var(--font-ui);text-shadow:var(--halo);align-items:center;gap:7px;display:flex}.bo-res .ico{width:18px;height:18px}.bo-res.g,.bo-res.g .ico{color:var(--res-gold)}.bo-res.e,.bo-res.e .ico{color:var(--elixir)}.bo-troops{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:13px;padding-top:12px;display:flex}.bo-troop{font:800 13px/1 var(--font-ui);color:var(--ink);text-shadow:var(--halo);border:1px solid var(--line);background:#ffffff08;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;display:flex}.bo-troop .ico{width:15px;height:15px;color:var(--gold-bright)}.bo-tip{font:500 12px/1.5 var(--font-ui);color:#ffc9b8;background:#7a100a40;border:1px solid #ff5a3c59;border-radius:9px;margin-top:13px;padding:9px 12px}.bo-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}#ca-bar{top:calc(12px + env(safe-area-inset-top));z-index:9;border:1px solid var(--gold-dim);box-shadow:0 8px 30px #00000080, 0 0 18px var(--gold-glow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0906c7;border-radius:11px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#ca-bar.in-game{display:none}.ca-pill{cursor:pointer;border:1px solid var(--line);background:#ffffff08;border-radius:8px;align-items:center;gap:7px;padding:5px 10px;display:flex}.ca-pill:hover{border-color:var(--gold)}.ca-label{font:800 10px/1 var(--font-display);letter-spacing:.2em;color:var(--gold-bright)}.ca-value{font:700 12px/1 var(--font-ui);color:var(--ink);letter-spacing:.03em}.ca-copyico{width:13px;height:13px;color:var(--gold-dim);transition:color .14s,transform .14s}.ca-pill:hover .ca-copyico,.ca-chip:hover .ca-copyico{color:var(--gold-bright);transform:scale(1.12)}.ca-pill.copied,.ca-chip.copied{color:#9fe6b0;border-color:#6edc8c99}.wal-btn{font:800 11px/1 var(--font-ui);letter-spacing:.12em;color:var(--gold-bright);border:1px solid var(--gold-dim);cursor:pointer;background:#ffffff08;border-radius:8px;padding:7px 13px;transition:border-color .15s,box-shadow .15s}.wal-btn:hover{border-color:var(--gold-bright);box-shadow:0 0 16px var(--gold-glow)}.wal-btn.on{color:#9fe6b0;border-color:#6edc8c8c}.ca-chip,.wal-chip{height:40px;font:800 12px/1 var(--font-ui);letter-spacing:.05em;white-space:nowrap;align-items:center;gap:7px;padding:0 15px;width:auto!important;display:inline-flex!important}.ca-chip b{color:var(--gold-bright);letter-spacing:.16em}.ca-chip .cc-val{color:var(--ink);letter-spacing:.03em}.ca-chip .ca-copyico{width:15px;height:15px}.wal-chip{letter-spacing:.09em;color:var(--gold-bright);border-color:var(--gold-dim);padding:0 17px;font-size:12.5px}.wal-chip:hover{box-shadow:0 0 16px var(--gold-glow)}.wal-chip.on{color:#9fe6b0;border-color:#6edc8c8c}#top-tip{z-index:13;border:1px solid var(--gold-dim);max-width:calc(100vw - 24px);height:34px;box-shadow:0 6px 18px #00000080, inset 0 -1px 0 var(--gold-glow-soft);-webkit-backdrop-filter:blur(6px);font:600 11.5px/1 var(--font-ui);color:var(--ink);background:linear-gradient(#1e170df7,#0e0a06f7);border-top:none;border-radius:0 0 10px 10px;align-items:center;gap:12px;padding:0 12px 0 10px;transition:transform .32s,opacity .32s;display:flex;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-50%)}#top-tip.out{opacity:0;transform:translate(-50%)translateY(-100%)}.tt-badge{font:800 9px/1 var(--font-display);letter-spacing:.16em;color:#1a1206;background:var(--gold-grad);text-transform:uppercase;border-radius:6px;flex:none;padding:5px 8px;box-shadow:0 1px 6px #0006}.tt-seg{white-space:nowrap;text-shadow:var(--halo);align-items:center;gap:6px;display:inline-flex}.tt-seg .ico{filter:drop-shadow(0 0 5px);width:14px;height:14px}.tt-i-gold{color:var(--res-gold)}.tt-i-red{color:#ff6a4d}.tt-i-teal{color:#58d6c0}.tt-dot{background:var(--line);flex:none;width:1px;height:15px}.tt-close{border:1px solid var(--line);width:22px;height:22px;color:var(--ink-dim);cursor:pointer;background:#ffffff0d;border-radius:6px;flex:none;place-items:center;margin-left:2px;font-size:11px;transition:all .14s;display:grid}.tt-close:hover{color:var(--gold-bright);border-color:var(--gold);box-shadow:0 0 12px var(--gold-glow)}body.has-top-tip .hud-res,body.has-top-tip .hud-buttons,body.has-top-tip .hud-strip,body.has-top-tip .raid-strip{top:calc(48px + env(safe-area-inset-top))}body.has-top-tip #ca-bar{top:calc(46px + env(safe-area-inset-top))}body.has-top-tip .hud-feed{top:calc(48px + env(safe-area-inset-top) + 118px)}body.has-top-tip .hud-toasts{top:calc(98px + env(safe-area-inset-top))}@media (width<=820px){#top-tip{gap:8px;max-width:calc(100vw - 12px);height:32px;padding:0 8px;font-size:10px;overflow-x:auto}.tt-badge,.tt-dot{display:none}.tt-seg .ico{width:13px;height:13px}body.has-top-tip .hud-res,body.has-top-tip .hud-buttons,body.has-top-tip .hud-strip,body.has-top-tip .raid-strip{top:calc(46px + env(safe-area-inset-top))}body.has-top-tip #ca-bar{top:calc(44px + env(safe-area-inset-top))}body.has-top-tip .hud-feed{top:calc(46px + env(safe-area-inset-top) + 118px)}}#tutorial{z-index:28;pointer-events:auto;background:#04030252;position:fixed;inset:0}.tut-card{text-align:center;border:1.5px solid var(--gold);width:340px;box-shadow:0 20px 60px #000000a6, 0 0 34px var(--gold-glow-soft);background:linear-gradient(#1a140cf7,#0e0b07f7);border-radius:14px;padding:18px 22px 16px;animation:.45s cubic-bezier(.2,1.35,.4,1) tutIn;position:absolute}@keyframes tutIn{0%{opacity:0;transform:translateY(14px)scale(.94)}}#tutorial[data-step="0"] .tut-card{top:calc(150px + env(safe-area-inset-top));left:24px}#tutorial[data-step="1"] .tut-card{bottom:calc(170px + env(safe-area-inset-bottom));left:24px}#tutorial[data-step="2"] .tut-card{bottom:calc(170px + env(safe-area-inset-bottom));right:24px}.tut-step{font:800 10px/1 var(--font-ui);letter-spacing:.22em;color:var(--ink-faint)}.tut-ico{width:30px;height:30px;color:var(--gold-bright);filter:drop-shadow(0 0 10px var(--gold-glow));margin-top:9px;display:inline-block}.tut-title{font:800 18px/1 var(--font-display);letter-spacing:.14em;color:var(--gold-bright);text-shadow:0 1px 2px #000000e6, 0 0 18px var(--gold-glow-soft);margin-top:8px}.tut-text{font:500 12.5px/1.55 var(--font-ui);color:var(--ink);margin-top:9px}.tut-text b{color:var(--gold-bright)}.tut-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.tut-dots i{background:var(--line);border-radius:50%;width:7px;height:7px}.tut-dots i.on{background:var(--gold-bright);box-shadow:0 0 8px var(--gold-glow)}.tut-actions{justify-content:center;gap:9px;margin-top:13px;display:flex}.tut-glow{animation:1.15s ease-in-out infinite tutglow}@keyframes tutglow{50%{box-shadow:0 0 0 2.5px var(--gold-bright), 0 0 34px var(--gold-glow)}}.speed-btn{letter-spacing:.04em;min-width:44px;font-weight:900}.speed-btn.on{color:var(--gold-hot);border-color:var(--gold);box-shadow:0 0 14px var(--gold-glow-soft)}.raid-strip #btn-surrender{pointer-events:auto;margin-left:12px}#social{z-index:8;pointer-events:none;transition:opacity .6s;position:fixed;inset:0}#social.hidden{opacity:0;visibility:hidden;pointer-events:none!important}body.dropdown-open #social{opacity:0;transition:opacity .22s}body.dropdown-open #social,body.dropdown-open #social *{pointer-events:none}.soc-col{pointer-events:auto;opacity:0;flex-direction:column;justify-content:center;gap:12px;width:min(300px,80vw);animation:.8s cubic-bezier(.2,.7,.2,1) .5s forwards menuin;display:flex;position:absolute;top:0;bottom:0;right:clamp(16px,3vw,48px);transform:translate(30px)}.soc-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);flex-direction:column;gap:8px;min-height:0;padding:10px 12px;display:flex}.soc-head{font:700 11.5px/1 var(--font-display);letter-spacing:.22em;color:var(--gold-bright);text-shadow:var(--halo);align-items:center;gap:8px;display:flex}.soc-head .ico{width:14px;height:14px}.soc-online{font:600 10px/1 var(--font-ui);letter-spacing:.08em;color:var(--ok);margin-left:auto}.soc-online.off{color:var(--ink-faint)}.soc-soon{font:600 9px/1 var(--font-ui);letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase;margin-left:auto;font-style:normal}.soc-tabs{gap:6px;display:flex}.soc-tab{font:600 10px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:6px;flex:1;padding:5px 4px}.soc-tab.on{color:var(--gold-bright);border-color:var(--line);background:#c9a24e14}.wb-list{flex-direction:column;gap:2px;display:flex}.wb-row{font:500 12px/1.3 var(--font-ui);color:var(--ink-dim);border-radius:5px;align-items:center;gap:8px;padding:3px 6px;display:flex}.wb-row.me{color:var(--gold-hot);background:#c9a24e1f}.wb-rank{text-align:center;flex:none;width:22px;font-size:11px}.wb-nick{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wb-val{color:var(--gold);font-weight:700}.lob-off{font:500 11px/1.5 var(--font-ui);color:var(--ink-faint);padding:2px 2px 4px}.lob-browser,.lob-room{flex-direction:column;gap:6px;display:flex}.lob-item{font:600 11.5px/1 var(--font-ui);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:6px;justify-content:space-between;gap:8px;padding:6px 9px;display:flex}.lob-item:hover{background:#c9a24e1a}.lob-row{gap:6px;display:flex}.lob-btn{font:700 10.5px/1 var(--font-ui);letter-spacing:.12em;color:#221a08;background:var(--gold-grad);cursor:pointer;border:none;border-radius:6px;flex:1;padding:7px 8px}.lob-btn.ghost{color:var(--ink-dim);border:1px solid var(--line);background:#ffffff0f}#lob-code{text-align:center;width:62px;font:700 11px/1 var(--font-ui);letter-spacing:.2em;color:var(--ink);border:1px solid var(--line);text-transform:uppercase;background:#00000059;border-radius:6px}.lob-title{font:700 12px/1.2 var(--font-ui);color:var(--ink)}.lob-code{color:var(--gold)}.lob-seat{font:500 11.5px/1.3 var(--font-ui);color:var(--ink-dim);background:#ffffff08;border-radius:5px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.lob-seat.ready{background:#7fc26a1a}.lob-pill{font:700 9px/1 var(--font-ui);letter-spacing:.12em;color:var(--ink-faint)}.lob-seat.ready .lob-pill{color:var(--ok)}.soc-chat{max-height:34vh}.soc-collapse{width:20px;height:20px;font:800 15px/1 var(--font-ui);color:var(--gold-bright);border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:5px;flex:none;margin-left:6px;padding:0;display:none}.soc-collapse:hover{border-color:var(--gold)}.soc-min{width:20px;height:20px;font:800 15px/1 var(--font-ui);color:var(--gold-bright);border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:5px;flex:none;margin-left:6px;padding:0;display:none}.soc-min:hover{border-color:var(--gold)}#social.in-game .soc-lobby{display:none}#social.in-game .soc-col{opacity:.96;justify-content:flex-end;gap:8px;width:min(268px,44vw);height:auto;animation:none;top:auto;bottom:176px;right:12px;transform:none}#social.in-game .soc-warband{background:#0e0b07b8;max-height:30vh}#social.in-game .wb-list{max-height:20vh}#social.in-game .soc-chat{background:#0e0b07b8;max-height:32vh}#social.in-game .soc-collapse,#social.in-game .soc-min{display:block}#social.in-game #soc-nick{width:88px}.soc-chat.collapsed .soc-tabs,.soc-chat.collapsed .chat-log,.soc-chat.collapsed #soc-chatin,.soc-warband.collapsed .soc-tabs,.soc-warband.collapsed .wb-list{display:none}#soc-nick{width:110px;font:600 10.5px/1.2 var(--font-ui);color:var(--gold-bright);border:1px solid var(--line);text-align:right;background:#0000004d;border-radius:6px;margin-left:auto;padding:3px 7px}.chat-log{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1;gap:3px;min-height:90px;max-height:24vh;display:flex;overflow-y:auto}.chat-line{font:500 11.5px/1.45 var(--font-ui);color:var(--ink-dim);overflow-wrap:break-word}.chat-line b{color:var(--gold);margin-right:6px;font-weight:700}.chat-line.mine b{color:var(--gold-hot)}#soc-chatin{font:500 12px/1.2 var(--font-ui);color:var(--ink);border:1px solid var(--line);background:#00000059;border-radius:6px;padding:7px 9px}#soc-chatin::placeholder{color:var(--ink-faint)}#soc-chatin:focus,#soc-nick:focus,#lob-code:focus{border-color:var(--gold-dim);outline:none}@media (width<=1080px){#social:not(.in-game){display:none}}@media (width<=820px){.hud-res{width:200px;top:calc(8px + env(safe-area-inset-top));padding:9px 10px;left:10px}.hud-buttons{top:calc(8px + env(safe-area-inset-top));right:10px}.attack-btn{padding:9px 12px;font-size:11px}.hud-strip,.raid-strip{top:calc(62px + env(safe-area-inset-top));max-width:92vw}.hud-toasts{top:calc(112px + env(safe-area-inset-top))}.drop-panel{top:calc(56px + env(safe-area-inset-top));width:min(312px,100vw - 20px)}.hud-build{max-width:calc(100vw - 20px);left:10px;bottom:calc(154px + env(safe-area-inset-bottom))}.hud-army{left:10px;right:auto;bottom:calc(10px + env(safe-area-inset-bottom))}.hud-deploy{bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(100vw - 16px);overflow-x:auto}.sel-panel{bottom:calc(178px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}.tile-cell{width:50px;height:50px}.troop-card{width:62px;height:86px}.tc-art{width:54px;height:56px}}.hud-feed{top:calc(14px + env(safe-area-inset-top) + 118px);left:calc(16px + env(safe-area-inset-left));pointer-events:none;width:264px;color:var(--ink-dim);text-shadow:var(--halo);flex-direction:column;gap:3px;font-size:11.5px;line-height:1.35;display:flex;position:absolute}.feed-row{opacity:.85;transition:opacity .6s}.feed-row b{color:var(--gold-bright);font-weight:600}.feed-row.fresh{opacity:1;color:var(--ink);animation:.35s feedin}.feed-row.old{opacity:.35}#hud.title-mode .hud-feed{display:none}.pvp-btn{border-color:var(--gold-deep);align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:inline-flex}.pvp-btn .ico{font-size:15px}.pvp-btn.searching{border-color:var(--warn);color:var(--warn);animation:1.6s ease-in-out infinite pvpsearch}@keyframes pvpsearch{50%{box-shadow:0 0 16px #e8a23a73}}.pvp-btn.live{border-color:var(--danger);color:#ff9a8a;animation:1.1s ease-in-out infinite pvplive}@keyframes pvplive{50%{box-shadow:0 0 18px #ff5a3c80}}#pvp-modal{z-index:14;-webkit-backdrop-filter:blur(5px)saturate(1.05);background:radial-gradient(at 50% 42%,#0e0a0580,#040302d1);justify-content:center;align-items:center;animation:.22s pausein;display:flex;position:fixed;inset:0}#pvp-modal.hidden{display:none}.pvp-frame{border:1.5px solid var(--gold-dim);width:470px;max-width:94vw;box-shadow:0 30px 80px #000000b8, 0 0 40px var(--gold-glow-soft), inset 0 1px 0 #c9a24e38;background:radial-gradient(at 50% 0,oklch(79% .155 87/.09),#0000 55%),linear-gradient(#1a140cf7,#0a0805fa);border-radius:15px;padding:28px 32px 24px;animation:.5s cubic-bezier(.16,1.14,.3,1) both boCard;position:relative}.pvp-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;font-size:15px;position:absolute;top:6px;right:8px}.pvp-close:hover{color:var(--gold-bright)}.pvp-title{font-family:var(--font-display);letter-spacing:.14em;color:var(--gold-bright);text-shadow:var(--halo-gold);justify-content:center;align-items:center;gap:10px;margin-bottom:14px;font-size:24px;display:flex}.pvp-title .ico{font-size:20px}.pvp-warn{font-family:var(--font-display);color:var(--warn);text-align:center;text-shadow:var(--halo);border-radius:var(--r);background:#e8a23a12;border:1px solid #e8a23a59;padding:10px 12px;font-size:15.5px;line-height:1.45}.pvp-warn-sub{text-align:center;color:var(--ink-dim);margin-top:8px;font-size:12px;line-height:1.5}.pvp-note{text-align:center;color:var(--warn);margin-top:10px;font-size:12px}.pvp-hint{text-align:center;color:var(--ink-faint);margin-top:10px;font-size:11.5px;line-height:1.5}.pvp-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.pvp-modes .btn{min-width:190px}.pvp-gold{border-color:var(--res-gold);color:var(--res-gold)}.pvp-gold:hover{border-color:var(--gold-hot);color:var(--gold-hot)}.pvp-gold.pvp-locked{color:#8b8b93;cursor:not-allowed;background:#ffffff05;border-color:#4c4c52}.pvp-gold.pvp-locked:hover{color:#a2a2aa;box-shadow:none;border-color:#63636b}.pvp-duel-head{text-align:center;font-family:var(--font-display);letter-spacing:.06em;color:var(--ink);font-size:16px}.pvp-duel-head b{color:var(--gold-bright)}.pvp-count{text-align:center;color:var(--gold-bright);text-shadow:var(--halo-gold);margin:8px 0 4px;font-size:26px}.pvp-lines{color:var(--ink-dim);text-align:center;flex-direction:column;gap:5px;margin-top:8px;font-size:13px;display:flex}.pvp-lines b{color:var(--ink)}.pvp-wallet{text-align:center;color:var(--ink-dim);margin-bottom:12px;font-size:12.5px}.pvp-wallet b{color:var(--gold-bright)}.pvp-req{color:var(--warn);margin-left:6px;font-size:11px}.pvp-amts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pvp-amt{min-width:74px;font-family:var(--font-display);color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:linear-gradient(#221a0f,#140f08);border-radius:6px;padding:10px 12px;font-size:15px;transition:border-color .12s,color .12s,box-shadow .12s}.pvp-amt:hover{border-color:var(--gold-dim);color:var(--ink)}.pvp-amt.on{border-color:var(--res-gold);color:var(--res-gold);box-shadow:0 0 14px #ffc94a40}.pvp-custom{width:86px;font:inherit;color:var(--ink);border:1px solid var(--line);background:#00000059;border-radius:6px;outline:none;padding:10px;font-size:13px}.pvp-custom:focus{border-color:var(--gold-dim)}.pvp-result{text-align:center;font-family:var(--font-title);letter-spacing:.1em;color:var(--gold-bright);text-shadow:var(--halo-gold);font-size:30px}.pvp-result.lose{color:var(--danger);text-shadow:var(--halo)}.pvp-pot{text-align:center;color:var(--res-gold);margin-top:8px;font-size:15px}.pvp-sig{text-align:center;color:var(--ink-faint);margin-top:4px;font-size:11px}.pvp-score{text-align:center;color:var(--ink-dim);margin-top:8px;font-size:13px}#name-modal{z-index:15;-webkit-backdrop-filter:blur(4px)saturate(1.05);background:radial-gradient(at 50% 42%,#0e0a0573,#040302c7);justify-content:center;align-items:center;animation:.22s pausein;display:flex;position:fixed;inset:0}.name-frame{text-align:center;width:420px}.name-input{width:min(300px,80%);font-family:var(--font-display);text-align:center;letter-spacing:.04em;margin-top:12px;font-size:17px}@media (width<=760px){.hud-feed{top:calc(8px + env(safe-area-inset-top) + 104px);width:200px;font-size:10.5px;left:10px}.pvp-frame{padding:24px 18px 20px}}.stats-btn{width:60px;min-height:102px;font:800 11px/1.1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--gold-bright);border:1.5px solid var(--gold-dim);cursor:pointer;background:radial-gradient(120% 80% at 50% 0,#ffd6821f,#0000 55%),#ffffff0a;border-radius:11px;flex-direction:column;flex:none;justify-content:center;align-self:stretch;align-items:center;gap:9px;padding:8px 6px;transition:all .14s;display:flex}.stats-btn .ico{width:28px;height:28px;filter:drop-shadow(0 0 7px var(--gold-glow-soft))}.stats-btn:hover{border-color:var(--gold-bright);box-shadow:0 0 14px var(--gold-glow);background:radial-gradient(120% 80% at 50% 0,#ffd68233,#0000 55%),#ffffff12;transform:translateY(-2px)}#cards-modal{z-index:15;-webkit-backdrop-filter:blur(5px)saturate(1.05);background:radial-gradient(at 50% 42%,#0e0a0580,#040302d6);justify-content:center;align-items:center;animation:.22s pausein;display:flex;position:fixed;inset:0}#cards-modal.hidden{display:none}.cards-frame{border:1.5px solid var(--gold-dim);width:940px;max-width:95vw;max-height:90vh;box-shadow:0 30px 80px #000000b8, 0 0 40px var(--gold-glow-soft);background:radial-gradient(at 50% 0,oklch(79% .155 87/.09),#0000 55%),linear-gradient(#1a140cfa,#0a0805fa);border-radius:15px;flex-direction:column;padding:18px 22px 22px;display:flex;position:relative}.cards-head{align-items:center;margin-bottom:16px;display:flex}.cards-title{font:800 17px/1 var(--font-display);letter-spacing:.16em;color:var(--gold-bright);text-shadow:var(--halo);align-items:center;gap:9px;display:flex}.cards-title .ico{width:20px;height:20px;color:var(--gold-bright)}.cards-close{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;background:#ffffff0d;border-radius:8px;margin-left:auto;font-size:14px;transition:all .14s}.cards-close:hover{color:var(--gold-bright);border-color:var(--gold)}.cards-body{grid-template-columns:1fr 320px;gap:20px;min-height:0;display:grid;overflow:hidden}.cards-grid{scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-content:start;gap:12px;padding-right:6px;display:grid;overflow-y:auto}.card-tile{border:2px solid var(--gold-dim);cursor:pointer;background:radial-gradient(120% 90% at 50% 0,#ffd6821f,#0000 55%),linear-gradient(#5b3f20 0%,#46301a 46%,#2a1c0e 100%);border-radius:12px;flex-direction:column;align-items:center;padding:8px 6px 6px;transition:all .14s;display:flex;position:relative}.card-tile:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 20px #00000080}.card-tile.on{border-color:var(--gold-bright);box-shadow:0 0 0 2px var(--gold-glow-soft), 0 8px 22px #0000008c}.ct-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 5px #00000073);width:84px;height:84px}.ct-name{font:700 10px/1.1 var(--font-display);letter-spacing:.04em;color:var(--gold-bright);text-shadow:0 1px 2px #000d;text-align:center;margin-top:4px}.ct-cost{min-width:20px;height:20px;font:800 10px/1 var(--font-ui);color:#fff;background:linear-gradient(180deg, var(--elixir), var(--elixir-deep));border:1px solid #ffffff59;border-radius:10px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-7px;left:-6px;box-shadow:0 2px 6px #0000008c}.cards-detail{border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;background:linear-gradient(#140f0999,#0a080599);border-radius:12px;flex-direction:column;padding:16px 18px;display:flex;overflow-y:auto}.cd-portrait{border:2px solid var(--gold);background:radial-gradient(120% 90% at 50% 0,#ffd68224,#0000 55%),linear-gradient(#5b3f20 0%,#46301a 46%,#2a1c0e 100%);border-radius:12px;align-self:center;place-items:center;width:132px;height:132px;display:grid;position:relative}.cd-portrait img{object-fit:contain;filter:drop-shadow(0 3px 6px #00000080);width:118px;height:118px}.cd-cost{min-width:24px;height:24px;font:800 12px/1 var(--font-ui);color:#fff;background:linear-gradient(180deg, var(--elixir), var(--elixir-deep));border:1px solid #ffffff59;border-radius:12px;place-items:center;padding:0 6px;display:grid;position:absolute;bottom:-8px;right:-8px}.cd-name{text-align:center;font:800 20px/1 var(--font-display);letter-spacing:.06em;color:var(--gold-bright);text-shadow:var(--halo);margin-top:12px}.cd-role{text-align:center;font:700 9.5px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px}.cd-blurb{font:400 12px/1.5 var(--font-ui);color:var(--ink-dim);text-align:center;margin:12px 0 14px}.cd-stats{flex-direction:column;gap:0;display:flex}.cd-stat{border-top:1px solid var(--line);font:600 12px/1 var(--font-ui);justify-content:space-between;align-items:center;padding:8px 2px;display:flex}.cd-stat:last-child{border-bottom:1px solid var(--line)}.cd-k{color:var(--gold-bright);letter-spacing:.04em}.cd-v{color:var(--ink);font-weight:800}@media (width<=820px){.cards-body{grid-template-columns:1fr;overflow-y:auto}.cards-detail{order:-1}}