.stage-root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0716}.stage{position:relative;transform-origin:center;background:radial-gradient(ellipse at 55% 40%,#4d3b66,#3a2b52 45%,#241636);overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;color:#e8e2f4;-webkit-user-select:none;user-select:none}.scene-placeholder{position:absolute;inset:0}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.scenario-bar{position:absolute;left:12px;top:8px;display:flex;gap:12px}.top-right-bar{position:absolute;left:987px;top:8px;display:flex;gap:12px}.trait-tracker{position:absolute;left:152px;top:120px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.trait-row{display:flex;align-items:center;gap:9px}.trait-hex{width:34px;height:38px;display:flex;align-items:center;justify-content:center;background:#17181c;color:#e8e2f4;font-size:13px;font-weight:700;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:1px solid #4a4d55}.trait-icon{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)}.trait-hex.tier-bronze{background:linear-gradient(160deg,#9a6a44,#5e3d26);border-color:#b98757}.trait-hex.tier-silver{background:linear-gradient(160deg,#aebac4,#5f6d78);border-color:#cfdae2}.trait-hex.tier-gold{background:linear-gradient(160deg,#e8c46a,#8f6b25);border-color:#f4dfa0}.trait-hex.tier-unique{background:linear-gradient(160deg,#e8905a,#8f4a25);border-color:#f4b98a}.trait-hex.tier-prismatic{background:linear-gradient(160deg,#d8f2ff,#e8c8ff,#b8ffe4 70%,#fff2b8);border-color:#fff}.trait-hex.tier-gold .trait-icon,.trait-hex.tier-prismatic .trait-icon,.trait-hex.tier-silver .trait-icon{filter:brightness(0)}.trait-text{display:flex;flex-direction:column;line-height:1.1}.trait-name{font-size:14px;font-weight:600;text-shadow:0 1px 4px #000}.trait-count{font-size:12px;font-weight:600;color:#9aa2ab;text-shadow:0 1px 3px #000}.trait-row.is-active .trait-count{color:#e8e2f4}.trait-row.is-inactive .trait-name{color:#c8ccd2}.top-btn{background:#0f3a38;border:1px solid #2f6e64;color:#e8f4ee;font-size:14px;padding:7px 16px;cursor:pointer}.top-btn:hover{background:#14504b}.timer-pod{position:absolute;left:50%;top:8px;transform:translate(-50%);background:#123634;border:1px solid #2f6e64;padding:6px 22px;font-size:15px;color:#cfe8dd}.team-counter{position:absolute;left:50%;top:20.5%;transform:translate(-50%);font-size:54px;font-weight:700;color:#9ec7f0;text-shadow:0 2px 14px #1c3a66;pointer-events:none}.team-helmet{color:#3f8fe0;font-size:58px}.item-rail{position:absolute;left:10px;top:170px;width:132px}.rail-toggle{background:#10312e;border:1px solid #2f6e64;color:#d9efe4;font-size:12px;padding:4px 8px;margin-bottom:6px;cursor:pointer}.rail-grid{display:grid;grid-template-columns:repeat(3,38px);gap:3px}.rail-item{width:38px;height:38px;border:1px solid #46356b;cursor:grab}.bench-strip{position:absolute;inset:0;pointer-events:none}.bench-square{position:absolute;pointer-events:auto;border:2px solid rgba(150,120,220,.55);border-radius:4px;background:#3c28642e;display:flex;align-items:center;justify-content:center}.bench-unit{width:86%;height:86%;object-fit:cover;border-radius:3px}.bench-stars{position:absolute;top:-16px;color:#cfd6e4;font-size:13px;text-shadow:0 0 4px #000}.shop-panel{position:absolute;left:0;right:0;bottom:0;height:172px;pointer-events:none}.shop-panel>*{pointer-events:auto}.shop-band{position:absolute;left:430px;width:1088px;bottom:0;height:142px;background:#08090ceb;border:2px solid #6f5c3a;border-bottom:none}.level-panel{position:absolute;left:245px;width:190px;bottom:0;height:172px;display:flex;flex-direction:column;gap:4px;padding:4px 8px 8px;box-sizing:border-box;background:#08090ceb;border:2px solid #6f5c3a;border-bottom:none}.level-tab{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-wrap:nowrap}.level-tab>span:first-child{flex-shrink:0}.xp-bar{height:6px;background:#241a3a;margin-top:4px;border:1px solid #3a2c5c}.xp-fill{height:100%;background:#58c7f0}.odds-row{display:flex;gap:6px;font-size:10px;font-weight:700;background:#0a0812d9;padding:2px 6px;flex-shrink:0}.bar-btn{display:grid;grid-template-columns:1fr 44px;grid-template-rows:auto auto;column-gap:4px;align-items:center;border:2px solid #3a5c8c;background:linear-gradient(180deg,#1b3354,#10213c);color:#dceafc;font-size:15px;padding:6px 10px;cursor:pointer;height:58px;box-sizing:border-box}.bar-btn span:first-child{grid-column:1;grid-row:1;text-align:left;font-weight:600}.bar-btn .btn-cost{grid-column:1;grid-row:2;text-align:left}.bar-btn .btn-glyph{grid-column:2;grid-row:1 / span 2;font-size:26px}.bar-btn.reroll{border-color:#8c743a;background:linear-gradient(180deg,#3a2e14,#241c0c);color:#f4e6c4}.bar-btn:disabled{opacity:.45;cursor:default}.btn-cost{font-size:12px;opacity:.85}.lock-btn{position:absolute;right:-4px;top:2px;width:26px;height:26px;z-index:2;background:#1c1430;border:1px solid #46356b;color:#cfc4ec;cursor:pointer}.lock-btn.locked{border-color:#d8a63b;color:#ffd76e}.shop-row{position:absolute;left:481px;bottom:8px;display:flex;gap:37px}.shop-card{position:relative;width:136px;height:126px;padding:0;border:2px solid #3a2c5c;background:#0d0a18;cursor:pointer;overflow:hidden;color:inherit;text-align:left}.shop-card.empty{cursor:default;background:#0a0814d9}.shop-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shop-traits{position:absolute;left:5px;bottom:24px;display:flex;flex-direction:column;gap:2px}.shop-trait{font-size:10px;background:#06040ccc;padding:1px 5px;border-radius:2px}.shop-cardbar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:3px 6px;background:#030206eb;font-size:12px}.sell-strip{position:absolute;left:440px;width:1068px;bottom:8px;height:126px;display:flex;align-items:center;justify-content:center;background:#060409;color:#ffcf5e;font-size:22px;border:1px solid #2c2138}.sell-strip.idle{color:transparent}.gold-pill{position:absolute;left:894px;bottom:146px;transform:translate(-50%);background:#0c1a17;border:2px solid #a8842f;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);font-size:16px;padding:4px 26px;color:#f4dfa0;font-weight:600}.message-toast{position:absolute;right:12px;bottom:160px;font-size:11px;color:#8f80b8;background:#0c081699;padding:3px 8px;border-radius:3px;max-width:260px}.modal-backdrop{position:absolute;inset:0;background:#04020a99;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:#14101f;border:1px solid #3a2c5c;padding:20px 26px;min-width:320px}.modal h3{margin:0 0 14px;font-size:17px}.modal input{width:100%;box-sizing:border-box;background:#241c38;border:1px solid #46356b;color:#e8e2f4;padding:8px 10px;font-size:14px}.modal-actions{display:flex;gap:10px;margin-top:14px}.modal-actions button,.modal-list button{padding:7px 18px;border:1px solid #46356b;background:#241c38;color:#e8e2f4;cursor:pointer}.modal-actions .modal-save{background:#2f9e44;border-color:#2f9e44}.modal-actions .modal-save:disabled{opacity:.5}.modal-list{display:flex;flex-direction:column;gap:8px}.drag-ghost{position:fixed;width:38px;height:38px;object-fit:cover;border-radius:3px;pointer-events:none;opacity:.95;z-index:20;box-shadow:0 3px 10px #0000008c}.build-stamp{position:absolute;right:6px;top:44px;font-size:10px;color:#b4a8dc8c;pointer-events:none}