@font-face{font-family:InterLocal;src:local("Inter")}*{box-sizing:border-box}:root{font-family:InterLocal,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e0dfd5;background:#111719;font-synthesis:none;font-size:14px;--gold:#d2b67d;--gold-dim:#756245;--muted:#84918f;--line:#343c3b;--panel:#182021;--teal:#6ac5b4;--red:#d37264}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.38}button:hover:not(:disabled){filter:brightness(1.18)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button,.slot,.offer,.trait{transition:background .15s,border-color .15s,box-shadow .15s}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:pixelated}h1,h2,h3,p{margin:0}small{font-size:12px}kbd{font-family:inherit;border:1px solid #505a54;border-radius:3px;font-size:11px;color:#b8c1b8;padding:1px 5px;min-width:19px;display:inline-flex;justify-content:center}#app{height:100dvh;display:grid;grid-template-rows:76px minmax(260px,1fr) 234px;background:radial-gradient(ellipse at 50% 35%,#283a34 0,transparent 65%),#101718}#topbar{z-index:5;display:grid;grid-template-columns:240px 1fr 340px;align-items:center;background:linear-gradient(180deg,#222a29,#151c1e);border-bottom:1px solid #736246;padding:0 26px;box-shadow:0 5px 20px #05080755}.brand{display:flex;gap:13px;align-items:center}.brand-mark{color:var(--gold);border:1px solid #8b7550;width:42px;height:46px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(140deg,#8e75432e,#090f11)}.brand-mark .icon{width:28px;height:28px}.brand h1{font-family:Georgia,serif;font-weight:500;font-size:27px;letter-spacing:4px;color:#e2c993;line-height:1}.brand small{font-size:10px;letter-spacing:6px;color:#9caa9f;display:block;margin-top:6px}.round-track{display:flex;flex-direction:column;align-items:center;gap:8px}.round-caption{font-size:13px;letter-spacing:2px;color:#d1ccbd;display:flex;align-items:center;gap:10px}.round-caption b{color:var(--gold);font-size:15px;font-weight:500}.round-pips{display:flex;align-items:center;gap:13px}.round-pips i{display:block;position:relative;width:7px;height:7px;transform:rotate(45deg);background:#38423e;border:1px solid #6b6a51}.round-pips i.active{background:#dabd7f;box-shadow:0 0 9px #d8b97670}.round-pips i.pve{border-color:#859c8b}.top-resources{display:flex;align-items:center;justify-content:flex-end;gap:22px}.top-gold{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:24px;font-family:Georgia,serif}.top-health{color:#8ec9ab;font-size:19px;display:flex;gap:6px;align-items:center}.icon-button{border:1px solid #44504a;width:33px;height:33px;display:grid;place-items:center;border-radius:3px;color:#b5bbae}.icon-button:hover{background:#34433c}.top-divider{width:1px;height:25px;background:#3b453e}.stage{display:grid;grid-template-columns:194px minmax(300px,1fr) 204px;min-height:0;position:relative}aside{z-index:3;min-height:0;background:linear-gradient(90deg,#151e20f5,#151e20d9);display:flex;flex-direction:column;padding:21px 16px 14px}#left-panel{border-right:1px solid #394139}#right-panel{border-left:1px solid #394139;padding:21px 13px 10px;background:linear-gradient(270deg,#151e20f5,#151e20d9)}.section-label{font-size:11px;font-weight:500;letter-spacing:2px;color:#b2b8aa;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-label .icon{width:15px;height:15px;color:#bda877}.section-label span{font-size:11px;color:#687a74;letter-spacing:0}.synergy-list{display:flex;flex-direction:column;gap:6px}.trait{display:flex;align-items:center;gap:10px;padding:7px 6px;border:1px solid transparent;border-radius:3px;text-align:left;width:100%;color:#909e97}.trait:hover{background:#29342f;border-color:#4c5546}.trait.active{color:#dedace;background:linear-gradient(90deg,#a0874d22,transparent)}.trait-icon{display:grid;place-items:center;height:30px;width:30px;flex-shrink:0;color:#89958b;border:1px solid #4e5b50;background:#1d2827;transform:rotate(45deg);border-radius:3px}.trait-icon span{transform:rotate(-45deg);font-size:19px}.trait.active .trait-icon{color:#e1c27f;border-color:#9d8658;background:#443d2e}.trait-text{flex:1}.trait-name{font-size:13px;font-weight:500}.trait-thresholds{display:flex;gap:6px;font-size:10px;margin-top:3px;color:#64746d}.trait-thresholds .reached{color:#d9b97b}.trait-count{font-size:12px;font-weight:600;color:#afb8a9}.side-bottom{margin-top:auto;padding-top:14px}.journal{border-top:1px solid #36433c;padding-top:13px;color:#8c9a91;font-size:12px;line-height:1.6}.journal h3{font-size:10px;letter-spacing:1.6px;font-weight:500;color:#b8bba9;margin-bottom:8px}.journal p{margin:4px 0}.help-link{display:flex;align-items:center;gap:7px;color:#a3b4a9;font-size:12px;padding:8px 0 0}.help-link .icon{width:15px;height:15px}#arena-wrap{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at center,#364c3a 0,#1c2c28 70%)}#arena{position:absolute;inset:0}#arena canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#arena-wrap:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #09131088;z-index:1}.arena-top{position:absolute;top:14px;left:0;right:0;z-index:2;text-align:center;pointer-events:none}.location{font-family:Georgia,serif;color:#e4dec5;font-size:14px;letter-spacing:3px;text-shadow:0 2px 6px #000}.phase-indicator{display:inline-flex;align-items:center;gap:12px;background:#111d1bdc;border:1px solid #647358;padding:7px 18px;margin-top:10px;box-shadow:0 5px 15px #0003}.phase-label{font-size:10px;letter-spacing:2px;color:#adc6b8}.phase-time{font-size:19px;color:#e0d5b4;font-variant-numeric:tabular-nums;font-family:Georgia,serif;min-width:24px}.phase-indicator.combat{border-color:#a77648}.phase-indicator.combat .phase-label{color:#deb882}.team-count{position:absolute;top:18px;left:18px;z-index:2;display:flex;align-items:center;gap:8px;color:#b9cbbb;font-size:13px;pointer-events:none}.team-count strong{font-family:Georgia,serif;color:#ead7a8;font-size:25px;font-weight:400}.team-count .icon{width:16px;height:16px}.arena-tools{position:absolute;right:13px;top:17px;z-index:3;display:flex;gap:5px}.arena-tools button{background:#14201dd9;width:28px;height:28px;font-size:16px;border:1px solid #58654d;color:#c1cbb5}.arena-bottom{position:absolute;left:20px;right:20px;bottom:14px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;pointer-events:none}.arena-bottom>*{pointer-events:auto}.formation-hint{max-width:370px;background:#13221ddc;border-left:2px solid #bda474;padding:10px 14px;box-shadow:0 5px 14px #0002;line-height:1.5}.formation-hint strong{font-family:Georgia,serif;font-weight:400;font-size:15px;color:#e2d5b4}.formation-hint p{font-size:11px;color:#a7b9ac;margin-top:3px}.formation-hint button{float:right;font-size:16px;color:#8fa191;margin:-5px -5px 0 8px}.primary{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #bfa66d;background:linear-gradient(180deg,#d2b477,#a88a50);color:#19221d;font-weight:650;letter-spacing:1px;font-size:12px;padding:0 22px;box-shadow:inset 0 0 0 3px #ecd2a126,0 3px 14px #0004;border-radius:2px}.primary .icon{width:17px;height:17px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #526052;background:linear-gradient(180deg,#2d3932,#202b27);color:#c5d1bd;padding:11px 15px;font-size:12px;border-radius:2px}.speed{background:#182622e8;color:#d3c5a4;border:1px solid #746748;padding:9px 13px;font-size:12px;display:flex;align-items:center;gap:9px}.roster{display:flex;flex-direction:column;gap:5px;overflow:auto;scrollbar-width:thin}.player-row{display:flex;width:100%;align-items:center;gap:9px;text-align:left;padding:6px;border:1px solid #34443a;background:#202b25a3;border-radius:3px;position:relative;min-height:44px}.player-row:hover{background:#334237}.player-row.self{background:linear-gradient(90deg,#806d363d,#1e292399);border-color:#9a8655}.player-row.viewing{box-shadow:inset 2px 0 #d7bd87}.player-row.dead{opacity:.4;filter:grayscale(1)}.avatar{height:29px;width:29px;background:#111e1b;border:1px solid #617052;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar img{height:28px;max-width:30px;object-fit:contain}.player-info{flex:1;min-width:0}.player-name{font-size:12px;color:#c0cabc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name small{font-size:9px;color:#9b9678;margin-left:4px}.hp-track{height:3px;background:#0d1813;margin-top:6px;overflow:hidden}.hp-track i{display:block;height:100%;background:#77a57f}.player-row.self .hp-track i{background:#d4b475}.player-hp{font-size:14px;color:#bfd0b9;min-width:24px;text-align:right;font-family:Georgia,serif}.roster-footer{margin-top:auto;padding:13px 4px 0;display:flex;justify-content:space-between;align-items:center;color:#7c9185;font-size:10px;letter-spacing:1px}.online-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6bad84;box-shadow:0 0 7px #6bad8455;margin-right:5px}#dock{z-index:4;position:relative;background:linear-gradient(180deg,#26312c,#151f20 38%);border-top:1px solid #847450;box-shadow:0 -8px 25px #09151060;padding:0 23px 13px}.bench-row{display:flex;align-items:center;gap:23px;height:77px;border-bottom:1px solid #424937;margin-bottom:11px}.bench-heading{width:148px;flex-shrink:0}.bench-heading h2{font-size:11px;font-weight:500;letter-spacing:1.5px;color:#c4c6b3;margin-bottom:6px}.bench-heading small{font-size:10px;color:#7f9488}.bench{display:flex;align-items:center;gap:6px;flex:1;max-width:635px}.slot{position:relative;flex:1;max-width:58px;height:51px;background:linear-gradient(160deg,#101b18,#202c23);border:1px solid #465440;box-shadow:inset 0 0 13px #0b150d66;display:grid;place-items:center;border-radius:2px;padding:0;touch-action:none}.slot:before{content:attr(data-number);position:absolute;top:3px;left:4px;color:#51654f;font-size:9px}.slot img{max-width:47px;max-height:43px;object-fit:contain;filter:drop-shadow(0 3px 2px #0008)}.slot:hover{border-color:#bda56b;background:#344632}.slot.selected{border-color:#e6c57e;box-shadow:0 0 11px #d5b16536}.slot .stars{position:absolute;bottom:0;right:3px;font-size:10px;color:#efce79}.equipped-dots{position:absolute;top:2px;right:3px;display:flex;gap:2px}.equipped-dots i{width:4px;height:4px;background:#68bdb1;transform:rotate(45deg)}.inventory{margin-left:auto;display:flex;align-items:center;gap:5px}.inventory-title{font-size:10px;letter-spacing:1px;color:#8d9c88;margin-right:8px;display:flex;flex-direction:column;gap:4px}.inventory-title small{font-size:9px;letter-spacing:0;color:#657b6b}.item-slot{height:38px;width:38px;flex-shrink:0;border:1px solid #555944;background:#1a271f;display:grid;place-items:center;touch-action:none;position:relative}.item-slot img{max-width:31px;max-height:31px}.item-slot.empty{border-style:dashed;opacity:.65}.item-slot.selected{border-color:#e5c782;background:#655534}.shop-row{display:grid;grid-template-columns:148px minmax(440px,1fr) 172px;gap:22px;height:131px}.level-panel{padding-top:2px}.level-top{display:flex;align-items:center;justify-content:space-between}.level-top h2{font-size:13px;font-weight:500;color:#d5dac9}.level-top h2 strong{font-family:Georgia,serif;font-size:23px;color:#dfc58a;font-weight:400;margin-left:6px}.xp-label{font-size:10px;color:#859987}.xp-track{height:4px;background:#101b17;margin:8px 0 12px;border:1px solid #455843}.xp-track i{display:block;height:100%;background:#86bca2}.buy-xp{width:100%;min-height:34px;border:1px solid #617457;color:#bccfb4;background:#27372a;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:11px}.buy-xp .cost{color:#d6bc80}.income{font-size:10px;color:#82957d;display:flex;justify-content:space-between;margin-top:10px}.offers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:0}.offer{border:1px solid #53654d;position:relative;background:radial-gradient(ellipse at 50% 35%,#52633b66,transparent 75%),linear-gradient(180deg,#263a2c,#16231d);border-bottom:3px solid var(--rarity);border-radius:3px;overflow:hidden;text-align:left;padding:8px 11px 9px;display:flex;flex-direction:column;touch-action:manipulation}.offer:before{content:"";pointer-events:none;position:absolute;inset:3px;border:1px solid #e7d6a00b}.offer:hover:not(:disabled){border-color:#d4bb84;box-shadow:0 0 14px #bdaa5822;transform:translateY(-2px)}.offer:disabled{opacity:.5;filter:saturate(.45)}.offer-traits{font-size:9px;color:#8fa183;position:relative;z-index:1;white-space:nowrap;letter-spacing:.1px}.offer-image{flex:1;position:relative;min-height:44px;display:grid;place-items:center}.offer-image img{max-width:68px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 3px #020c0577)}.offer-name{position:relative;font-family:Georgia,serif;font-size:15px;color:#e1ddc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:19px}.offer-cost{position:absolute;right:10px;bottom:9px;display:flex;align-items:center;gap:4px;color:#dac187;font-size:13px}.offer-cost .icon{width:11px;height:11px}.offer-status{position:absolute;top:24px;left:8px;font-size:8px;letter-spacing:.6px;color:#e6c985;background:#313a22dc;border:1px solid #998e5255;padding:2px 4px}.offer.sold{display:grid;place-items:center;cursor:default;border-color:#34493a;background:#14221b66;color:#64836b;font-size:11px;letter-spacing:1px}.offer.sold .icon{width:25px;height:25px;margin:auto auto 8px}.shop-actions{display:flex;flex-direction:column;gap:9px}.refresh{min-height:39px;display:flex;align-items:center;gap:7px;justify-content:center;width:100%;font-size:11px;border:1px solid #947f53;background:linear-gradient(180deg,#74643b,#51482e);color:#e6d5a7}.refresh .icon{width:15px;height:15px}.refresh .cost{margin-left:auto}.refresh kbd{border-color:#9c8c59;color:#e2d1a6;margin-left:auto}.lock-button{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;color:#aab59d;padding:3px}.lock-button .icon{width:13px;height:13px}.lock-button.locked{color:#e0bf76}.shop-odds{display:flex;flex-direction:column;gap:5px;margin-top:auto;font-size:9px;color:#7e917d}.odds{display:flex;gap:6px;justify-content:space-between;font-size:10px}.odds span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:2px}.tooltip{position:fixed;z-index:30;width:275px;border:1px solid #9f8657;background:linear-gradient(145deg,#283329fa,#111f1bfa);box-shadow:0 12px 35px #0009;padding:17px;border-radius:3px;pointer-events:none;color:#cbd2bd;font-size:12px;line-height:1.5}.tooltip[hidden]{display:none}.tooltip-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.tooltip-head img{width:48px;height:48px;object-fit:contain}.tooltip h3{font-size:20px;line-height:1.15;color:#e9d4a3;font-family:Georgia,serif;font-weight:400}.tooltip .tags{font-size:10px;color:#95b295;margin-top:5px}.tooltip-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 8px;border-block:1px solid #56604780;padding:9px 0;margin:10px 0}.tooltip-stats div{font-size:10px;color:#7f9c83}.tooltip-stats b{display:block;color:#e0e0c4;font-weight:500;font-size:13px}.tooltip h4{font-size:12px;color:#d5bb7c;margin:11px 0 5px}.tooltip p{color:#a7bea7}.tooltip-foot{border-top:1px solid #54624666;margin-top:12px;padding-top:8px;color:#d8ba7b;display:flex;justify-content:space-between;font-size:11px}.tooltip-items{display:flex;gap:6px;margin-top:8px}.tooltip-items img{height:26px;width:26px;object-fit:contain;border:1px solid #657653}.toast-area{position:fixed;left:50%;top:89px;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:7px;pointer-events:none}.toast{padding:11px 20px;background:#1c3029f5;border:1px solid #bda270;box-shadow:0 7px 25px #0006;font-size:13px;color:#e0d6b7;animation:toast-in .2s ease-out}.toast.error{border-color:#a36a51;color:#efb698}.toast.fusion{font-family:Georgia,serif;font-size:19px;color:#f2d18c;border-color:#dcc184;box-shadow:0 0 22px #e3be6144}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drag-ghost{position:fixed;pointer-events:none;z-index:60;width:64px;height:64px;transform:translate(-50%,-72%);filter:drop-shadow(0 0 8px #d2b05a);display:none}.drag-ghost img{width:100%;height:100%;object-fit:contain}.selection-panel{position:absolute;z-index:4;left:13px;bottom:12px;min-width:235px;max-width:310px;background:#17271fef;border:1px solid #9b8759;padding:12px;box-shadow:0 8px 23px #0006}.selection-panel h3{font-family:Georgia,serif;color:#dcc28e;font-size:18px;font-weight:400}.selection-panel .selection-head{display:flex;align-items:center;gap:10px}.selection-head img{width:41px;height:41px;object-fit:contain}.selection-sub{font-size:10px;color:#92ab91;margin-top:4px}.selection-actions{display:flex;gap:7px;margin-top:10px}.selection-actions button{flex:1;padding:7px 10px;font-size:11px;border:1px solid #697852;background:#31402b;color:#c3d1b1}.selection-actions .sell{color:#d9ba7c;border-color:#8a774b;background:#473f27}.selection-close{position:absolute;right:8px;top:6px;color:#899f87;font-size:18px}.selection-item-list{display:flex;gap:6px;margin-top:7px}.selection-item-list img{width:25px;height:25px;object-fit:contain;border:1px solid #62714b}.result-ribbon{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);z-index:4;text-align:center;pointer-events:none;background:linear-gradient(90deg,transparent,#14241ef2 20%,#14241ef2 80%,transparent);padding:22px 70px;min-width:370px;border-block:1px solid #c4a56766}.result-ribbon strong{display:block;font-family:Georgia,serif;font-size:34px;color:#e3c183;font-weight:400;letter-spacing:4px}.result-ribbon span{display:block;font-size:11px;color:#c6ccb0;margin-top:9px;letter-spacing:.5px}.damage-list{display:flex;flex-direction:column;gap:8px}.damage-row{display:grid;grid-template-columns:24px 1fr 36px;gap:7px;align-items:center;font-size:11px}.damage-row img{height:24px;width:24px;object-fit:contain}.damage-row b{font-weight:500;color:#bcbf9d}.damage-row .hp-track{margin-top:4px;background:#142017}.damage-row .hp-track i{background:#bb9b58}.damage-row small{font-size:11px;text-align:right;color:#bfb58e}.tabs{display:flex;gap:12px;border-bottom:1px solid #43503b;margin-bottom:10px}.tabs button{padding:5px 0 8px;font-size:11px;color:#869a83}.tabs button.active{color:#e1c587;border-bottom:1px solid #d1b277}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#07120eaa;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:20px}.overlay[hidden]{display:none}.modal{background:radial-gradient(ellipse at top,#394733,#15231e 75%);border:1px solid #ab9261;box-shadow:0 25px 100px #0009,inset 0 0 0 5px #a58b5520;width:min(520px,100%);padding:33px 37px;position:relative;max-height:95dvh;overflow:auto}.modal-close{position:absolute;right:15px;top:13px;font-size:24px;color:#adb99d}.modal .eyebrow{color:#a5b291;font-size:10px;letter-spacing:3px;margin-bottom:10px}.modal h2{font-size:31px;font-family:Georgia,serif;font-weight:400;color:#e1c68f;margin-bottom:20px}.modal p{font-size:13px;color:#b2c0a5;line-height:1.7}.modal label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;padding:12px 0;color:#c3cdb5;border-bottom:1px solid #405035}.modal select{background:#202f24;color:#cfd9bc;border:1px solid #5a6e4b;padding:7px}.modal input[type=range]{accent-color:#ccb16f;width:160px}.modal input[type=checkbox]{accent-color:#c7ad70;width:17px;height:17px}.modal-footer{display:flex;gap:10px;margin-top:24px}.modal-footer button{flex:1}.controls{display:grid;grid-template-columns:80px 1fr;gap:13px;margin-top:20px;font-size:12px;color:#bcc9b0}.controls kbd{width:fit-content;height:22px;align-items:center}.rules{margin-top:21px;border-top:1px solid #4f6040;padding-top:16px;font-size:12px;color:#9eb58f;line-height:1.8}.rules strong{color:#d5c28e;font-weight:500}.final-modal{text-align:center;width:580px;padding:37px}.final-crest{font-size:62px;color:#d4b273;line-height:1;margin:9px 0 20px;text-shadow:0 0 28px #d5b46c30;font-family:Georgia,serif}.final-modal h2{font-size:42px;margin-bottom:9px}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #65714c;margin:27px 0 22px;padding:17px 0;gap:10px}.final-stats b{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#e0c48c;display:block}.final-stats small{font-size:10px;letter-spacing:1px;color:#95a888;display:block;margin-top:6px}.final-modal .modal-footer{justify-content:center}.final-summary{font-size:12px;color:#a6ba96}.inspect-bar{position:absolute;z-index:3;top:92px;left:50%;transform:translate(-50%);background:#19291fec;border:1px solid #9a864f;padding:8px 15px;display:flex;gap:15px;align-items:center;font-size:12px;white-space:nowrap}.inspect-bar button{color:#dfc17f;text-decoration:underline;font-size:11px}.no-synergies{font-size:12px;color:#738f7a;line-height:1.7}.error-screen{padding:40px;color:#efc49d;font-size:16px}.debug-panel{position:fixed;z-index:45;left:10px;bottom:10px;background:#06130ef0;border:1px solid #589971;padding:12px;font:12px monospace;display:flex;gap:8px;align-items:center}.debug-panel input{width:85px;background:#15291c;border:1px solid #50795a;color:#cfdfc6;padding:5px}.debug-panel button{background:#28492c;padding:6px}.portrait-lg{height:40px;width:40px;object-fit:contain}.sell-zone{position:absolute;bottom:0;left:0;right:0;z-index:10;background:#694a26ef;color:#efcf89;border:1px solid #d0ad68;text-align:center;padding:22px;font-size:15px;display:none}.dragging .sell-zone{display:block}#dock.dragging .shop-row{opacity:.25}.item-selected-banner{color:#e2c784;font-size:12px;max-width:260px;background:#1b2c1ced;border:1px solid #af985e;padding:9px 12px}.live-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1650px){#app{grid-template-rows:84px minmax(300px,1fr) 259px}.stage{grid-template-columns:225px minmax(300px,1fr) 225px}aside{padding:27px 22px}.brand h1{font-size:31px}.bench-row{height:88px}.slot{height:58px;max-width:65px}.bench{max-width:700px}.shop-row{height:146px;grid-template-columns:176px 1fr 192px}.bench-heading{width:176px}.offer-image img{height:75px;max-width:82px}.offer-name{font-size:18px}.offer-traits{font-size:11px}.trait-name{font-size:14px}.player-row{min-height:49px}.player-name{font-size:13px}.roster{gap:7px}.formation-hint p{font-size:12px}}@media(max-width:1200px){#topbar{grid-template-columns:200px 1fr 270px;padding:0 17px}.stage{grid-template-columns:165px minmax(300px,1fr) 175px}aside{padding:18px 10px}#right-panel{padding:18px 8px}.top-resources{gap:15px}.trait{gap:8px;padding:5px 3px}.trait-name{font-size:12px}.formation-hint{max-width:290px}.formation-hint p{font-size:10px}.shop-row{grid-template-columns:134px 1fr 143px;gap:14px}.bench-row{gap:14px}.bench-heading{width:134px}.inventory-title{display:none}#dock{padding-inline:14px}.offers{gap:7px}.offer{padding-inline:8px}.offer-name{font-size:13px}.offer-traits{font-size:8px}.offer-cost{right:7px}.bench{max-width:540px;gap:5px}.team-count{top:17px;left:12px}.team-count span{display:none}.player-row{gap:6px}.player-name{font-size:11px}.avatar{width:26px;height:26px}.avatar img{height:25px}}@media(max-height:780px){#app{grid-template-rows:65px minmax(240px,1fr) 216px}#topbar{padding-inline:20px}.brand h1{font-size:25px}.brand small{font-size:9px}.brand-mark{height:39px;width:37px}.bench-row{height:68px;margin-bottom:9px}.slot{height:46px}.shop-row{height:124px}.offer-image img{height:57px}.section-label{margin-bottom:12px}aside,#right-panel{padding-top:15px}.roster{gap:4px}.player-row{min-height:39px;padding:4px 6px}.trait{padding-block:5px}.trait-icon{width:26px;height:26px}.journal{font-size:10px}.journal h3{font-size:9px}.side-bottom{padding-top:9px}.arena-top{top:11px}.location{font-size:12px}.phase-indicator{margin-top:7px;padding:5px 14px}.formation-hint{padding:8px 11px}.arena-bottom{bottom:10px}.roster-footer{padding-top:8px}.inventory .item-slot{width:34px;height:34px}}@media(max-width:950px){#app{grid-template-rows:64px minmax(240px,1fr) 227px}.stage{grid-template-columns:140px minmax(300px,1fr) 55px}#right-panel .section-label,#right-panel .player-info,#right-panel .player-hp,#right-panel .roster-footer{display:none}#right-panel{padding-inline:5px}.player-row{padding:4px;width:42px;justify-content:center}.avatar{width:28px;height:28px}.roster{gap:8px}.brand h1{font-size:21px}.brand small{letter-spacing:4px}.brand-mark{display:none}#topbar{grid-template-columns:165px 1fr 190px}.top-resources{gap:8px}.top-divider{display:none}.top-gold{font-size:21px}.top-health{font-size:16px}.round-caption{font-size:11px}.shop-row{grid-template-columns:105px 1fr 115px;gap:8px}.offer-name{font-size:12px}.offer-traits{font-size:7px}.offer-cost{font-size:10px}.offer-cost .icon{display:none}.bench-heading{width:105px}.bench-heading h2{font-size:9px}.bench-row{gap:8px}.inventory{gap:3px;max-width:190px;overflow-x:auto}.item-slot{width:29px!important;height:31px!important}.offers{gap:5px}.refresh{font-size:10px;gap:4px}.refresh kbd{display:none}.formation-hint{max-width:245px}.formation-hint strong{font-size:13px}.primary{padding-inline:14px}.trait-name{font-size:11px}.trait-icon{width:23px;height:23px}.trait-count{font-size:10px}.journal{display:none}.location{letter-spacing:1px}.shop-odds{font-size:8px}.odds{gap:2px;font-size:9px}}@media(max-width:650px){body{overflow:auto}#app{min-height:760px;height:100dvh;grid-template-rows:62px 1fr 261px}.stage{grid-template-columns:1fr 48px}#left-panel,.top-health{display:none}#topbar{padding-inline:11px;grid-template-columns:125px 1fr 115px}.brand h1{font-size:19px}.round-pips,.top-resources{gap:8px}.top-resources .icon-button{width:27px;height:27px}.top-resources .icon-button.help{display:none}.round-caption{letter-spacing:1px}.bench-heading{display:none}.bench-row{height:105px;flex-wrap:wrap;gap:3px;align-content:center;padding:6px 0}.bench{width:100%;flex-basis:100%;max-width:none}.slot{max-width:none;height:43px}.slot img{max-width:34px;max-height:35px}.inventory{max-width:none;margin-left:0;overflow:auto;max-height:38px}.inventory-title{display:flex;font-size:9px}.inventory-title small{display:none}.shop-row{grid-template-columns:1fr 95px;gap:7px;position:relative}.level-panel{position:absolute;left:0;top:125px;display:flex;width:100%;gap:12px;align-items:center}.level-top{gap:10px}.level-top h2{font-size:11px}.level-top h2 strong{font-size:19px}.xp-track,.income{display:none}.buy-xp{width:125px;min-height:27px}.offers{gap:3px}.offer{padding:7px 4px}.offer-traits{display:none}.offer-image img{max-width:45px;height:48px}.offer-name{font-size:10px;padding-right:8px}.offer-cost{bottom:26px;right:4px}.shop-row{height:117px}.arena-bottom{left:10px;right:10px}.formation-hint{max-width:180px}.formation-hint p{font-size:9px}.location{font-size:10px}.arena-tools{right:7px;top:12px}.team-count{left:8px;top:13px}.team-count strong{font-size:21px}.modal{padding:27px 22px}.tooltip{width:245px}.final-modal h2{font-size:32px}.final-stats b{font-size:22px}.selection-panel{min-width:210px;max-width:235px}.refresh .icon{display:none}}.synergy-list{min-height:0;overflow:auto;scrollbar-width:thin}.side-bottom{flex-shrink:0}.inventory{max-width:380px;overflow-x:auto;scrollbar-width:thin;padding-block:4px}.inventory-title{flex-shrink:0}.base-stats-note{display:block;color:#879d7b;font-size:10px;margin-bottom:6px}@media(max-width:1200px){.inventory{max-width:260px}}@media(max-width:950px){.inventory{max-width:190px}}@media(max-width:650px){.inventory{max-width:100%}}@keyframes bank-fusion{0%,to{box-shadow:inset 0 0 10px #d6bc7633}40%{box-shadow:0 0 24px #fbd786,inset 0 0 15px #eaca89;border-color:#ffe4a3;background:#6f623a}}.slot.just-fused{animation:bank-fusion 1.1s ease-out}#app{grid-template-rows:76px minmax(290px,1fr) 158px}#topbar{grid-template-columns:190px minmax(290px,1fr) 315px;padding-inline:20px}.round-track{gap:5px}.round-caption{font-size:10px;letter-spacing:2px}.round-caption b{font-size:13px}.round-timeline{display:flex;align-items:center;gap:7px}.round-node{position:relative;width:34px;height:29px;border:1px solid #48544b;background:#111d1c;color:#839b91;display:flex;align-items:center;justify-content:center;gap:3px}.round-node>span{font-size:18px}.round-node small{font-size:9px}.round-node.pve{color:#88c5ae}.round-node.carousel{color:#b69ed5}.round-node.current{border-color:#e4c985;background:#66512d;box-shadow:0 0 13px #e8c78033;color:#fff0be}.round-node.win{border-bottom-color:#74cc99}.round-node.loss{border-bottom-color:#d88370}.round-node i{position:absolute;right:-4px;bottom:-4px;font-style:normal;font-size:10px;color:#edf2dc;background:#21342b;border-radius:50%;width:12px;height:12px}.round-node.loss i{background:#793e33}.top-resources{gap:15px}.summoner-button{width:36px;height:38px;background:#27372c;border:1px solid #89764d;display:grid;place-items:center}.summoner-button img{width:31px;height:33px;object-fit:contain}#dock{padding-top:12px}.shop-row{height:132px}.offers .offer-image img{height:65px}.arena-bottom{bottom:105px}.formation-hint{max-width:325px}.selection-panel{bottom:104px}.arena-tools{top:19px}.arena-top{top:14px}.phase-indicator.pve{border-color:#80bfa6;background:#10251fed}.phase-indicator.pve .phase-label{color:#aaefd0}.phase-label{letter-spacing:1px}#floating-hud,#world-ui{position:absolute;inset:0;pointer-events:none;z-index:3}.floating-inventory{position:absolute;left:14px;top:155px;width:135px;background:linear-gradient(150deg,#24352deb,#111c1eef);border:1px solid #6f7653;box-shadow:0 8px 24px #0006;padding:9px;pointer-events:auto}.inventory-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#c8c8a9;letter-spacing:1px;margin-bottom:7px}.inventory-heading button{font-size:16px;color:#e0c17c}.floating-item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-height:255px;overflow:auto;scrollbar-width:thin}.floating-item-grid .item-slot{width:34px!important;height:36px!important;position:relative;margin:0;background:#111b17;border:1px solid #5b6a50}.floating-item-grid .item-slot img{width:27px;height:29px;object-fit:contain}.floating-item-grid .item-slot span{position:absolute;right:0;bottom:-1px;font-size:10px;color:#ddd3a7}.floating-item-grid .completed{border-color:#c6a566}.floating-item-grid .consumable{border-color:#b39cca;background:#30223e}.floating-item-grid .selected{outline:2px solid #f4d592;box-shadow:0 0 10px #d4b26c55}.recipe-link{font-size:9px;color:#d9c391;text-align:left;border-top:1px solid #59624b;margin-top:8px;padding:7px 0 0;line-height:1.4;width:100%}.item-instruction{display:block;color:#abc0ab;font-size:9px;line-height:1.45;margin-top:7px}.empty-inventory{font-size:10px;line-height:1.5;color:#91a69a;grid-column:1/-1}.pve-banner{position:absolute;left:14px;top:72px;width:155px;display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-left:2px solid #90c4a8;background:#10201cdb;color:#afc6ae}.pve-banner b{font-size:10px;letter-spacing:1px;color:#aae5be}.pve-banner span{font-family:Georgia,serif;font-size:14px}.pve-banner small{font-size:9px;line-height:1.4}.world-bench{position:absolute;width:61px;height:69px;transform:translate(-50%,-79%);border:1px solid transparent;background:transparent!important;pointer-events:auto;touch-action:none}.world-bench:hover,.world-bench.selected{border-color:#cabb7699;box-shadow:inset 0 0 15px #d1ba6330}.world-bench span{position:absolute;bottom:-1px;left:0;right:0;font-size:9px;color:#ddc98d;text-shadow:0 1px 3px #000}.bench-caption{position:absolute;bottom:13px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:2px;color:#c4c3a6;text-shadow:0 1px 5px #000}.bench-caption span{letter-spacing:0;margin-left:8px;color:#8da494}.draft-offer{position:absolute;transform:translate(-50%,8px);display:flex;align-items:center;flex-direction:column;pointer-events:auto;width:98px;background:#13221edc;border:1px solid #8f7c54;border-radius:3px;padding:5px 3px;box-shadow:0 3px 10px #0005}.draft-offer>span{position:absolute;top:-54px;left:calc(50% - 14px);width:28px;height:28px;border:1px solid #dcc080;background:#17211bea;padding:2px}.draft-offer>span img{width:23px;height:23px;object-fit:contain}.draft-offer b{font-size:9px;color:#e4d8b0}.draft-offer small{font-size:8px;color:#aebda5;margin-top:2px}.draft-offer.claimed{opacity:.23}.draft-offer.claimed>span{display:none}.carousel-intro{position:absolute;bottom:105px;left:50%;transform:translate(-50%);text-align:center;max-width:435px;width:80%;padding:10px 15px;border-block:1px solid #8b77524f;background:#13201cbf}.carousel-intro b{font-family:Georgia,serif;display:block;font-size:19px;font-weight:400;color:#e7cc92}.carousel-intro span{font-size:10px;color:#b7c6ae;line-height:1.4;display:block;margin-top:4px}[data-phase=carousel] .team-count,[data-phase=carousel] .floating-inventory{opacity:.6}[data-phase=carousel] .formation-hint{display:none}.recipe-mini{display:flex;align-items:center;gap:6px;font-size:9px;border-bottom:1px solid #314334;padding-block:4px}.recipe-mini img{width:23px;height:23px;object-fit:contain}.recipe-mini>b{font-weight:500}.recipe-mini.available{background:#50734330;color:#c9e4b7}.recipe-formula{display:flex;gap:10px;align-items:center;padding:12px 0}.recipe-formula img{width:34px;height:34px;object-fit:contain}.tooltip{max-height:calc(100vh - 18px);overflow:auto}.tooltip small{font-size:9px;color:#a8b78e}.recipes-modal{width:min(960px,96vw);max-height:94vh;padding:25px 30px}.recipe-table-wrap{overflow:auto;max-height:65vh;margin-top:15px}.recipe-table{width:100%;border-collapse:collapse;table-layout:fixed}.recipe-table td,.recipe-table th{border:1px solid #42523c;text-align:center;padding:3px}.recipe-table th{background:#1b2d21;font-weight:400}.recipe-table th:first-child{width:40px}.recipe-table th img{width:29px;height:29px;object-fit:contain}.recipe-table th small{display:block;font-size:8px;color:#c4c5ac}.recipe-table td{height:52px}.recipe-table td button{display:flex;align-items:center;flex-direction:column;gap:3px;width:100%;padding:2px}.recipe-table td img{width:28px;height:28px;object-fit:contain}.recipe-table td small{font-size:8px;line-height:1.05;color:#c0ccb0}.recipe-table .recipe-empty{background:#07120d35;border-color:#2c3c2d}.craft-legend{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#aec49b;margin-top:14px}.avatar-modal{width:720px}.avatar-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.avatar-choices button{padding:25px 8px 15px;border:1px solid #66704d;background:#18291fed;display:flex;align-items:center;flex-direction:column;gap:14px}.avatar-choices button img{height:90px;width:82px;object-fit:contain}.avatar-choices strong{font-family:Georgia,serif;color:#e0c991;font-size:17px}.avatar-choices span{font-size:9px;color:#aabd9c}.avatar-choices .chosen{border-color:#e4c77f;background:#59513266;box-shadow:0 0 17px #cdb47a22}.cosmetic-note{text-align:center;margin-top:20px!important;font-size:11px!important}.collection-modal{width:850px;max-height:92vh}.bestiary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;overflow:auto;max-height:65vh;margin-top:20px;padding:2px}.bestiary-card{display:flex;flex-direction:column;align-items:center;padding:12px 6px;gap:7px;border:1px solid #526647;background:#13241bdd;position:relative}.bestiary-card img{height:58px;width:65px;object-fit:contain}.bestiary-card b{font-size:11px;color:#dfd1a5}.bestiary-card small{font-size:8px;color:#a1b49a;line-height:1.4}.bestiary-card>span{position:absolute;top:3px;right:5px;font-size:9px;color:#d8bd81}.cost-2{border-color:#588873}.cost-3{border-color:#508a9a}.cost-4{border-color:#9577b2}.cost-5{border-color:#c7a15f}@media(max-height:780px){#app{grid-template-rows:65px minmax(290px,1fr) 145px}.shop-row{height:122px}.offers .offer-image img{height:58px}.arena-top{top:10px}.floating-inventory{top:155px}.world-bench{width:54px;height:60px}.bench-caption{bottom:8px}.carousel-intro{bottom:95px}}@media(max-width:1200px){#topbar{grid-template-columns:155px minmax(250px,1fr) 260px;padding-inline:13px}.top-resources{gap:10px}.top-divider{display:none}.floating-inventory{width:111px;left:8px;padding:7px}.floating-item-grid{gap:4px}.floating-item-grid .item-slot{width:28px!important;height:31px!important}.floating-item-grid .item-slot img{width:24px;height:25px}.inventory-heading{font-size:7px;letter-spacing:.3px}.pve-banner{width:128px;left:8px}.pve-banner span{font-size:12px}.round-timeline{gap:5px}.round-node{width:31px}.summoner-button{width:31px;height:34px}}@media(max-width:950px){#app{grid-template-rows:65px minmax(300px,1fr) 145px}#topbar{grid-template-columns:110px 1fr 215px}.round-node{width:25px;height:25px}.round-node>span{font-size:14px}.round-timeline{gap:3px}.floating-inventory{top:180px;width:76px}.floating-item-grid{grid-template-columns:repeat(2,1fr)}.inventory-heading>span{font-size:6px;letter-spacing:0}.inventory-heading button{display:none}.recipe-link{font-size:8px}.pve-banner{width:105px}.pve-banner small{font-size:8px}.world-bench{width:45px;height:53px}.formation-hint{max-width:250px}.carousel-intro{width:65%}.draft-offer{width:70px;padding:4px 2px}.draft-offer b{font-size:8px}.draft-offer small{font-size:7px}.bestiary-grid{grid-template-columns:repeat(4,1fr)}.avatar-choices{gap:7px}.avatar-choices button{padding-inline:3px}}@media(max-width:650px){#app{min-height:790px;grid-template-rows:67px 1fr 157px}#topbar{grid-template-columns:90px 1fr 94px;padding-inline:8px}.brand h1{font-size:17px}.round-caption{font-size:8px;letter-spacing:1px}.round-timeline{gap:2px}.round-node{width:21px;height:24px}.round-node small{font-size:7px}.top-resources .summoner-button{display:none}.top-resources{gap:6px}.top-gold{font-size:17px}.top-resources .help{display:none}.arena-top{left:65px;right:40px}.phase-label{font-size:8px}.phase-indicator{padding:5px}.floating-inventory{top:145px}.pve-banner{top:57px;width:90px}.pve-banner small{display:none}.world-bench{width:34px;height:45px}.shop-row{height:113px}.level-panel{top:114px}.offers .offer-image img{height:46px}.bestiary-grid{grid-template-columns:repeat(3,1fr)}.avatar-choices{grid-template-columns:repeat(2,1fr)}.avatar-choices button img{height:62px}.recipe-table{min-width:680px}.craft-legend{font-size:8px;gap:5px}.carousel-intro{left:55%;bottom:115px}.carousel-intro b{font-size:15px}.carousel-intro span{font-size:8px}.draft-offer{width:57px}.draft-offer b{font-size:7px}.draft-offer small{display:none}}.round-node{width:43px;height:38px;flex-direction:column;gap:0;padding:1px 2px}.round-node small{position:absolute;right:3px;top:2px;font-size:8px}.round-node em{font-style:normal;font-size:7px;line-height:9px;max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-node>span{line-height:20px}.carousel-intro{bottom:130px}.recipe-table td small{font-size:9px}.recipe-table td{height:55px}.toast-area{pointer-events:none}.world-bench.just-fused{animation:bank-fusion 1.1s ease-out}@media(max-height:780px){#app{grid-template-rows:76px minmax(290px,1fr) 145px}.round-track{gap:3px}.round-caption{font-size:9px}.carousel-intro{bottom:123px}}@media(max-width:950px){.round-node{width:31px;height:34px}.round-node em{font-size:6px;max-width:29px}.round-node>span{font-size:14px}}@media(max-width:650px){.round-node{width:23px;height:32px}.round-node em{font-size:5px;max-width:22px}.round-node small{font-size:6px}.carousel-intro{bottom:125px}}.drag-ghost[data-preview]:after{content:attr(data-preview);position:absolute;top:60px;left:50%;transform:translate(-50%);background:#14241eed;border:1px solid #b59c62;color:#f5dc9c;padding:6px 10px;font-size:11px;text-align:center;min-width:165px}.drag-ghost[data-preview=""]:after{display:none}.far-bench-caption,.summoner-name{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:8px;letter-spacing:1px;color:#e9c48a;text-shadow:0 1px 4px #000;background:#15241cb8;padding:3px 5px}.far-bench-caption{color:#ddac97;font-size:8px}.rival-bench span{color:#d7a58e}.rival-bench{height:51px}.rival-bench:hover{border-color:#be8a6955}.summoner-name{font-size:8px;letter-spacing:.3px;pointer-events:none}.inspect-bar{z-index:4}.carousel-intro{inset:90px 14px auto auto;width:155px;max-width:none;transform:none;padding:9px}.carousel-intro b{font-size:14px;line-height:1.35}.carousel-intro span{font-size:9px}.round-node.carousel em{font-size:6px}.shop-meta .shop-odds{flex-direction:row;align-self:center;align-items:center;line-height:1}.player-name{display:block;max-width:85px;font-size:11px}.player-name small{display:block;margin:2px 0 0;font-size:8px}.hp-track{display:block}.player-hp{flex-shrink:0;font-size:11px}.player-row{gap:6px}.player-row .avatar{width:25px;height:29px}.player-row .avatar img{max-width:26px}.roster-footer{font-size:8px}[data-phase=carousel] .floating-inventory{opacity:1}.arena-bottom{bottom:18px}.stage:has([data-phase=carousel]) .no-synergies{color:#a9bca4}.rival-bench{pointer-events:auto}.stage{grid-template-columns:170px minmax(0,1fr) 175px}#topbar{grid-template-columns:170px minmax(260px,1fr) 230px}#left-panel,#right-panel{padding-inline:14px}#app{grid-template-rows:76px minmax(290px,1fr) 157px}#dock{padding:0 175px 10px 170px;border-top:0;background:linear-gradient(0deg,#15201b,#263a2bec)}.shop-meta{height:32px;display:flex;align-items:center;padding-left:163px;gap:24px;background:#15231de6;border:1px solid #687257;border-bottom:0}.shop-meta .shop-odds{display:flex;gap:12px;flex:1;margin:0;font-size:10px}.shop-gold{display:flex;gap:7px;align-items:center;color:#ecd5a2}.shop-gold strong{font-size:20px;font-weight:500}.shop-gold small{font-size:9px;color:#9aac90;margin-left:5px}.shop-meta .lock-button{padding:4px 9px;min-width:36px;width:36px;margin:0;border:0;border-left:1px solid #64704e}.shop-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;height:113px;padding-top:5px}.level-panel{width:auto;padding:0!important;border:0}.level-panel .level-top{padding:0;height:20px}.level-panel h2{font-size:12px}.level-panel h2 strong{font-size:17px}.level-panel .xp-track{margin:4px 0}.level-panel .buy-xp,.level-panel .refresh{width:100%;height:32px;padding:4px 8px;margin:5px 0 0;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:5px}.offers{gap:7px}.offers .offer-image img{height:53px}.offers .offer-cost{font-size:12px}.missing-units{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:#c6e3e1;text-shadow:0 2px 9px #244c45}.missing-units strong{font-family:Georgia,serif;font-size:64px;font-weight:500;line-height:1;opacity:.65}.missing-units strong span{font-size:55px}.missing-units small{display:block;font-size:9px;letter-spacing:1px;line-height:1.6;color:#e8e6c8;margin-top:4px}.world-bench span{display:none}.world-bench{border-bottom:0}.bench-caption{font-size:8px}.arena-top .location{display:none}.phase-indicator{background:#14271bdc}.debug-panel{max-width:95vw}@media(max-width:1200px){.stage{grid-template-columns:150px minmax(0,1fr) 155px}#dock{padding-inline:150px 155px}.shop-row{grid-template-columns:125px minmax(0,1fr);gap:8px}.shop-meta{padding-left:134px;gap:10px}.shop-meta .shop-odds{gap:8px}.shop-gold small{display:none}.offers .offer-name{font-size:10px}.offers .offer-traits{font-size:7px}}@media(max-width:950px){.stage{grid-template-columns:125px minmax(0,1fr) 130px}#dock{padding-inline:20px}.shop-row{grid-template-columns:125px minmax(0,1fr)}#left-panel,#right-panel{padding-inline:8px}.missing-units strong{font-size:48px}.missing-units strong span{font-size:40px}.carousel-intro{width:120px;right:8px}.carousel-intro b{font-size:12px}.carousel-intro span{font-size:8px}}@media(max-width:650px){#dock{padding-inline:6px}.stage{grid-template-columns:60px minmax(0,1fr) 60px}.shop-row{grid-template-columns:95px minmax(0,1fr)}.shop-meta{padding-left:105px}.shop-meta .shop-odds{gap:5px;font-size:8px}.offers{gap:3px}.offers .offer-traits{display:none}.offers .offer-name{font-size:8px}.level-panel .refresh,.level-panel .buy-xp{font-size:9px}.carousel-intro{display:none}}.side-bottom .selection-panel{position:relative;inset:auto;width:100%;min-width:0;max-width:none;margin:0 0 10px;padding:9px;box-shadow:none}.side-bottom .selection-head{gap:6px}.side-bottom .selection-head img{width:31px;height:37px}.side-bottom .selection-head h3{font-size:13px;line-height:1.3}.side-bottom .selection-head small{font-size:9px}.side-bottom .selection-sub{font-size:9px;line-height:1.4}.side-bottom .selection-actions{flex-direction:column;gap:5px;margin-top:8px}.side-bottom .selection-actions button{font-size:10px;padding:7px 3px}.side-bottom:has(.selection-panel) .journal{display:none}.formation-hint{display:none}.trait{gap:6px;padding:5px 0}.trait-text{min-width:0}.trait-name{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.trait-count{flex-shrink:0}.trait-thresholds{gap:4px}.draft-offer{border-color:transparent;background:transparent;box-shadow:none}.draft-offer b,.draft-offer small{opacity:0}.draft-offer:hover,.draft-offer:focus-visible{background:#14241fed;border-color:#9e895c}.draft-offer:hover b,.draft-offer:hover small,.draft-offer:focus-visible b,.draft-offer:focus-visible small{opacity:1}#app{grid-template-rows:70px minmax(290px,1fr) 146px}.stage{grid-template-columns:205px minmax(0,1fr) 150px}#left-panel{grid-column:1}#arena-wrap{grid-column:2;grid-row:1}#right-panel{grid-column:3;grid-row:1}#left-panel{display:flex;position:relative;padding:18px 10px;border-right:1px solid #b6c0a71c;background:#14201cc9}#left-panel .floating-inventory{position:static;width:44px;padding:0;background:none;border:0;box-shadow:none;display:flex;flex-direction:column;min-height:0}.inventory-heading{justify-content:center;margin-bottom:10px}.inventory-heading>span{display:none}.inventory-heading button{display:block;width:34px;height:29px;border-bottom:1px solid #8a987a40}.floating-item-grid{grid-template-columns:1fr;justify-items:center;max-height:calc(100dvh - 365px);gap:6px;overflow:auto}.floating-item-grid .item-slot{width:38px!important;height:38px!important;cursor:grab;touch-action:none}.floating-item-grid .item-slot:active{cursor:grabbing}.floating-item-grid .item-slot img{width:30px;height:30px}.recipe-link{font-size:8px;line-height:1.5;text-align:center;padding-top:8px}.empty-inventory{font-size:8px;text-align:center}.rail-tools{width:44px;margin-top:auto;display:grid;gap:9px;padding-top:16px}.rail-tools button{display:grid;place-items:center;width:38px;height:29px;color:#a6b89f}#right-panel{padding:12px 12px 8px;background:#14201cc9}.company-panel{position:absolute;inset:18px 10px 14px 65px;padding-left:10px;border-left:1px solid #bac8ae26;overflow:auto;scrollbar-width:thin}.company-panel>.section-label{margin-bottom:13px;font-size:8px;letter-spacing:1.3px}.company-panel .section-label svg{display:none}.company-panel .no-synergies{font-size:10px;line-height:1.6}.company-panel .synergy-list{gap:3px}.company-panel .trait{min-height:32px;padding:3px 2px}.company-panel .trait-icon{width:22px;height:22px}.company-panel .trait-icon span{font-size:15px}.company-panel .trait-name{font-size:10px}.company-panel .trait-thresholds{font-size:8px;margin-top:2px}.company-panel .trait-count{font-size:10px}#right-panel>.section-label{font-size:8px;margin-bottom:7px;letter-spacing:1.4px}.roster{flex-shrink:0;gap:7px;max-height:calc(100% - 45px)}.player-row{min-height:40px;padding:3px 4px;gap:6px;border-color:#9bac9326;border-radius:2px}.player-row .avatar{height:24px;width:23px}.player-row .avatar img{height:23px;max-width:23px}.player-name{font-size:10px;max-width:99px}.player-name small{display:none}.player-hp{font-size:11px;min-width:20px}.hp-track{margin-top:4px;height:2px}.roster-footer{flex-shrink:0;font-size:7px;letter-spacing:.7px;padding-top:8px;margin-top:0}.roster-footer>span:last-child{display:none}#dock{padding:0 150px 8px 205px;background:linear-gradient(0deg,#121e18,#253529);box-shadow:0 -1px #b9c4a32e}.shop-meta{height:31px;padding-left:0;gap:0;border:0;border-bottom:1px solid #b3c19e29;background:#132018}.shop-level{position:relative;width:145px;flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 4px;border-right:1px solid #b3c19e29}.shop-level b{font-family:Georgia,serif;font-size:16px;font-weight:400;color:#e2d3a7}.shop-level>span{font-size:9px;color:#98ac91}.shop-level>i{position:absolute;height:2px;bottom:0;left:0;width:var(--xp);background:#82b2a1;max-width:100%}.shop-meta .shop-odds{padding:0 16px;gap:13px;align-self:stretch;border-right:1px solid #b3c19e29;font-size:11px}.shop-odds>span{min-width:26px;text-align:center}.shop-gold{padding:0 14px}.shop-gold strong{font-size:19px}.shop-gold small{font-size:8px}.shop-meta .lock-button{border-left:1px solid #b3c19e29;align-self:stretch;height:auto}.shop-row{grid-template-columns:145px minmax(0,1fr);gap:8px;height:104px;padding-top:6px}.level-panel{position:static;display:flex;flex-direction:column;justify-content:center;gap:7px}.level-panel .buy-xp,.level-panel .refresh{margin:0;height:43px;min-height:0;border-color:#92a67c44;font-size:12px}.offers .offer-image img{height:55px}.offers .offer-traits{font-size:8px}.offers .offer-name{font-size:12px}.offers{gap:6px}.world-bench{cursor:grab}.world-bench:hover{border-color:transparent;box-shadow:none}.world-bench:active{cursor:grabbing}.rival-bench{cursor:help}.arena-owner{position:absolute;left:18px;top:13px;font-size:9px;letter-spacing:1px;color:#d5c29a;pointer-events:none}.arena-owner>span{display:block;font-size:7px;letter-spacing:1.3px;color:#9bbda8;margin-bottom:3px}.team-count{top:48px;left:18px}.team-count strong{font-size:21px}.team-count>span{display:none}.arena-top{top:5px}.pve-banner{left:18px;top:88px;width:142px;padding:7px 9px;background:#10201cb5}.pve-banner small{font-size:8px}.pve-banner span{font-size:12px}.missing-units{top:24%}.arena-bottom{bottom:15px}.arena-bottom .primary{min-height:33px;font-size:10px;padding-inline:14px}.result-ribbon{top:42%;padding:14px 35px;min-width:290px}.result-ribbon strong{font-size:27px}.result-ribbon span{font-size:10px}.tactician-label{position:absolute;transform:translate(-50%);width:108px;pointer-events:none;text-align:center;filter:drop-shadow(0 2px 2px #0009)}.tactician-health{position:relative;height:10px;background:#161b21;border:1px solid #070d0c;box-shadow:0 0 0 1px #b0bea369;overflow:hidden}.tactician-health i{display:block;height:100%;background:linear-gradient(#aa9dda,#735fbb);transition:width .38s ease-out}.tactician-label.self .tactician-health i{background:linear-gradient(#f1d28e,#b39042)}.tactician-health b{position:absolute;right:3px;top:-1px;line-height:10px;color:#fffbe5;font-size:8px;text-shadow:0 1px 2px #000}.tactician-label>span{display:block;font-size:9px;color:#edf0db;line-height:13px;margin-top:3px}.tactician-label small{display:block;font-size:6px;color:#cfcca9;letter-spacing:.8px;line-height:8px}.receiving-hit{animation:tactician-hit .18s 3}.casting-hit .tactician-health{box-shadow:0 0 12px #f6d482}@keyframes tactician-hit{50%{transform:translate(calc(-50% + 3px));filter:drop-shadow(0 0 7px #ed7356)}}.inspect-bar{top:auto;bottom:64px;padding:6px 12px;font-size:10px}.far-bench-caption{font-size:7px;background:#13251c94}.bench-caption{bottom:7px}#app[data-phase=carousel]{grid-template-rows:64px minmax(300px,1fr) 0}#app[data-phase=carousel] .stage{grid-template-columns:0 minmax(0,1fr) 145px}#app[data-phase=carousel] #left-panel,#app[data-phase=carousel] #dock,#app[data-phase=carousel] .company-panel,#app[data-phase=carousel] #right-panel>.section-label,#app[data-phase=carousel] .roster-footer,#app[data-phase=carousel] .team-count,#app[data-phase=carousel] .arena-tools,#app[data-phase=carousel] .inspect-bar{display:none}#app[data-phase=carousel] #right-panel{justify-content:center;padding:12px 9px;border:0;background:#14201c80}#app[data-phase=carousel] .roster{max-height:100%;gap:11px}#app[data-phase=carousel] .player-row{min-height:39px;background:#15271cb5}#app[data-phase=carousel] .phase-indicator{padding:5px 12px;background:#10231bba;border-color:#b99e654c}#app[data-phase=carousel] .phase-label{font-size:9px;letter-spacing:1px}.carousel-intro{inset:auto auto 17px 50%;transform:translate(-50%);width:max-content;max-width:85%;font-size:10px;color:#d5c7a9;border:0;background:#10201b9c;padding:8px 14px}.draft-offer{width:85px}.draft-offer>span{top:-52px;width:26px;height:26px;left:calc(50% - 13px)}.draft-offer>span img{width:21px;height:21px}@media(max-width:1100px){.stage{grid-template-columns:180px minmax(0,1fr) 135px}#left-panel{padding-inline:5px}.company-panel{left:55px;right:8px;padding-left:7px}#dock{padding-inline:180px 135px}.shop-row{grid-template-columns:125px minmax(0,1fr)}.shop-level{width:125px}.shop-meta .shop-odds{gap:4px;padding-inline:8px;font-size:9px}.shop-gold{padding-inline:8px}.shop-gold small{display:none}.offers .offer-name{font-size:10px}.offers .offer-traits{font-size:7px}}@media(max-width:950px){#right-panel .section-label,#right-panel .player-info,#right-panel .player-hp{display:flex}#right-panel .player-info{display:block}.player-row{width:100%}.company-panel .section-label{font-size:8px}#right-panel{padding-inline:8px}.roster{gap:3px}.shop-meta .shop-odds{gap:1px}.shop-odds>span{min-width:22px}.level-panel .buy-xp,.level-panel .refresh{font-size:10px}.offers .offer-traits{display:none}.arena-owner{font-size:8px}.tactician-label{width:85px}.pve-banner{width:114px}.pve-banner small{display:none}.team-count{top:43px}}@media(max-width:650px){#app{min-height:700px}.stage{grid-template-columns:120px minmax(0,1fr) 80px}.company-panel{left:43px;right:4px;padding-left:5px}.company-panel>.section-label{font-size:6px;letter-spacing:0}.company-panel .trait-name,.company-panel .trait-count{font-size:8px}.company-panel .trait-thresholds{font-size:7px;gap:2px}#left-panel .floating-inventory{width:33px}#left-panel{display:flex}#dock{padding-inline:4px}.shop-row{grid-template-columns:88px minmax(0,1fr)}.shop-level{width:88px}.shop-level b{font-size:12px}.shop-level>span{font-size:7px}.shop-meta .shop-odds{padding-inline:5px}.shop-odds>span{min-width:20px}.offers .offer-name{font-size:8px}.floating-item-grid .item-slot{width:31px!important;height:33px!important}.floating-item-grid .item-slot img{width:26px;height:26px}.rail-tools button{width:31px}.company-panel .trait-icon{display:none}.player-row .avatar{width:18px;height:22px}.player-row .avatar img{width:18px}.player-name{font-size:8px}.player-hp{font-size:10px}.tactician-label{width:72px}.tactician-label>span{font-size:7px}.arena-owner{left:7px;max-width:90px;font-size:7px}.pve-banner{display:none}.arena-top{left:90px;right:35px}.phase-label{font-size:7px}.phase-indicator{padding:4px 5px;gap:3px}.phase-time{font-size:14px}.arena-bottom .primary{padding-inline:6px;font-size:8px}#app[data-phase=carousel] .stage{grid-template-columns:0 minmax(0,1fr) 94px}.carousel-intro{font-size:8px;display:block}.team-count{left:7px}.team-count strong{font-size:16px}}:root{--lobby-bronze: #d4b57b}.lobby-overlay{background:radial-gradient(ellipse at 50% 35%,#142a2bc9,#090f15f7 78%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal.lobby{width:min(930px,92vw);max-width:930px;padding:40px 48px 24px;background:linear-gradient(150deg,#16282bef,#111b22f5);border:1px solid #c5a57555;text-align:center;box-shadow:0 35px 100px #0008}.lobby-emblem{color:var(--lobby-bronze);font-size:32px;margin-bottom:10px}.modal.lobby h2{font-size:clamp(30px,4vw,52px);line-height:1.12;margin:12px 0}.modal.lobby>p{color:#a6bab8;line-height:1.7}.lobby-modes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0 22px;text-align:left}.lobby-modes>*{display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid #d4b57b36;border-radius:4px;background:#0c181c;color:#b9c9c5}.lobby-solo{cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.lobby-solo:hover,.lobby-solo:focus-visible{border-color:#d4b57b;background:#1a302f;outline-offset:4px}.lobby-modes .mode-label{font-size:10px;letter-spacing:2px;color:#91c9b6}.lobby-modes strong{font-family:Georgia,serif;font-size:26px;font-weight:400;color:#f1e4c7}.lobby-solo>b{display:flex;justify-content:space-between;border-top:1px solid #d4b57b30;padding-top:20px;margin-top:14px;color:#e4c28a}.lobby-multiplayer{opacity:.65}.lobby-multiplayer .mode-label{color:#acb5b2}.lobby-multiplayer p{margin:0;font-size:12px;line-height:1.6}.lobby-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bba07225;padding:16px 0;font-size:12px;color:#879c98}.lobby-footer button{border:0;background:transparent;color:#d4b57b;cursor:pointer;padding:5px}.lobby-note{color:#84938e;font-size:11px}.lobby-note a{color:#cbb58b;margin-left:10px}.performance-note{color:#8ca09d;font-size:11px;line-height:1.6}#tooltip{z-index:150;max-width:calc(100vw - 16px)}#performance-hud{position:fixed;left:12px;bottom:8px;z-index:120;color:#b1d0c3;font:11px monospace;pointer-events:none;background:#0a151bbd;border-radius:3px;padding:4px 7px}#performance-hud[hidden]{display:none}@media(max-height:760px){.modal.lobby{padding-top:20px;padding-bottom:16px}.lobby-emblem{display:none}.lobby-modes{margin-top:22px}}@media(max-width:650px){.lobby-modes{grid-template-columns:1fr}.modal.lobby{padding:20px}.lobby-multiplayer{padding:16px}}.company-panel .trait-entry{padding-bottom:7px;border-bottom:1px solid #9eb79f15}.company-panel .trait-entry>.trait{width:100%;margin-bottom:2px}.synergy-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.synergy-monster{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;border:1px solid #71847738;border-radius:2px;background:#101c1cc9;padding:2px;cursor:help}.synergy-monster img{display:block;width:20px;height:20px;max-width:100%;object-fit:contain;image-rendering:pixelated}.synergy-monster.missing img{filter:grayscale(1);opacity:.45}.synergy-monster.field{border-color:#7ac9ad;background:#2c4f4270}.synergy-monster.bench{border-color:#c4a76388;background:#443d2966}.synergy-monster.field:after,.synergy-monster.bench:after{position:absolute;right:0;bottom:-1px;font-size:8px;line-height:9px;text-shadow:0 1px 2px #000}.synergy-monster.field:after{content:"✓";color:#b5f2d6}.synergy-monster.bench:after{content:"•";color:#ebcd87}.synergy-monster:hover{border-color:#e0c486}.synergy-monster.missing:hover img{filter:none;opacity:1}.synergy-more{display:grid;place-items:center;color:#c4bc9e;border:1px solid #83997a26;border-radius:2px;font-size:9px;cursor:help}.synergy-roster.complete{gap:5px;margin:9px 0}.synergy-roster.complete .synergy-monster{justify-content:flex-start;padding:5px 2px 12px;min-height:67px}.synergy-roster.complete img{width:27px;height:27px}.synergy-monster-name{margin-top:4px;font-size:8px;line-height:10px;text-align:center;color:#c7d0c2;overflow-wrap:anywhere}.synergy-monster.missing .synergy-monster-name{color:#8a9b90}.synergy-monster-cost{position:absolute;bottom:1px;left:3px;font-size:8px!important;color:#c7b788!important}.synergy-roster-key{display:flex;justify-content:space-between;gap:7px;font-size:8px;color:#86988a;padding-top:4px}.synergy-roster-key .field{color:#9edcba}.synergy-roster-key .bench{color:#dfc380}@media(max-width:1100px){.company-panel .synergy-roster{gap:2px}.company-panel .synergy-monster{padding:1px}.company-panel .synergy-monster img{width:17px;height:17px}}@media(max-width:650px){.company-panel .synergy-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.company-panel .synergy-monster img{width:16px;height:16px}.company-panel .trait-entry{padding-bottom:5px}}.lobby-multiplayer{cursor:pointer;text-align:left}.lobby-multiplayer b{display:flex;justify-content:space-between;width:100%;color:#cfddc6;margin-top:auto;padding-top:18px;font-size:12px}.lobby-multiplayer:hover{border-color:#80b79c;background:linear-gradient(150deg,#203532,#111c20)}.room-modal{width:min(660px,calc(100vw - 32px));padding:30px}.room-modal h2{font-size:clamp(25px,4vw,36px);margin-bottom:10px}.room-modal>p{color:#a7b3b6;font-size:13px;line-height:1.55}.room-modal label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#c6d0ca;text-align:left}.room-modal input,.room-modal select{width:100%;min-height:42px;color:#e4e9df;background:#0b151b;border:1px solid #374747;border-radius:5px;padding:9px 12px;font:13px inherit;outline:none}.room-modal input:focus,.room-modal select:focus{border-color:#d7b672;box-shadow:0 0 0 2px #d7b67222}.room-modal button{font-size:12px}.room-modal button:disabled{opacity:.45;cursor:not-allowed}.room-identity{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin:24px 0 18px}.room-connect-actions{display:flex;align-items:end;gap:16px;border-top:1px solid #ffffff0c;margin-top:18px;padding-top:21px}.room-modal .room-primary{color:#fcf0cf;background:linear-gradient(145deg,#62502e,#393528);border:1px solid #a68b50}.room-modal .room-primary:hover:enabled{border-color:#e8cb83;background:#665430}.room-connect-actions>button{min-height:42px;flex:1}.room-or{align-self:center;margin-top:16px;color:#73888b;font-size:11px}.room-join{flex:1.4;min-width:0}.room-join>div{display:flex;gap:8px;margin-top:7px}.room-join input{min-width:0;letter-spacing:2px;text-transform:uppercase}.room-status{min-height:20px;margin:15px 0 5px!important;color:#e3cb95!important;font-size:12px!important}.room-resume{width:100%;margin-top:8px}.room-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;margin-top:15px;border-top:1px solid #ffffff0c}.room-footer small{max-width:280px;font-size:10px;line-height:1.5;color:#819397;text-align:right}.room-code{letter-spacing:4px;color:#e6c77f;font-variant-numeric:tabular-nums}.room-invite{display:flex;align-items:end;gap:10px;margin:20px 0}.room-invite label{flex:1;min-width:0}.room-invite input{color:#9cafb2;text-overflow:ellipsis;font-size:11px}.room-invite button{min-height:42px}.room-members{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:0;list-style:none}.room-members li{display:flex;align-items:center;gap:8px;min-height:59px;padding:8px;border:1px solid #ffffff0a;border-radius:5px;background:#07141977}.room-members .room-self{border-color:#d7b67265}.room-members .room-bot{border-style:dashed;background:none;opacity:.65}.room-portrait{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;background:#203036;border-radius:3px;flex-shrink:0;display:grid;place-items:center;color:#78959a}.room-members li>div{flex:1;min-width:0}.room-members strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#dbe3d8}.room-members small{display:block;margin-top:3px;font-size:9px;color:#7e9296}.room-members strong small{display:inline;font-weight:400}.room-member-state{font-size:9px;color:#9b9c8c;white-space:nowrap}.is-ready .room-member-state{color:#8ec79d}.room-waiting-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px}.room-waiting-actions>button{min-height:42px;flex:1}.room-waiting-actions>small{flex:1;font-size:11px;color:#86979a;text-align:center}@media(max-width:580px){.room-modal{padding:22px 18px}.room-members{grid-template-columns:1fr}.room-identity,.room-connect-actions{gap:10px}.room-footer small{max-width:170px}}