*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}body{background:#0f1424;color:#eef1f8;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#root{position:relative}canvas{display:block;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 8px;pointer-events:none}.hud .pill{background:#0f1424d1;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 14px;font-size:15px;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud .gold{color:#ffd166}.hud .wave{color:#a8d8ea}.hud .hp{color:#ff8fa3}.hud .foe{color:#f2a65a}.hud .pill{font-size:13.5px;padding:6px 11px}.minimap{display:block;border-radius:10px;background:#0b0f1c}.minimap-wrap{position:absolute;top:calc(env(safe-area-inset-top,0px) + 108px);left:12px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#0f1424b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:0;font:inherit;color:inherit;cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.minimap-wrap:active{transform:scale(.97)}.minimap-wrap.expanded{background:#0f1424eb;border-color:#ffffff38}.world-pick{display:flex;align-items:center;gap:12px;padding:10px;margin-bottom:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0d;text-align:left}.world-pick .minimap{flex:0 0 auto;box-shadow:0 3px 12px #0006}.world-meta{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px}.world-label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.world-seed{font-size:15px;font-weight:700;color:#a8d8ea;font-variant-numeric:tabular-nums}.btn.reroll{flex:0 0 auto;padding:10px 8px;font-size:13px;margin-top:2px}.size-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;min-height:46px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0d;color:inherit;font:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.chip:active{transform:scale(.97)}.chip-name{font-size:13px;font-weight:700;line-height:1.1}.chip-dims{font-size:10.5px;opacity:.55;font-variant-numeric:tabular-nums;line-height:1.1}.chip.active{border-color:#7ec8e3bf;background:#7ec8e329;box-shadow:0 0 0 1px #7ec8e34d inset}.chip.active .chip-name{color:#a8d8ea}.chip.active .chip-dims{opacity:.8}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#080a14b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sheet-up .25s ease-out}.overlay-card{background:#151b30f7;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:28px 26px;text-align:center;max-width:300px}.overlay-emoji{font-size:52px}.overlay-card h2{margin:10px 0 6px;font-size:24px}.overlay-card p{font-size:14px;opacity:.75;margin-bottom:18px;line-height:1.4}.logo{font-size:34px;letter-spacing:.14em;background:linear-gradient(160deg,#7ec8e3,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin-top:4px}.menu-buttons{display:flex;flex-direction:column;gap:10px;min-width:230px}.join-row{display:flex;gap:8px}.join-row input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#ffffff0f;color:inherit;font:inherit;padding:10px 12px}.btn:disabled{opacity:.4}.room-link{font-size:12.5px;background:#ffffff12;border:1px dashed rgba(255,255,255,.25);border-radius:10px;padding:10px;margin-bottom:14px;word-break:break-all;-webkit-user-select:text;user-select:text}.net-banner{position:absolute;top:calc(env(safe-area-inset-top,0px) + 54px);left:50%;transform:translate(-50%);background:#e07a5feb;color:#fff;font-size:13px;font-weight:700;border-radius:999px;padding:7px 16px;pointer-events:none}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:20;background:#0f1424f0;border-top:1px solid rgba(255,255,255,.12);border-radius:18px 18px 0 0;padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 14px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sheet-up .18s ease-out}@keyframes sheet-up{0%{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}.sheet h3{font-size:13px;font-weight:600;opacity:.65;margin:2px 4px 10px;text-transform:uppercase;letter-spacing:.08em}.build-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.build-row::-webkit-scrollbar{display:none}.build-card{flex:0 0 auto;width:104px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0d;padding:10px 8px;text-align:center;color:inherit;font:inherit;cursor:pointer}.build-card:active{transform:scale(.96)}.build-card.disabled{opacity:.38}.build-card.picked{border-color:#ffd166;background:#ffd1661f}.stars{color:#ffd166;font-size:12px;letter-spacing:.12em;margin-left:6px}.build-card .swatch{width:34px;height:34px;border-radius:10px;margin:0 auto 7px}.build-card .name{font-size:12.5px;font-weight:700;line-height:1.15}.build-card .cost{font-size:12px;color:#ffd166;font-weight:700;margin-top:4px}.build-card .fam{font-size:10px;opacity:.6;margin-top:2px}.sheet .desc{font-size:12px;opacity:.7;margin:10px 4px 0;min-height:15px}.sheet .actions{display:flex;gap:8px;margin-top:10px}.btn{flex:1;border:none;border-radius:12px;padding:12px;font:inherit;font-size:14px;font-weight:700;color:#0f1424;background:#7ec8e3;cursor:pointer}.btn:active{transform:scale(.97)}.btn.danger{background:#e07a5f}.btn.ghost{background:#ffffff1a;color:#eef1f8}.pill.tappable{pointer-events:auto;border:1px solid rgba(255,255,255,.22);background:#0f1424d1;color:#9be89b;font:inherit;font-weight:700;cursor:pointer}.pill.tappable:active{transform:scale(.94)}.pill.speed{color:#9be89b}.stat-strip{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#0f1424d1;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.stat{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.stat+.stat{margin-left:8px;padding-left:9px;border-left:1px solid rgba(255,255,255,.14)}.stat.gold{color:#ffd166}.stat.hp{color:#8fd0f2}.stat.foe{color:#f2a65a}.stat.wave{color:#a8d8ea}.hud-controls{display:flex;gap:6px;justify-content:flex-end;pointer-events:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:38px;height:38px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0f1424d1;color:#dfe7f5;font:inherit;font-size:12.5px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.icon-btn:active{transform:scale(.93)}.icon-btn.active{border-color:#9be89b99;color:#9be89b}.icon-btn.speed{color:#9be89b}.icon-btn.passive{pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.sheet h3{display:flex;align-items:center;gap:7px}.build-card .swatch{display:flex;align-items:center;justify-content:center;color:#0a0e1abf}.build-card .cost{display:inline-flex;align-items:center;gap:4px;justify-content:center}.stat-chips{display:inline-flex;flex-wrap:wrap;gap:5px;vertical-align:middle;margin-left:6px}.stat-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:7px;background:#ffffff17;font-size:11px;font-weight:700;white-space:nowrap}.next-tier{display:inline-flex;align-items:center;gap:5px;margin-left:6px;opacity:.75;font-size:11.5px}.overlay-icon{display:flex;justify-content:center;color:#a8d8ea;margin-bottom:4px}.overlay-icon.gold{color:#ffd166}.overlay-icon.dim{color:#8b93a8}.overlay-icon.pulse svg{animation:pulse-icon 1.4s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:.45}50%{opacity:1}}.stars{display:inline-flex;color:#ffd166}.war-room{position:absolute;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);display:flex;gap:6px;align-items:flex-end;z-index:15}.war-col{display:flex;flex-direction:column;gap:6px}.war-btn{position:relative;display:flex;align-items:center;gap:6px;min-height:40px;padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0f1424db;color:#e8eef8;font:inherit;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;overflow:hidden}.war-btn:active{transform:scale(.95)}.war-btn.disabled{opacity:.45}.war-btn.power{border-color:#b48bf273}.war-btn.aiming{border-color:#b48bf2;background:#b48bf238}.war-name{line-height:1}.war-cost{display:inline-flex;align-items:center;gap:3px;color:#ffd166;font-size:11px}.cd-sweep{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hornfall-chip{display:inline-flex;align-items:center;gap:4px;align-self:flex-end;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,140,90,.55);background:#461e10d9;color:#ffb08a;font-size:12px;font-weight:800;animation:hornfall-throb 2.2s ease-in-out infinite}@keyframes hornfall-throb{0%,to{box-shadow:0 0 #ff8c5a00}50%{box-shadow:0 0 14px 2px #ff8c5a59}}.aim-banner{position:absolute;top:calc(env(safe-area-inset-top,0px) + 104px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(180,139,242,.55);background:#1e1432eb;font-size:13px;z-index:30}.btn.mini{padding:5px 10px;font-size:12px;flex:0 0 auto}.overlay-card.wide{max-width:340px;width:calc(100vw - 48px)}.recap{margin:4px 0 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;font-size:12.5px}.recap-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;align-items:center;padding:6px 10px;gap:6px}.recap-row:nth-child(2n){background:#ffffff0a}.recap-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;background:#ffffff0f}.recap-head .mine{color:#8fd0f2}.recap-head .foe{color:#f2a65a}.recap-label{display:inline-flex;align-items:center;gap:6px;opacity:.8;text-align:left}.recap-val{font-variant-numeric:tabular-nums;font-weight:700;opacity:.75}.recap-val.best{opacity:1;color:#ffd166}.leaderboard{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px}.lb-title{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin-bottom:8px}.lb-row{display:flex;align-items:center;gap:10px;padding:3.5px 6px}.lb-rank{width:18px;text-align:right;opacity:.5;font-weight:800}.lb-wave{font-weight:800;color:#8fd0f2}.lb-meta{margin-left:auto;opacity:.55}.btn.horde{background:linear-gradient(160deg,#8fd0f2,#9be89b)}.stat.ally{color:#9be89b}.presence-dot{width:7px;height:7px;border-radius:50%;background:#9be89b;box-shadow:0 0 6px #9be89bcc}.presence-dot.away{background:#f2a65a;box-shadow:none}.ally-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#9be89b;border:1px solid rgba(155,232,155,.4);border-radius:6px;padding:2px 6px}.net-banner.ally{background:#5aa05aeb}.btn.revive{width:100%;margin-bottom:10px;background:linear-gradient(160deg,#ffd166,#f2a65a)}.actions.stack{flex-direction:column;gap:10px}.actions.stack .btn{width:100%;padding:13px;font-size:15px}.privacy-link{display:block;margin-top:14px;text-align:center;font-size:11.5px;color:#fff6;text-decoration:none}.update-toast{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:50%;transform:translate(-50%);z-index:60;background:#7ec8e3;color:#0f1424;border:none;border-radius:999px;padding:11px 20px;font:inherit;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:7px;box-shadow:0 6px 24px #00000073;cursor:pointer}.admin-page,.admin-page body,.admin-page #root{height:auto;min-height:100%;overflow:auto;touch-action:auto;overscroll-behavior:auto;-webkit-user-select:text;user-select:text}.ad-app{min-height:100vh;display:flex;flex-direction:column;font-size:14px}.ad-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#0f1424f0;border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ad-logo{font-size:26px;font-weight:800;letter-spacing:.02em;color:#7ec8e3}.ad-logo.sm{font-size:17px}.ad-top-sub{opacity:.55;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.ad-count{margin-left:auto;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px;font-weight:700;font-variant-numeric:tabular-nums;color:#ffd166}.ad-count.done{color:#9be89b;border-color:#9be89b80}.ad-body{flex:1;display:flex;align-items:flex-start;gap:16px;padding:16px}.ad-side{flex:0 0 268px;position:sticky;top:68px;max-height:calc(100vh - 84px);overflow:auto;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px}.ad-main{flex:1;min-width:0;max-width:980px}.ad-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;margin-bottom:14px}.ad-sec-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ad-sec-head h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;opacity:.7}.ad-hint{font-size:12px;opacity:.45}.ad-sec-head .btn.ad-mini{margin-left:auto}.ad-empty{font-size:13px;opacity:.5;padding:6px 2px}.ad-field{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#00000047;color:#eef1f8;font:inherit;padding:9px 11px}.ad-field:focus{outline:none;border-color:#7ec8e3b3}.ad-text,.ad-caption{resize:vertical;line-height:1.35;margin-bottom:8px}.ad-select{border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#141b30;color:#eef1f8;font:inherit;font-size:13px;padding:6px 8px}.ad-chip{border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff12;color:#eef1f8;font:inherit;font-size:12.5px;padding:5px 11px;cursor:pointer}.ad-chip:hover{background:#ffffff21}.ad-chip.on{background:#7ec8e3;border-color:#7ec8e3;color:#0f1424;font-weight:700}.btn.ad-mini{flex:0 0 auto;padding:7px 13px;font-size:13px}.ad-icon{width:26px;height:26px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f;color:#eef1f8;font:inherit;font-size:13px;line-height:1;cursor:pointer}.ad-icon:disabled{opacity:.3;cursor:default}.ad-icon.danger:hover{border-color:#e07a5fb3;color:#e07a5f}.ad-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.07em;opacity:.45;margin-right:2px}.ad-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.ad-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ad-swatch{width:26px;height:26px;border-radius:8px;border:2px solid rgba(255,255,255,.18);cursor:pointer;padding:0}.ad-swatch.on{border-color:#ffd166;transform:scale(1.08)}.ad-file{font-size:12px;opacity:.6;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-gate{min-height:100vh;display:grid;place-items:center;padding:24px}.ad-gate-card{width:300px;text-align:center;margin:0}.ad-gate-sub{font-size:11px;text-transform:uppercase;letter-spacing:.14em;opacity:.5;margin:2px 0 16px}.ad-gate-card .ad-field{margin-bottom:10px;text-align:center}.ad-bad{color:#e07a5f;font-size:12.5px;margin-bottom:8px}.ad-draft{display:flex;align-items:flex-start;gap:4px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0003;padding:8px;margin-bottom:8px}.ad-draft.on{border-color:#7ec8e3a6;background:#7ec8e31a}.ad-draft-open{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0}.ad-draft-name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-draft-meta{font-size:11.5px;opacity:.5}.ad-draft-src{font-size:11px;color:#8fd0f2;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-draft-tools{display:flex;flex-direction:column;gap:4px}.ad-seeds{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.ad-seed{display:flex;flex-direction:column;gap:3px;align-items:flex-start;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#00000038;color:inherit;font:inherit;text-align:left;padding:10px 12px;cursor:pointer}.ad-seed:hover{border-color:#7ec8e399}.ad-seed.on{border-color:#7ec8e3;background:#7ec8e321}.ad-seed-wave{font-weight:800;color:#8fd0f2}.ad-seed-meta{font-size:12px;opacity:.6}.ad-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:10px}.ad-f{display:flex;flex-direction:column;gap:4px;font-size:11px;text-transform:lowercase;letter-spacing:.03em;opacity:.9}.ad-f>span{opacity:.5}.ad-f.wide{grid-column:1 / -1}.ad-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.ad-template{display:flex;flex-direction:column;gap:5px;align-items:flex-start;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#00000038;color:inherit;font:inherit;text-align:left;padding:12px;cursor:pointer}.ad-template:hover:not(:disabled){border-color:#ffd16699;background:#ffd16614}.ad-template:disabled{opacity:.4;cursor:default}.ad-t-title{font-weight:700;line-height:1.25}.ad-t-blurb{font-size:12px;opacity:.55}.ad-t-len{font-size:11px;color:#ffd166;opacity:.8}.ad-draft-head{display:flex;align-items:center;gap:10px}.ad-name{flex:0 1 280px;font-weight:700}.ad-source{font-size:12.5px;color:#8fd0f2;background:#7ec8e317;border:1px dashed rgba(126,200,227,.4);border-radius:10px;padding:7px 10px;margin-bottom:10px;display:inline-block}.ad-source.big{font-size:13.5px;font-weight:700}.ad-note{font-size:12px;opacity:.5;line-height:1.4;margin-top:10px}.ad-promo{font-size:12.5px;color:#ffd166;border:1px solid rgba(255,209,102,.35);background:#ffd16614;border-radius:10px;padding:8px 10px;line-height:1.4}.ad-slide{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08;padding:11px;margin-bottom:10px}.ad-slide-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ad-num{font-weight:800;font-variant-numeric:tabular-nums;opacity:.55;font-size:12.5px}.ad-tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 8px;background:#ffd16626;color:#ffd166}.ad-tag.closer{background:#7ec8e326;color:#7ec8e3}.ad-slide-tools{margin-left:auto;display:flex;gap:5px}.ad-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.ad-strip.busy{opacity:.55}.ad-thumb{flex:0 0 auto;width:162px}.ad-thumb img{width:162px;height:202px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.14);display:block;background:#0b0e18}.ad-thumb figcaption{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:11.5px;opacity:.7}.ad-export{display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:sticky;bottom:0;background:#0f1424f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ad-export-meta{flex:1;min-width:280px}.ad-export-meta .ad-source{margin-bottom:8px}.ad-export-btns{display:flex;gap:8px;flex:0 0 auto}.ad-export-btns .btn{flex:0 0 auto;padding:11px 18px}.ad-status{flex-basis:100%;font-size:12.5px;color:#9be89b}