:root{--bg-deep:#0a0a14;--bg-base:#10111e;--bg-panel:#151628;--bg-panel-alt:#12132280;--bg-zone:#0e0f1d;--border:#2a2a3e;--border-light:#3a3a52;--gold:#c9a44a;--gold-bright:#e0bf60;--gold-dim:#8a7030;--red:#b33030;--red-bright:#e04040;--green:#4a9a4a;--green-bright:#6ac06a;--blue:#4a7abf;--blue-bright:#6aa0e8;--text:#e4e4ec;--text-dim:#b8b8c8;--font-display:"Cinzel", "Georgia", serif;--font-body:"Alegreya Sans", "Segoe UI", sans-serif}html{font-size:calc(19.2px * var(--ui-scale,1))}*{box-sizing:border-box;margin:0;padding:0}body,#root{font-family:var(--font-body);background:var(--bg-deep);color:var(--text);background-image:radial-gradient(at 20%,#1a1a3010 0%,#0000 70%),radial-gradient(at 80% 20%,#20182810 0%,#0000 60%);height:100vh;overflow:hidden}h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.subtle{color:var(--text-dim);font-size:.7rem;font-weight:400;font-family:var(--font-body);text-transform:none;letter-spacing:normal}.game-setup{background:radial-gradient(ellipse at 50% 30%, #1a152808 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, #0a0a2040 0%, transparent 40%), var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;min-height:100vh;display:flex}.game-setup h1{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;text-shadow:0 2px 20px #c9a44a33;font-size:2.6rem;font-weight:700}.setup-form{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1.1rem;min-width:320px;padding:2rem 2.25rem;display:flex;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff08}.setup-form label{flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:500;display:flex}.setup-form .toggle-row{gap:1.5rem;display:flex}.setup-form .toggle-label{cursor:pointer;color:var(--text-dim);letter-spacing:.02em;flex-direction:row;align-items:center;gap:.5rem}.setup-form input,.setup-form select{border:1px solid var(--border);background:var(--bg-deep);color:var(--text);font-size:.95rem;font-family:var(--font-body);border-radius:5px;padding:.55rem .7rem;transition:border-color .2s}.setup-form input:focus,.setup-form select:focus{border-color:var(--gold-dim);outline:none}.setup-form button{background:var(--gold);color:var(--bg-deep);font-size:1rem;font-weight:700;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;border:none;border-radius:5px;margin-top:.5rem;padding:.8rem;transition:background .2s,transform .1s}.setup-form button:hover{background:var(--gold-bright)}.setup-form button:active{transform:scale(.98)}.view-cards-btn{color:var(--gold)!important;border:1px solid var(--gold-dim)!important;font-family:var(--font-display)!important;letter-spacing:.04em!important;background:0 0!important}.view-cards-btn:hover{border-color:var(--gold)!important;background:#c9a44a14!important}.game-over{background:radial-gradient(ellipse at 50% 40%, #c9a44a0a 0%, transparent 50%), var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.game-over h1{font-family:var(--font-display);color:var(--gold);letter-spacing:.1em;font-size:2.4rem}.game-over h2{font-family:var(--font-display);color:var(--text);font-size:1.6rem;font-weight:400}.game-over p{color:var(--text-dim);font-size:.9rem}.game-over button{background:var(--gold);color:var(--bg-deep);font-size:1rem;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;border:none;border-radius:5px;margin-top:1rem;padding:.8rem 2.5rem;font-weight:700;transition:background .2s}.game-over button:hover{background:var(--gold-bright)}.game-board{gap:.5rem;height:100vh;padding:.5rem;display:flex;overflow:hidden}.board-left{flex:1;min-width:0;display:flex;overflow:hidden}.left-main{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;flex-direction:column;flex:1;gap:.4rem;min-width:0;min-height:0;display:flex;overflow:hidden auto}.left-top-row{flex:1;gap:.4rem;min-width:0;min-height:0;display:flex}.market-and-allies{flex-direction:column;flex:1;gap:.4rem;min-width:0;min-height:0;display:flex}.player-info-with-training{width:calc(380px * var(--ui-scale,1));background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.player-info-with-training .player-info{min-width:0;box-shadow:none;border:none;border-radius:0;flex:1;overflow:hidden}.player-info-with-training .training-track-zone{flex:0 0 calc(90px * var(--ui-scale,1));border:none;border-left:1px solid var(--border);background:0 0;border-radius:0;padding:.3rem .15rem}.player-info-with-training .metal-col-zone{flex:0 0 calc(90px * var(--ui-scale,1));border-radius:0}.board-right{width:calc(480px * var(--ui-scale,1));flex-direction:column;flex-shrink:0;gap:.4rem;display:flex;overflow:hidden}.activity-log{background:var(--bg-zone);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;min-height:0;padding:.35rem;display:flex;overflow:hidden}.activity-log h3{flex-shrink:0;margin-bottom:.2rem}.activity-log-scroll{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;flex:1;overflow-y:auto}.log-turn-header{font-family:var(--font-display);color:var(--gold);border-bottom:1px solid #c9a44a33;margin-top:.3rem;margin-bottom:.1rem;padding-bottom:.1rem;font-size:.75rem;font-weight:700}.log-turn-header:first-child{margin-top:0}.log-entry{color:var(--text-dim);padding:.05rem 0 .05rem .4rem;font-size:.65rem;line-height:1.4}.log-entry.log-bot{color:var(--red-bright);font-style:italic}.modal-overlay{z-index:300;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg-panel);border:1px solid var(--gold-dim);border-radius:10px;min-width:280px;max-width:400px;padding:1.2rem 1.5rem;box-shadow:0 8px 40px #000000b3}.modal-dialog h3{font-family:var(--font-display);color:var(--gold);margin:0 0 .6rem;font-size:1rem;font-weight:700}.modal-dialog p{margin:0 0 .5rem;font-size:.8rem;line-height:1.4}.modal-note{color:var(--text-dim);font-style:italic;font-size:.7rem!important}.modal-actions{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.metal-choice-popup{background:var(--bg-panel);border:1px solid var(--gold-dim);border-radius:10px;min-width:280px;padding:.8rem 1rem;box-shadow:0 8px 40px #000c}.metal-choice-popup h3{font-family:var(--font-display);color:var(--gold);margin:0 0 .3rem;font-size:.85rem;font-weight:700}.metal-choice-grid{grid-template-columns:repeat(3,1fr);gap:.25rem;margin-top:.4rem;display:grid}.metal-choice-btn{font-size:.5rem;font-family:var(--font-body);background:var(--bg-deep);color:var(--text);border:1px solid var(--border);cursor:pointer;text-transform:capitalize;border-radius:6px;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem .2rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.metal-choice-btn:hover{background:var(--bg-panel);border-color:var(--gold)}.metal-choice-btn img{border-radius:50%;width:28px;height:28px}.prompt-overlay{z-index:300;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.prompt-dialog{background:var(--bg-panel);border:1px solid var(--gold-dim);border-radius:10px;min-width:250px;padding:1.2rem 1.5rem;box-shadow:0 8px 40px #000000b3}.prompt-title{font-family:var(--font-display);color:var(--gold);text-align:center;margin-bottom:.8rem;font-size:1rem;font-weight:700}.prompt-options{flex-direction:column;gap:.4rem;display:flex}.prompt-option-btn{font-size:.85rem;font-family:var(--font-body);background:var(--bg-deep);color:var(--text);border:1px solid var(--border-light);cursor:pointer;text-align:center;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:background .15s,border-color .15s}.prompt-option-btn:hover{background:var(--bg-panel);border-color:var(--gold);color:#fff}.prompt-skip{opacity:.6;border-style:dashed}.prompt-skip:hover{opacity:1}.right-footer{flex-shrink:0;align-items:center;gap:.75rem;padding-bottom:2.5rem;display:flex}.damage-phase{flex-direction:column;flex:1;gap:.4rem;display:flex}.damage-phase h3{color:var(--red-bright);margin:0;font-size:.8rem}.damage-phase-total{margin:0;font-size:.7rem}.damage-phase-targets{flex-direction:column;gap:.25rem;display:flex}.damage-phase-targets p{color:var(--text-dim);margin:0;font-size:.6rem}.damage-target-btn{border-color:var(--red-bright);font-size:.6rem}.damage-target-btn:hover{background:var(--red-bright);color:#fff}.damage-done-btn{border-color:var(--gold);align-self:flex-start;margin-top:.2rem;font-size:.6rem}.damage-done-btn:hover{background:var(--gold);color:#000}.forfeit-btn{font-size:.8rem;font-family:var(--font-display);letter-spacing:.04em;background:var(--red);color:var(--text);border:1px solid var(--red-bright);cursor:pointer;z-index:100;border-radius:4px;padding:.5rem .75rem;font-weight:700;transition:all .15s;position:fixed;bottom:2.75rem;right:.5rem}.forfeit-btn:hover{background:var(--red-bright)}.main-menu-btn{font-size:.8rem;font-family:var(--font-display);letter-spacing:.04em;background:var(--gold);color:var(--bg-deep);border:1px solid var(--gold-bright);cursor:pointer;z-index:100;border-radius:4px;padding:.5rem .75rem;font-weight:700;transition:all .15s;position:fixed;bottom:.5rem;right:.5rem}.main-menu-btn:hover{background:var(--gold-bright)}.main-menu-btn:active{transform:scale(.96)}.card-border{border:2px solid var(--border);cursor:default;border-radius:6px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.card-highlighted-gold{border-color:var(--gold);box-shadow:0 0 8px #c9a44a40}.card-highlighted-green{border-color:var(--green-bright);box-shadow:0 0 8px #6ac06a40}.card-action{border-color:var(--blue)}.card-ally{border-color:var(--green)}.card-funding{border-color:var(--gold-dim)}.card-spent{opacity:.35;filter:grayscale(.5)}.card-sprite{display:block}.card-fallback{background:var(--bg-panel);min-height:60px;padding:.4rem;font-size:.75rem}.card-fallback-name{font-size:.8rem;font-weight:700}.card-fallback-cost{color:var(--gold);font-size:.7rem}.card-fallback-metal{color:var(--text-dim);text-transform:capitalize;font-size:.65rem}.card-badges{z-index:1;gap:.2rem;display:flex;position:absolute;bottom:3px;left:3px}.badge{color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1428d9;border-radius:3px;padding:1px 5px;font-size:.6rem}.card-stack-count{z-index:2;background:var(--red);color:#fff;font-family:var(--font-display);border-radius:5px;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:1rem;font-weight:700;line-height:1;display:flex;position:absolute;bottom:5px;left:5px;box-shadow:0 2px 6px #0009}.badge.burned{background:#8b0000d9}.badge.defender{background:#2e5d2ed9}.card-wrapper{position:relative}.card-detail-popup{z-index:500;pointer-events:auto;filter:drop-shadow(0 6px 30px #000c);gap:0;display:flex}.card-detail-preview{border-radius:6px 0 0 6px;flex-shrink:0;overflow:hidden}.card-detail-preview .card-sprite{display:block}.card-tooltip{border:1px solid var(--border-light);width:calc(210px * var(--ui-scale,1));color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a18f2;border-left:none;border-radius:0 8px 8px 0;flex-direction:column;gap:.35rem;padding:.7rem .85rem;font-size:.8rem;display:flex}.card-tooltip-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card-tooltip-name{font-family:var(--font-display);color:#fff;font-size:1rem;font-weight:600}.card-tooltip-cost{background:var(--gold);color:var(--bg-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:flex}.card-tooltip-metal{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.card-tooltip-stat{color:var(--green-bright);font-size:.8rem;font-weight:700}.card-tooltip-abilities{border-top:1px solid #ffffff14;flex-direction:column;gap:.3rem;margin-top:.2rem;padding-top:.4rem;display:flex}.card-tooltip-ability{line-height:1.4}.card-tooltip-label{color:var(--gold);margin-right:.3rem;font-weight:700}.card-row{flex-wrap:wrap;gap:.5rem;display:flex}.hand-zone .card-row{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;flex-wrap:nowrap;padding-bottom:.3rem;overflow-x:auto}.hand-zone{overflow:visible}.hand-card-wrapper,.market-card-wrapper,.ally-card-wrapper{flex-direction:column;align-self:flex-start;gap:.25rem;display:flex;position:relative}.card-actions{flex-wrap:wrap;gap:.2rem;display:flex}.hand-action-menu{z-index:200;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;background:#0a0a18f2;border-radius:6px;flex-direction:column;gap:.2rem;min-width:120px;max-height:80vh;margin-bottom:4px;padding:.3rem;display:flex;overflow-y:auto;box-shadow:0 4px 16px #0009}.hand-action-btn{font-size:.7rem;font-family:var(--font-body);background:var(--bg-deep);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:.3rem;padding:.3rem .5rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.hand-action-btn:hover{background:var(--bg-panel);border-color:var(--gold)}.hand-action-btn.composite{border-color:var(--blue-bright);border-style:dashed}.hand-action-btn.composite:hover{border-color:var(--blue-bright);background:#64b4ff1a}.hand-action-btn.composite.flare{border-color:var(--red-bright)}.hand-action-btn.composite.flare:hover{border-color:var(--red-bright);background:#ff64641a}.flare-text{color:var(--red-bright);font-weight:700}.hand-action-metal-icon{border-radius:50%;flex-shrink:0;width:20px;height:20px}.action-btn{font-size:.7rem;font-family:var(--font-body);background:var(--bg-deep);color:var(--text);border:1px solid var(--blue);cursor:pointer;white-space:nowrap;border-radius:4px;padding:.3rem .6rem;font-weight:500;transition:background .15s,color .15s,transform .1s}.action-btn:hover{background:var(--blue);color:#fff}.action-btn.disabled,.action-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.action-btn:active{transform:scale(.96)}.buy-btn{border-color:var(--gold)}.buy-btn:hover{background:var(--gold);color:var(--bg-deep)}.end-turn-btn{font-size:.8rem;font-family:var(--font-display);letter-spacing:.04em;background:var(--red);border-color:var(--red-bright);text-align:center;width:100%;padding:.5rem .75rem;font-weight:700}.end-turn-btn:hover{background:var(--red-bright)}.end-turn-btn.disabled{opacity:.35;cursor:not-allowed;border-style:dashed}.end-turn-btn.disabled:hover{background:0 0}.end-turn-reminders{flex-direction:column;gap:.15rem;display:flex}.end-turn-reminder{color:var(--gold);font-size:.6rem;font-style:italic}.mission-btn{border-color:var(--green)}.mission-btn:hover{background:var(--green);color:#fff}.player-info{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;font-size:.8rem;box-shadow:inset 0 1px #ffffff05}.player-info.opponent{border-left:3px solid var(--red);padding:.4rem .6rem}.opp-row{align-items:center;gap:.6rem;display:flex}.opp-identity{flex-direction:column;margin-right:.4rem;display:flex}.opp-identity strong{font-family:var(--font-display);color:#fff;font-size:.85rem;font-weight:600}.opp-character{font-family:var(--font-display);color:var(--red-bright);letter-spacing:.03em;font-size:.6rem;font-weight:600}.opp-stat{flex-direction:column;align-items:center;gap:0;display:flex}.opp-stat-value{font-family:var(--font-display);color:var(--text);font-size:.85rem;font-weight:700;line-height:1.2}.opp-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.5rem;font-weight:500}.opp-stat.health .opp-stat-value{color:var(--green-bright)}.opp-stat.damage .opp-stat-value{color:var(--red-bright)}.opp-stat.money .opp-stat-value{color:var(--gold-bright)}.opp-stat.mission .opp-stat-value{color:var(--blue-bright)}.player-info.you{border-left:3px solid var(--blue)}.character-card-thumb{cursor:pointer;border-radius:4px;width:100%;margin-bottom:.25rem;overflow:hidden}.character-card-thumb img{border-radius:4px;width:100%;display:block}.character-card-zoom{z-index:500;border-radius:8px;overflow:hidden;box-shadow:0 8px 40px #000c}.character-card-zoom img{width:calc(480px * var(--ui-scale,1));border-radius:8px;display:block}.player-header{align-items:center;gap:.3rem;margin-bottom:.1rem;display:flex}.player-header-metal{border-radius:50%;flex-shrink:0;width:20px;height:20px}.player-info.you .player-header strong{font-family:var(--font-display);color:#fff;font-size:1.05rem;font-weight:700}.player-info.opponent .player-header strong{font-family:var(--font-display);font-size:.9rem;font-weight:600}.character-badge{color:var(--gold);background:#c9a44a1f;border:1px solid #c9a44a33;border-radius:10px;padding:1px 8px;font-size:.65rem;font-weight:500}.player-stats{flex-wrap:wrap;gap:.2rem .6rem;font-size:.75rem;display:flex}.stat{color:var(--text-dim)}.stat.health{color:var(--green-bright);font-weight:700}.player-stats-grid{flex-direction:column;gap:.25rem;margin-bottom:.4rem;display:flex}.stat-block{background:var(--bg-zone);border:1px solid var(--border);border-radius:6px;align-items:baseline;gap:.35rem;padding:.2rem .4rem;display:flex}.stat-block .stat-value{font-family:var(--font-display);color:var(--text);min-width:1.5em;font-size:1rem;font-weight:700;line-height:1.2}.stat-block .stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem;font-weight:500}.stat-block.health .stat-value{color:var(--green-bright)}.stat-block.damage .stat-value{color:var(--red-bright)}.stat-block.money .stat-value{color:var(--gold-bright)}.stat-block.mission .stat-value{color:var(--blue-bright)}.training-track-zone{background:var(--bg-zone);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;min-height:0;padding:.35rem;display:flex}.training-track-header{align-items:baseline;gap:.3rem;margin-bottom:.25rem;display:flex}.training-track-header h3{margin-bottom:0}.training-level{font-family:var(--font-display);color:var(--gold);font-size:.8rem;font-weight:700}.training-vertical{flex:1;justify-content:center;min-height:0;display:flex}.training-v-bar{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;width:24px;height:100%;position:relative;overflow:visible}.training-v-tick{z-index:1;border-top:1px solid #ffffff26;height:0;position:absolute;left:0;right:0}.training-v-fill{border-radius:3px;width:100%;transition:height .3s;position:absolute;bottom:0;left:0}.training-v-cube{z-index:3;border-radius:2px;width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%,50%)}.training-v-milestone{margin-left:4px;position:absolute;left:100%;transform:translateY(50%)}.training-v-marker{font-family:var(--font-display);color:#fff;white-space:nowrap;background:#0c0c18;border:2px solid #3a3a55;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.45rem;font-weight:700;line-height:1;display:flex}.training-v-marker.marker-burn{border-color:var(--red-bright);color:var(--red-bright)}.training-v-marker.marker-atium{border-color:var(--blue-bright);color:var(--blue-bright)}.training-v-marker.marker-ability{border-color:var(--gold-bright);color:var(--gold-bright)}.training-v-marker.reached{color:#fff}.training-v-marker.reached.marker-burn{background:var(--red);border-color:var(--red)}.training-v-marker.reached.marker-atium{background:var(--blue);border-color:var(--blue)}.training-v-marker.reached.marker-ability{background:var(--gold);border-color:var(--gold);color:var(--bg-deep)}.player-action-btns{flex-direction:column;gap:.25rem;margin-top:.3rem;display:flex}.boxing-btns{gap:.2rem;display:flex}.boxing-btn{text-align:center;border-color:var(--gold-dim);flex:1;padding:.2rem .3rem;font-size:.6rem}.boxing-btn:not(.disabled):hover{border-color:var(--gold);background:#c9a44a1a}.boxing-btn.disabled{opacity:.3;cursor:default}.pile-btns{gap:.2rem;display:flex}.pile-btn{text-align:center;border-color:var(--border-light);flex:1;padding:.15rem .25rem;font-size:.55rem}.pile-btn:not(.disabled):hover{border-color:var(--text-dim);background:#ffffff0d}.pile-btn.disabled{opacity:.25;cursor:default}.card-pile-overlay{z-index:400;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-pile-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.5rem;max-width:90vw;max-height:80vh;padding:1rem 1.2rem;display:flex}.card-pile-content h3{font-family:var(--font-display);color:var(--gold);margin:0;font-size:.9rem}.card-pile-empty{color:var(--text-dim);margin:0;font-style:italic}.card-pile-scroll{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;flex-wrap:nowrap;gap:.4rem;padding-bottom:.3rem;display:flex;overflow-x:auto}.card-pile-hint{color:var(--text-dim);text-align:center;font-size:.5rem}.char-abilities{gap:.2rem;display:flex}.char-abilities .action-btn{text-align:center;flex:1;padding:.2rem .3rem;font-size:.6rem}.metal-col-zone{border-left:1px solid var(--border);background:0 0;flex-direction:column;flex:1;min-height:0;padding:.2rem .15rem;display:flex}.metal-col-header{text-align:center;margin-bottom:.15rem}.metal-col-stat{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.02em;font-size:.6rem;font-weight:700;line-height:1.4}.metal-col{flex-direction:column;flex:1;justify-content:space-evenly;gap:2px;display:flex}.metal-icon-row{align-items:center;gap:.2rem;transition:opacity .2s;display:flex;position:relative}.metal-icon-row.burned .metal-icon-img{opacity:.35}.metal-icon-row.flared .metal-icon-img{border-color:var(--red-bright);filter:drop-shadow(0 0 5px #e0404066);opacity:.5}.metal-avail{font-family:var(--font-display);color:var(--text-dim);text-align:center;min-width:1em;font-size:.85rem;font-weight:700}.metal-avail.has-metal{color:var(--gold-bright)}.metal-icon-img{width:calc(48px * var(--ui-scale,1));height:calc(48px * var(--ui-scale,1));border:2px solid var(--gold-dim);border-radius:50%;transition:transform .15s,border-color .15s,box-shadow .15s;display:block}.metal-icon-row.clickable{cursor:pointer}.metal-icon-row.clickable .metal-icon-img{border-color:var(--gold-bright)}.metal-icon-row.clickable:hover .metal-icon-img{transform:scale(1.15);box-shadow:0 0 8px #c9a44a4d}.metal-icon-row.flare-action .metal-icon-img{border-color:var(--red-bright)}.metal-icon-row.flare-action:hover .metal-icon-img{box-shadow:0 0 8px #e0404066}.metal-icon-row.clickable:active .metal-icon-img{transform:scale(.95)}.atium-icon-wrap{flex-shrink:0;position:relative}.atium-img{background:#1a1a2e;border-color:var(--text-dim)!important}.atium-count{font-family:var(--font-display);color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;inset:0}.mission-columns{gap:.4rem;display:flex}.mission-col{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;flex:1;gap:.2rem;min-width:0;padding:.35rem;display:flex}.mission-col-name{font-family:var(--font-display);letter-spacing:.02em;color:#fff;text-align:center;justify-content:center;align-items:center;min-height:2.3em;margin-bottom:.1rem;font-size:.6rem;font-weight:700;line-height:1.15;display:flex}.mission-bar-area{height:calc(200px * var(--ui-scale,1));position:relative}.mission-bar-abs{width:calc(24px * var(--ui-scale,1));background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;position:absolute;top:0;bottom:0;overflow:hidden}.mission-bar-abs.you{left:calc(50% - 26px * var(--ui-scale,1))}.mission-bar-abs.opp{left:calc(50% + 2px * var(--ui-scale,1))}.mission-bar-fill{border-radius:3px;width:100%;transition:height .3s;position:absolute;bottom:0;left:0}.mission-bar-fill.you{background:var(--blue-bright)}.mission-bar-fill.opp{background:var(--red-bright)}.mission-bar-tick{pointer-events:none;z-index:1;border-top:1px solid #ffffff1a;height:0;position:absolute;left:0;right:0}.mission-bar-values{justify-content:center;gap:4px;display:flex}.mission-bar-values .mission-bar-val{text-align:center;width:24px}.mission-cutoff{z-index:2;pointer-events:none;align-items:center;display:flex;position:absolute;left:0;right:0;transform:translateY(50%)}.mission-cutoff-line{border-top:1px dashed #ffffff59;flex:1;justify-content:center;align-items:center;height:0;display:flex;position:relative}.mission-cutoff-rank{font-family:var(--font-display);color:var(--text-dim);background:var(--bg-panel);pointer-events:auto;padding:0 .15rem;font-size:.5rem;font-weight:700;line-height:1;position:absolute}.mission-cutoff.final .mission-cutoff-line{border-top:2px solid var(--gold)}.mission-cutoff-rewards{pointer-events:auto;flex-shrink:0;display:flex}.mission-cutoff-rewards.left{margin-right:2px}.mission-cutoff-rewards.right{margin-left:2px}.reward-marker{background:var(--bg-panel);white-space:nowrap;border:1.5px solid;border-radius:10px;justify-content:center;align-items:center;gap:1px;height:18px;padding:0 .2rem;font-size:.5rem;line-height:1;display:inline-flex}.reward-marker-burn{font-family:var(--font-display);font-weight:700}.reward-marker-sym{font-size:.5rem}.reward-marker-amt{font-family:var(--font-display);color:var(--text);font-size:.45rem;font-weight:700}.reward-icon{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.reward-icon-img{object-fit:contain;pointer-events:none;display:block}.reward-icon-number{font-family:var(--font-display);color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 4px #000c;pointer-events:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.reward-icon-fallback{background:var(--bg-panel);border:1.5px solid var(--border-light);font-family:var(--font-display);color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.reward-icon-kill{font-family:var(--font-display);color:#ef5350;cursor:default;background:#4a0e0e;border:2px solid #c62828;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.mission-bar-val{font-family:var(--font-display);flex-shrink:0;font-size:.6rem;font-weight:700;line-height:1}.mission-bar-val.you{color:var(--blue-bright)}.mission-bar-val.opp{color:var(--red-bright)}.mission-col-labels{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);justify-content:space-between;padding:0 .1rem;font-size:.4rem;font-weight:600;display:flex}.mission-advance-btns{gap:.2rem;display:flex}.mission-advance-btn{text-align:center;border-color:var(--green);flex:1;padding:.2rem;font-size:.6rem}.mission-advance-btn:hover{background:var(--green);color:#fff}.market-zone,.hand-zone,.ally-zone,.mission-zone,.metal-zone{background:var(--bg-zone);border:1px solid var(--border);border-radius:8px;padding:.5rem}.market-zone{flex:1}.mission-zone{flex-shrink:0}.action-list{flex-direction:column;gap:.5rem;display:flex}.turn-info{font-family:var(--font-display);color:var(--text-dim);text-align:center;letter-spacing:.05em;font-size:.75rem}.loading{color:var(--gold);animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.card-gallery{max-width:calc(1100px * var(--ui-scale,1));margin:0 auto;padding:2rem 1.5rem}.gallery-header{align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.gallery-header h1{font-family:var(--font-display);color:var(--gold);letter-spacing:.06em;font-size:2rem;font-weight:700}.gallery-back-btn{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);cursor:pointer;font-size:.85rem;font-family:var(--font-body);white-space:nowrap;border-radius:5px;padding:.5rem 1rem;transition:border-color .2s}.gallery-back-btn:hover{border-color:var(--gold)}.gallery-section{margin-bottom:2.5rem}.gallery-section h2{font-family:var(--font-display);color:var(--gold);border-bottom:1px solid var(--border);letter-spacing:.04em;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:600;display:flex}.gallery-section h3{font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:1rem 0 .5rem;font-size:.8rem;font-weight:600}.gallery-grid{flex-wrap:wrap;gap:1rem;display:flex}.gallery-item{flex-direction:column;align-items:center;gap:.4rem;display:flex}.gallery-sprite{background-repeat:no-repeat;border-radius:6px;box-shadow:0 2px 10px #00000080}.gallery-img{border-radius:6px;display:block;box-shadow:0 2px 10px #00000080}.gallery-label{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.72rem;overflow:hidden}.gallery-token{vertical-align:middle;width:32px;height:32px}.gallery-metal-section{background:var(--bg-zone);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.gallery-metal-section h2{border-bottom-color:var(--border)}.gallery-starter{background:var(--bg-zone);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem}.gallery-starter h3{color:var(--gold);margin-top:0;margin-bottom:.75rem;font-size:.95rem}.auth-screen{background:radial-gradient(ellipse at 50% 30%, #1a152808 0%, transparent 50%), var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.auth-screen h1{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;font-size:2.6rem;font-weight:700}.auth-subtitle{color:var(--text-dim);margin-bottom:1rem;font-size:.9rem}.auth-form{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1rem;min-width:320px;padding:2rem 2.25rem;display:flex;box-shadow:0 8px 32px #00000080}.auth-form input{border:1px solid var(--border);background:var(--bg-zone);color:var(--text);border-radius:6px;padding:.6rem .75rem;font-size:.95rem}.auth-info{color:var(--text-dim);text-align:center;font-size:.85rem}.auth-error{color:var(--red-bright);font-size:.85rem}.auth-back{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.room-code-display{text-align:center;padding:1rem}.room-code-display p{color:var(--text-dim);margin-bottom:.5rem;font-size:.85rem}.room-code{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.3em;text-shadow:0 2px 16px #c9a44a4d;font-size:3rem;font-weight:700}.waiting-text{color:var(--text-dim);text-align:center;font-size:.85rem;font-style:italic}.lobby-error{color:var(--red-bright);text-align:center;font-size:.85rem}.lobby-opponent{color:var(--text);text-align:center;background:var(--bg-zone);border:1px solid var(--border);border-radius:6px;padding:.5rem;font-size:.9rem}.waiting-overlay{z-index:100;pointer-events:none;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.waiting-content{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex;box-shadow:0 4px 20px #00000080}.waiting-content p{color:var(--text-dim);margin:0;font-size:.85rem;font-style:italic}.waiting-spinner{border:2px solid var(--border-light);border-top-color:var(--gold);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}