/* Marvie palette and spacing, adapted to a playable field rather than an iOS screen. */
:root{--paper:#f4f8fa;--muted:#96a7af;--line:#96a7af26;--accent:#3dd598;--mint:#3dd598;--panel:#1f2e35;--card:#2a3c44}
body.marvie-ui{background:#19282f;color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif}
.marvie-ui button,.marvie-ui input,.marvie-ui select{font-family:inherit}
.marvie-ui button{background:#30444e;color:#f4f8fa;border:1px solid #96a7af26;border-radius:12px;transition:background .16s,border-color .16s,transform .16s}
.marvie-ui button:hover{background:#3b535e;border-color:#3dd59866}.marvie-ui button:active{transform:translateY(1px)}.marvie-ui button:focus-visible,.marvie-ui input:focus-visible,.marvie-ui select:focus-visible{outline:2px solid #3dd598;outline-offset:3px}.marvie-ui button:disabled{opacity:.4;cursor:not-allowed}
.marvie-ui .hud{color:#f4f8fa;background:#1f2e35ee;border-color:#96a7af26;border-radius:16px;box-shadow:0 6px 24px #08151b25;backdrop-filter:blur(14px)}
.marvie-ui .brand,.marvie-ui .brand b{color:#3dd598;font-family:inherit;font-weight:750}.marvie-ui .field-name{font-weight:600}.marvie-ui .weather,.marvie-ui .light-hud,.marvie-ui small,.marvie-ui .muted,.marvie-ui .telemetry,.marvie-ui .control-hint{color:#96a7af}.marvie-ui .field-name span{color:#708792}
.marvie-ui .ui-icon{width:22px;height:22px;flex:none;vertical-align:middle}.marvie-ui .icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px}.marvie-ui .top-tools .icon-button{width:44px;min-height:44px;padding:10px!important;background:transparent;border:0}.marvie-ui .top-tools .ui-button-label{display:none}.marvie-ui .top-tools button:hover{color:#3dd598;background:#30444e}
.marvie-ui .ui-button-label{white-space:nowrap}.marvie-ui:not(.compact-hud) .career-buttons{grid-template-columns:repeat(3,1fr)}.marvie-ui:not(.compact-hud) .career-buttons .ui-button-label{display:none}.marvie-ui:not(.compact-hud) #tournamentOpen{display:none}
.marvie-ui.compact-hud #mobileMenuDock #tournamentHud{display:none}.marvie-ui.compact-hud #cameraHint{display:none}.marvie-ui.compact-hud #cameraBar{padding:5px!important}
.marvie-ui #hudTop .top-tools{max-width:none;gap:2px;padding:5px;border-radius:16px}.marvie-ui #hudTop .field-title{padding:14px 16px}.marvie-ui #hudTop .career-hud{padding:12px}.marvie-ui .career-buttons{gap:6px;margin-top:10px}.marvie-ui .career-buttons button{min-height:42px;font-size:11px;padding:7px}.marvie-ui #wallet{font-family:inherit;font-size:19px;font-weight:700;color:#f4f8fa}.marvie-ui .career-standing{margin-top:8px;background:#3dd59815;color:#3dd598}.marvie-ui .career-standing .ui-icon{width:18px;height:18px}.marvie-ui .zoom-tools button{min-width:40px}.marvie-ui .zoom-tools .ui-button-label{display:none}
.marvie-ui .slot-icon .ui-icon{width:28px;height:28px;color:#3dd598}.marvie-ui #journalOpen{display:flex;align-items:center;gap:7px;background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;color:#3dd598}.marvie-ui #journalOpen small{display:none}.marvie-ui #journalOpen b{font-family:inherit;font-size:22px}.marvie-ui #rigSummary{line-height:1.6}.marvie-ui .meter-label strong{font-family:inherit;font-size:25px;color:#3dd598}.marvie-ui .meter-label span{font-family:inherit;color:#96a7af;letter-spacing:1px;font-size:10px}.marvie-ui .tension-track{height:7px;background:linear-gradient(90deg,#58707a 0 24%,#3dd598 24% 80%,#ff575f 80%);border-radius:12px}.marvie-ui .tension-track i{background:#f4f8fa;box-shadow:0 0 8px #d7fff1}.marvie-ui .fight-hud.danger{border-color:#ff575f}.marvie-ui .fight-hud.danger .meter-label strong{color:#ff575f}
.marvie-ui .gauge,.marvie-ui .tune-track{border-radius:8px;background:#30444e}.marvie-ui .gauge i,.marvie-ui .tune-track i{background:#3dd598}.marvie-ui .gauge span{color:#edf8f4;mix-blend-mode:normal}.marvie-ui .action-buttons button:first-child,.marvie-ui .primary,.marvie-ui .buy-primary{background:#3dd598;color:#102c26;border-color:#3dd598;font-weight:650}.marvie-ui .primary:hover,.marvie-ui .buy-primary:hover{background:#62e5af}.marvie-ui .action-buttons button.active{background:#3dd598;color:#102c26}.marvie-ui .section-head{color:#f4f8fa}.marvie-ui #sectionToggle{border-radius:10px;background:#30444e}.marvie-ui #tunePopup{background:#2a3c44;border-color:#3dd59855;border-radius:12px}.marvie-ui #tooltip{background:#2a3c44;color:#cfdae0;border-color:#96a7af26;border-radius:10px}.marvie-ui .field-status>span{background:#3dd5981a;color:#3dd598;border-radius:8px}
.marvie-ui dialog{background:#1f2e35;color:#f4f8fa;border:1px solid #96a7af26;border-radius:24px;box-shadow:0 24px 90px #09151ddd;padding:24px}.marvie-ui dialog::backdrop{background:#101c26ad;backdrop-filter:blur(5px)}.marvie-ui .dialog-head{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}.marvie-ui .dialog-head small,.marvie-ui .badge{color:#3dd598;font-family:inherit;letter-spacing:1.8px;font-size:10px}.marvie-ui .dialog-head h2,.marvie-ui dialog h2{font-weight:650;letter-spacing:-.6px}.marvie-ui .dialog-head button{width:40px;min-height:40px;padding:9px;background:#30444e}.marvie-ui dialog p,.marvie-ui dialog li{color:#b8c7cf;line-height:1.8}.marvie-ui dialog a{color:#3dd598}.marvie-ui .muted{color:#96a7af!important}
.marvie-ui select,.marvie-ui input[type=text],.marvie-ui input[type=number],.marvie-ui input:not([type]),.marvie-ui #nicknameInput{background:#2a3c44;color:#f4f8fa;border:1px solid #96a7af36;border-radius:12px;padding:12px;min-height:44px}.marvie-ui input[type=range],.marvie-ui input[type=checkbox]{accent-color:#3dd598}.marvie-ui .switch{background:#2a3c44;padding:15px;border-radius:14px;gap:16px;margin:10px 0;font-size:13px}.marvie-ui .switch input{width:22px;height:22px;flex:none}.marvie-ui .setting-range{padding:16px;background:#2a3c44;border-radius:14px;margin:12px 0}.marvie-ui kbd{font-family:inherit;color:#b8c7cf;background:#30444e;border-color:#96a7af26;border-radius:6px}
.marvie-ui .load-summary,.marvie-ui .equipped-summary,.marvie-ui .loadout-art,.marvie-ui .load-warnings,.marvie-ui .weather-current,.marvie-ui .light-report,.marvie-ui .order-totals,.marvie-ui .mail-card,.marvie-ui .catch-summary{background:#2a3c44;border:1px solid #96a7af26;border-radius:16px;padding:16px}.marvie-ui .load-summary dt,.marvie-ui .product-detail dt{color:#96a7af}.marvie-ui .load-summary dd,.marvie-ui .product-detail dd{color:#f4f8fa}.marvie-ui .load-warnings .balanced{color:#3dd598}.marvie-ui .rig-sequence{gap:10px}.marvie-ui .rig-sequence li{background:#2a3c44;border:1px solid #96a7af26;border-radius:14px;padding:14px}.marvie-ui .rig-sequence select{margin-top:8px}.marvie-ui .missing-stock{color:#ffc542!important}.marvie-ui .loadout-stats strong{color:#3dd598;font-family:inherit}.marvie-ui .map-options button{background:#2a3c44;border-radius:16px}.marvie-ui .map-options button[aria-pressed=true]{background:#3dd59810;border-color:#3dd598}.marvie-ui .map-options span{color:#96a7af}
.marvie-ui td,.marvie-ui th{border-color:#96a7af26}.marvie-ui th{color:#96a7af;font-weight:500;font-size:12px}.marvie-ui td{color:#f4f8fa}.marvie-ui table tr:nth-child(even){background:#2a3c4455}.marvie-ui .season-tabs button{background:#2a3c44;flex:1}.marvie-ui .season-tabs button[aria-pressed=true]{background:#3dd598;color:#102c26;border-color:#3dd598}.marvie-ui .catch-summary{display:flex;justify-content:space-around;gap:16px;margin:18px 0;text-align:center}.marvie-ui .catch-summary strong{display:block;font-size:26px;color:#3dd598;letter-spacing:-1px}.marvie-ui .catch-summary span{font-size:11px;color:#96a7af}.marvie-ui .journal-scroll{overflow:auto}
.marvie-ui #shopDialog.phone-mode{border-radius:24px;background:#1f2e35;border-color:#96a7af36}.marvie-ui .phone-status{display:none}.marvie-ui .phone-address{background:#2a3c44;color:#96a7af;border:0;border-radius:12px;margin:10px 12px;padding:10px;font-size:11px}.marvie-ui .store-nav,.marvie-ui .store-tabs{background:#1f2e35;border-color:#96a7af26}.marvie-ui .store-nav button,.marvie-ui .store-tabs button{border-radius:10px;background:transparent;color:#f4f8fa}.marvie-ui .store-tabs button:hover{background:#30444e}.marvie-ui .store-nav span{color:#3dd598}.marvie-ui .store-main{background:#19282f}.marvie-ui .store-sidebar{background:#1f2e35;border-color:#96a7af26}.marvie-ui .store-sidebar button[aria-pressed=true]{background:#3dd598;color:#102c26}.marvie-ui .shop-hero{background:linear-gradient(120deg,#2a3c44,#304e50);border:0;border-radius:18px}.marvie-ui .shop-hero small{color:#3dd598}.marvie-ui .shop-hero h2{color:#f4f8fa}.marvie-ui .shop-hero p{color:#b8c7cf}.marvie-ui .product-card{background:#2a3c44;border-color:#96a7af26;border-radius:16px;text-align:left}.marvie-ui .product-card b,.marvie-ui .product-price{color:#3dd598}.marvie-ui .product-card img{border-radius:12px}.marvie-ui .product-detail dl,.marvie-ui .cart-row{background:#2a3c44;border-color:#96a7af26;border-radius:14px}.marvie-ui .spec-chip{color:#96a7af}.marvie-ui .shop-message{background:#3dd59812;color:#3dd598;border-color:#3dd59833;border-radius:12px}.marvie-ui .mail-card.arrived{border-color:#3dd598}.marvie-ui .mail-count{color:#3dd598}.marvie-ui #storeScene,.marvie-ui #storeScene header,.marvie-ui .store-footer{background:#1f2e35;color:#f4f8fa;border-color:#96a7af26}
.marvie-ui #joystick,.marvie-ui .touch-mouse{background:#1f2e3566;border:1px solid #96a7af77;box-shadow:0 4px 16px #09151b22;backdrop-filter:blur(3px)}.marvie-ui #joyKnob{background:#3dd59855;border-color:#3dd598aa}.marvie-ui .touch-mouse .ui-icon{width:27px;height:27px;color:#d8f9ec}.marvie-ui .touch-mouse .ui-button-label{font-size:8px;white-space:normal;max-width:55px;line-height:1.3}.marvie-ui .touch-mouse{flex-direction:column;gap:3px}.marvie-ui .touch-mouse.active{background:#3dd59844}.marvie-ui .touch-tuning{background:#1f2e35ed;border:1px solid #96a7af26;border-radius:16px}.marvie-ui #cameraBar{background:#1f2e35cc;border-radius:14px}.marvie-ui #cameraBar button[aria-pressed=true]{background:#3dd598;color:#102c26}.marvie-ui #mobileZoom button{background:#1f2e3599;border:1px solid #96a7af36;color:#f4f8fa;border-radius:14px}.marvie-ui #mobileZoom .ui-button-label{display:none}.marvie-ui #mobileZoom button.held{background:#3dd59844}
.marvie-ui.compact-hud #mobileToolbar button{background:#1f2e35ed;border-color:#96a7af26;border-radius:14px;min-height:44px}.marvie-ui #mobileGear .ui-icon{color:#3dd598;width:20px;height:20px}.marvie-ui #mobileGear>span:not(.ui-icon){display:none}.marvie-ui #mobileTune,.marvie-ui #mobilePause{width:44px;padding:10px}.marvie-ui #mobileTune .ui-button-label,.marvie-ui #mobilePause .ui-button-label{display:none}.marvie-ui #mobileMenuOpen{gap:5px;font-size:11px;padding:8px}.marvie-ui #mobileMenuOpen .ui-icon{width:20px;height:20px}.marvie-ui.compact-hud #hudTop .field-title{background:transparent;box-shadow:none;border:0;padding:0 4px}.marvie-ui.compact-hud #hudTop .fight-hud{background:#1f2e35df;border-radius:14px}.marvie-ui.compact-hud #mobileMenuDock .top-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.marvie-ui.compact-hud #mobileMenuDock .top-tools .icon-button{width:auto;min-height:60px;flex-direction:column;gap:5px;padding:8px!important;background:#2a3c44}.marvie-ui.compact-hud #mobileMenuDock .top-tools .ui-button-label{display:block;font-size:10px}.marvie-ui.compact-hud #mobileMenuDock .career-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.marvie-ui.compact-hud #mobileMenuDock .career-buttons button{min-height:48px;font-size:12px}.marvie-ui.compact-hud #mobileMenuDock .career-hud{padding:0;background:transparent}.marvie-ui.compact-hud #mobileMenuDock .equipment{background:#2a3c44;border-radius:14px}.marvie-ui.compact-hud #mobileMenuDock .top-tools{background:transparent;border:0;padding:0}
#catchPresentation{position:absolute;inset:0;z-index:9;pointer-events:auto;background:radial-gradient(ellipse at 50% 46%,#19282f33 10%,#0d1d2cb8 100%);backdrop-filter:blur(3px);overflow:hidden;opacity:0;touch-action:none}#catchPresentation[hidden]{display:none}#catchPresentation.is-visible{animation:catch-scene-in 3.5s both}.catch-scene{position:absolute;inset:0}.catch-scene canvas{display:block;width:100%;height:100%}.catch-caption{position:absolute;top:9%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;pointer-events:none;opacity:0}.is-visible .catch-caption{animation:catch-caption-in 3.5s both}.catch-caption small{font-size:10px;color:#3dd598!important;letter-spacing:3px}.catch-caption h2{margin:5px 0 0;font-weight:500;color:#f4f8fa;line-height:1}.catch-caption strong{font-size:clamp(48px,7vw,82px);font-weight:700;letter-spacing:-3px}.catch-caption h2 span{font-size:20px;color:#96a7af}.catch-caption p{font-size:14px;color:#b8c7cf;margin:8px 0}.catch-skip{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));font-size:12px;padding:9px 14px}
@keyframes catch-scene-in{0%{opacity:0}8%,83%{opacity:1}100%{opacity:0}}@keyframes catch-caption-in{0%,3%{opacity:0;translate:0 8px}12%,74%{opacity:1;translate:0 0}91%,100%{opacity:0;translate:0 -5px}}
@media(min-width:1101px){.marvie-ui #hudTop{grid-template-columns:220px minmax(0,1fr) 270px;grid-template-rows:56px auto auto}.marvie-ui #hudTop .field-title{grid-row:1/3;align-self:start}.marvie-ui #hudTop .career-hud{grid-row:3}.marvie-ui #hudTop .equipment{width:250px;align-self:start}.marvie-ui #hudBottom{grid-template-columns:minmax(220px,380px) minmax(0,1fr) 310px}.marvie-ui .career-buttons .ui-icon{width:21px;height:21px}.marvie-ui #hudBottom .section-panel canvas{height:100px}.marvie-ui #cameraBar{top:12px;left:244px;transform:none;max-width:calc(100vw - 630px)}}
@media(max-width:600px){.marvie-ui dialog{padding:18px;border-radius:20px;max-height:calc(100dvh - 16px)}.marvie-ui .dialog-head h2{font-size:22px}.marvie-ui .switch{font-size:12px;padding:14px}.marvie-ui .catch-summary strong{font-size:23px}.marvie-ui .catch-summary{gap:10px;padding:14px}.catch-caption{top:14%}.catch-caption strong{font-size:56px}.marvie-ui .product-card{padding:10px}.marvie-ui .product-card strong{font-size:12px}.marvie-ui .catalog-filters select{padding:10px 6px}.marvie-ui .ui-icon{width:21px;height:21px}}
@media(max-height:500px){.catch-caption{top:12%;left:20%}.catch-caption strong{font-size:48px}.marvie-ui .top-tools .icon-button{min-height:36px;width:36px;padding:8px!important}.marvie-ui.compact-hud #mobileMenuDock .top-tools .icon-button{min-height:56px;width:auto}.marvie-ui #mobileToolbar button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.marvie-ui button{transition:none}#catchPresentation.is-visible,.is-visible .catch-caption{animation-duration:3.5s}.catch-caption{translate:none!important}}
/* Shop ID selectors used to override the dark palette. */
.marvie-ui #shopDialog{background:#1f2e35;color:#f4f8fa;border-color:#40565f}
.marvie-ui #shopDialog :is(h2,h3,strong,b,label){color:#f4f8fa}
.marvie-ui #shopDialog :is(p,li,dt,small,.spec-chip,.catalog-title,.product-card span){color:#bdcdd4}
.marvie-ui #shopDialog button{background:#30444e;color:#f4f8fa;border-color:#526773}
.marvie-ui #shopDialog button:hover{background:#405a65}
.marvie-ui #shopDialog .store-nav button{color:#eef6f8}
.marvie-ui #shopDialog .store-tabs button{background:#263c46;color:#deeaef;border-radius:0}
.marvie-ui #shopDialog .store-tabs button[aria-pressed=true]{background:#3dd598;color:#102c26;font-weight:700}
.marvie-ui #shopDialog .store-sidebar button[aria-pressed=true]{background:#3dd598!important;color:#102c26}
.marvie-ui #shopDialog :is(input,select){background:#2a3c44;color:#f4f8fa;border:1px solid #637680}
.marvie-ui #shopDialog input::placeholder{color:#b7c8cf;opacity:1}
.marvie-ui #shopDialog :is(.store-main,.store-layout){color:#e6eff3;background:#19282f}
.marvie-ui #shopDialog :is(.cart-row,.mail-card,.load-summary,.catalog-placeholder){background:#2a3c44;color:#e6eff3;border-color:#506570}
.marvie-ui #shopDialog .catalog-placeholder{color:#c8d6dc}
.marvie-ui #shopDialog :is(.product-price,.product-card b,.store-nav>span){color:#63e8b1}
.marvie-ui #shopDialog .shop-message{color:#a4f5d2!important;background:#254c43}
.marvie-ui #shopDialog .mail-count{background:#30534a;color:#a4f5d2}
.marvie-ui #shopDialog .offline-shop-label{background:#2a3c44;color:#dce9ef}
.marvie-ui #shopDialog .load-warnings p{color:#ffda9e}
.marvie-ui #shopDialog .load-warnings .balanced{color:#8be8b5}
.marvie-ui #shopDialog .buy-primary{background:#3dd598!important;color:#102c26!important}
.marvie-ui :is(.weather,.light-hud,small,.muted,.telemetry,.control-hint,.tension-caption,.map-options span){color:#b8c9d1}
.marvie-ui .muted{color:#b8c9d1!important}
.marvie-ui .field-name span{color:#b8c9d1}
.marvie-ui dialog :is(h2,h3,label){color:#f4f8fa}
.marvie-ui .setting-range{display:block;line-height:1.7}
.marvie-ui .setting-range input{display:block;width:100%;margin-top:10px}