/* FightCards worn-gold system. Loaded after legacy layers so all browser routes share one skin. */
:root{--ios-bg:#080907;--ios-surface:#141410;--ios-line:#baa06266;--ios-muted:#c5bfad;--ios-gold:#e8c474;--gold:#e8c474;--cyan:#d9bc77}
.fc-ios body{background:#080907;color:#f7f3e8}
.fc-ios #app .arena-bg{filter:brightness(.48) saturate(.75)}
.fc-ios #app .arena-shade{background:linear-gradient(180deg,#08090735,#080907b8)}
.fc-ios #app h1,.fc-ios #app h2,.fc-ios #app h3,.fc-ios #app button{letter-spacing:.025em;text-transform:uppercase}
.fc-ios #app :is(.paint-panel,.a79-glass,.feature-card,.settings-panel,.ios-login,.ios-install,.ios-card-detail,.a79-store-item,.a79-recruit-pack,.a79-team-cta,.forfeit-modal,.p170-panel,.p200-ability-confirm>section,.p180-ability-result>section,.p180-draw-modal>section){
 background:linear-gradient(150deg,#1d1c16f5,#080a09f5)!important;border:12px solid transparent!important;border-image:url('assets/skin/panel.webp') 60 fill / 12px stretch!important;border-radius:0!important;box-shadow:none!important;clip-path:none;min-width:0
}
.fc-ios #app :is(.paint-button,.feature-btn,.a79-big-btn,.a79-choice,.a79-store-buy,.ios-primary,.ios-secondary,.ios-inline-btn,.settings-tab,.settings-wide,.commentary-language,.p170-btn,.feature-tab,.a79-store-tabs button,.feature-tabs button,.feature-filter button,.ios-text-btn,.ios-arrange-tools button){
 background:#11120e!important;border:10px solid transparent!important;border-image:url('assets/skin/button.webp') 24 fill / 10px stretch!important;border-radius:0!important;box-shadow:none!important;color:#f6efdc!important;min-height:48px;height:auto;clip-path:none!important;padding:6px 12px!important;font-weight:800;line-height:1.25;white-space:normal
}
.fc-ios #app :is(button.selected,button.on,button.active,[aria-pressed=true]){color:#f5d486!important;filter:brightness(1.22);outline:1px solid #d8b76c;outline-offset:-5px}
.fc-ios #app :is(button,input,select,textarea):focus-visible{outline:2px solid #ffe3a2!important;outline-offset:3px}
.fc-ios #app :is(.back-btn,.a79-back,.topbar-back,.ios-icon-btn){background:url('assets/skin/square.webp') center/100% 100%!important;border:0!important;border-radius:0!important;color:#f0cb77!important;min-width:44px;min-height:44px;box-shadow:none!important}
.fc-ios #app :is(.back-btn,.a79-back,.topbar-back)::before{color:#f0cb77}
.fc-ios #app :is(input:not([type=range]):not([type=checkbox]),select,textarea){appearance:none;background:#0b0d0b!important;border:10px solid transparent!important;border-image:url('assets/skin/input.webp') 32 / 10px stretch!important;border-radius:0!important;color:#fff7e5!important;min-height:52px;padding:8px 12px!important;min-width:0;max-width:100%;line-height:1.4;box-shadow:none!important}
.fc-ios #app select{padding-right:26px!important;background:#0b0d0b url('assets/skin/arrow.webp') right 10px center/14px no-repeat!important}
.fc-ios #app input[type=range]{appearance:none;accent-color:#d8b766;background:transparent!important;height:44px;min-width:0}
.fc-ios #app input[type=range]::-webkit-slider-runnable-track{height:10px;background:#19170e;border:1px solid #b39a5f;border-radius:0}
.fc-ios #app input[type=range]::-webkit-slider-thumb{appearance:none;width:28px;height:28px;margin-top:-10px;border:0;background:url('assets/skin/thumb.webp') center/contain no-repeat}
.fc-ios #app input[type=range]::-moz-range-track{height:8px;background:#19170e;border:1px solid #b39a5f}
.fc-ios #app input[type=range]::-moz-range-thumb{width:28px;height:28px;border:0;background:url('assets/skin/thumb.webp') center/contain no-repeat}
.fc-ios #app input[type=checkbox]{appearance:none;width:56px;height:32px;flex:0 0 56px;background:#292823!important;border:2px solid #9b834f!important;border-radius:3px;position:relative;cursor:pointer}
.fc-ios #app input[type=checkbox]::after{content:'';position:absolute;top:1px;left:1px;width:26px;height:26px;background:url('assets/skin/thumb.webp') center/contain no-repeat;transition:transform .2s}
.fc-ios #app input[type=checkbox]:checked{background:#5e4c20!important}.fc-ios #app input[type=checkbox]:checked::after{transform:translateX(24px)}
.fc-ios #app .settings-tabs{background:#0b0c09;border-radius:0;position:relative;flex-wrap:wrap}.fc-ios #app .settings-tab{flex:1 1 80px}
.fc-ios #app :is(.ios-modal-shade,.forfeit-overlay,.expanded-card-overlay,.a79-pack-overlay,.feature-modal,.p170-modal,.p200-ability-confirm,.p180-ability-result,.p180-draw-modal){background:rgba(0,0,0,.75)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Art is clipped inside the irregular frame; no rectangular outer fill or drop shadow. */
.fc-ios #app .fighter-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;isolation:isolate}
.fc-ios #app .fighter-card::before{display:none!important}
.fc-ios #app .fighter-card::after{content:''!important;display:block!important;position:absolute;inset:0;z-index:3;background:url('assets/skin/card_outline.webp') center/100% 100% no-repeat!important;pointer-events:none;border:0!important;box-shadow:none!important}
.fc-ios #app .fighter-card :is(.card-art,.card-fallback,.card-gradient){left:8.5%!important;top:6.7%!important;width:83%!important;height:86.6%!important;border-radius:0!important;clip-path:polygon(10% 0,90% 0,100% 7%,100% 93%,90% 100%,10% 100%,0 93%,0 7%);object-fit:cover}
.fc-ios #app .fighter-card .card-name{z-index:4;bottom:6.5%;left:14%;right:14%;width:auto;color:#fff8e3;background:#0d0d09df;border:1px solid #ac9258;border-radius:0;padding:3px 1px;text-align:center;text-transform:uppercase;font-size:clamp(8px,2.6vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-ios #app .fighter-card .card-level{z-index:5;top:7%;left:9%;background:url('assets/skin/circle.webp') center/contain no-repeat!important;border:0;color:#fff4d6}
.fc-ios #app .fighter-card .card-stats{display:none!important}
.fc-ios #app .fighter-card.expanded .card-stats{display:grid!important;z-index:4;left:13%;right:13%;bottom:19%}
.fc-ios #app :is(.ios-arrange-card,.a79-team-card,.a79-reserve-item,.a79-reveal-card){background:transparent!important;box-shadow:none!important;border:0!important}
.fc-ios #app .ios-empty-slot{background:url('assets/skin/empty_slot.webp') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none;aspect-ratio:3/4;padding:10px}
.fc-ios #app .ios-slot-index,.fc-ios #app .ios-empty-slot>b{background:url('assets/skin/square.webp') center/100% 100%;border:0;color:#f2d186;z-index:6;min-width:26px;min-height:26px;display:grid;place-items:center;border-radius:0}
.fc-ios #app .a79-team-slot.safe{--slot:#65b47d}.fc-ios #app .a79-team-slot.risk{--slot:#e87e67}
.fc-ios #app .a79-team-slot::before{color:var(--slot)}
.fc-ios #app .a79-team-slot .skin-slot-label{position:absolute;top:-8px;left:50%;transform:translateX(-50%);color:var(--slot);background:#0a0b08;border:1px solid #a28a50;padding:3px 7px;z-index:7;font-size:11px;font-weight:900}
.fc-ios #app .a79-team-slot{position:relative}
.fc-ios #app .a79-team-cta{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px!important;margin:18px 0 12px}
.fc-ios #app .a79-team-cta>img{width:48px;height:48px;object-fit:contain}.fc-ios #app .a79-team-cta p{display:none}.fc-ios #app .skin-team-button{display:block;width:min(74%,300px);margin:14px auto 20px}
.fc-ios #app :is(.a79-recruit-page,.catalog-content) :is(.a79-header-icon,.topbar-right-icon){display:none}
.fc-ios #app .a79-room-form,.fc-ios #app .a79-room-actions{width:100%;max-width:580px;margin-inline:auto;min-width:0}
.fc-ios #app :is(.a79-choice-row,.a79-mode-row){display:flex;gap:8px;flex-wrap:wrap}.fc-ios #app .a79-choice{flex:1;min-width:54px}
.fc-ios #app [data-p160-room-abilities]:not(.on):not(.selected){filter:grayscale(1);opacity:.7}
.fc-ios #app :is(.a79-form-row,.a79-room-form form){gap:14px}.fc-ios #app .a79-room-form input+button{margin-top:16px}
.fc-ios #app :is(.feature-tabs,.feature-filters,.a79-store-tabs){display:flex;flex-wrap:wrap;gap:8px}.fc-ios #app :is(.feature-tabs,.feature-filters) button{flex:1 1 100px}
.fc-ios #app .a79-store-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.fc-ios #app .meta-content,.fc-ios #app .feature-content{padding-inline:14px}
.fc-ios #app .feature-card{padding:16px!important;margin-bottom:12px}
.fc-ios #app :is(.spinner,.queue-progress,.queue-search-ring,.feature-spinner){width:64px!important;height:64px!important;border:0!important;border-radius:0!important;background:url('assets/skin/loading.gif') center/contain no-repeat!important;animation:none!important;margin:12px auto!important;box-shadow:none!important}
.fc-ios #app :is(.queue-progress,.spinner)::before,.fc-ios #app :is(.queue-progress,.spinner)::after,.fc-ios #app .queue-progress>i{display:none!important}
.fc-ios #app .queue-panel{background:#11120eea!important}.fc-ios #app .queue-message{color:#e7c477}
/* Separate scene and fighter layers; animations only affect compositor transforms. */
.fc-ios #app .ios-home{max-width:760px;gap:14px;padding-inline:14px;overflow:auto}
.fc-ios #app .ios-home-title{display:none}.fc-ios #app .ios-home-head{min-height:64px}
.fc-ios #app .ios-modes{gap:12px}.fc-ios #app .ios-mode{position:relative;isolation:isolate;overflow:hidden;border:1px solid #bda268!important;border-radius:2px!important;background:#10100c!important;min-height:150px!important;padding:16px!important;align-items:flex-end!important;text-align:left}
.fc-ios #app .ios-mode.ios-hero{min-height:170px!important}.fc-ios #app .ios-mode>img:not(.skin-art){display:none}.fc-ios #app .ios-mode>i{display:none}
.fc-ios #app .ios-mode>span{z-index:3;text-shadow:0 2px 5px #000;max-width:85%}.fc-ios #app .ios-mode b{font-size:20px!important;color:#f5dfaa;text-transform:uppercase;letter-spacing:.035em!important}.fc-ios #app .ios-mode small{color:#e7e2d5!important;font-size:10px!important;text-transform:uppercase}
.fc-ios #app .ios-mode::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050705e8,transparent 90%);z-index:2;pointer-events:none}
.skin-art{position:absolute;pointer-events:none;object-fit:contain;z-index:1;max-width:none;transform-origin:50% 65%}
.skin-scene{inset:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:skin-scene 32s ease-in-out infinite alternate}
.skin-figure{right:-5%;bottom:-4%;width:78%;height:105%;object-position:bottom right;animation:skin-float 24s ease-in-out infinite alternate}
.skin-figure.skin-left{left:-5%;right:auto;object-position:bottom left;animation-direction:alternate-reverse}
.fc-ios #app .ios-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fc-ios #app .ios-collection .ios-mode{min-height:145px!important}.fc-ios #app .ios-collection .ios-mode b{font-size:16px!important}
.fc-ios #app .ios-home-nav{background:#10110df5;border:1px solid #a58b51;border-radius:0;gap:4px;padding:10px 3px}.fc-ios #app .ios-home-nav button{border:0;background:transparent;min-height:48px;color:#e5cb91}.fc-ios #app .ios-home-nav img{width:26px;height:26px}
.fc-ios #app .ios-profile,.fc-ios #app .ios-cash{background:#11120dcf;border-color:#b39b5f;border-radius:0}
.fc-ios #app .a79-ranked-mode{position:relative;isolation:isolate;overflow:hidden;border:1px solid #bb9a55!important;border-radius:0!important;background:#0c0b08!important;min-height:190px!important;text-align:left;padding:18px!important}
.fc-ios #app .a79-ranked-mode>div:not(.skin-ranked-scene){position:relative;z-index:4;text-shadow:0 2px 5px #000}
.skin-ranked-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#160d09}
.skin-ranked-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060704cc,#06070422);z-index:3}
.skin-ranked-scene .skin-figure{width:62%;height:100%;bottom:-8%;right:-4%}.skin-ranked-scene .skin-figure.skin-left{left:-4%}
.skin-ranked-scene .skin-depth{width:42%;height:88%;bottom:14%;right:16%;animation-duration:36s}
.skin-ranked-scene .skin-depth2{width:36%;height:90%;bottom:18%;right:-5%;animation-duration:40s}
.skin-ranked-scene .skin-sun{width:70%;height:70%;left:15%;top:-20%;animation:skin-scene 40s ease-in-out infinite alternate}
.fc-ios #app .queue-content{position:relative;z-index:3}.fc-ios #app .screen>.skin-ranked-scene{z-index:0}
@keyframes skin-scene{from{transform:scale(1.04) translateX(-1%)}to{transform:scale(1.09) translateX(1%)}}
@keyframes skin-float{from{transform:translate3d(-3px,0,0) scale(1.01)}to{transform:translate3d(4px,-3px,0) scale(1.035)}}
.skin-paused .skin-art,.skin-hidden .skin-art{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.skin-art{animation:none!important}}
@media(max-width:380px){.fc-ios #app .ios-mode b{font-size:17px!important}.fc-ios #app .ios-mode{min-height:135px!important}.fc-ios #app .a79-headcopy h1{font-size:22px!important}.fc-ios #app .card-grid{gap:6px}.fc-ios #app .a79-big-btn{font-size:12px!important}.fc-ios #app .feature-content{padding-inline:10px}}
@media(min-width:900px){.fc-ios #app .ios-home{max-width:1000px}.fc-ios #app .ios-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.fc-ios #app .ios-mode.ios-hero{grid-column:span 2}.fc-ios #app .ios-collection{grid-template-columns:repeat(4,minmax(0,1fr))}.fc-ios #app .a79-ranked-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fc-ios #app .a79-ranked-mode{min-height:330px!important}}
/* Final specificity and compact-screen alignment fixes. */
.fc-ios #app .ios-home{height:100%;display:flex;flex-direction:column;overflow-y:auto}
.fc-ios #app .ios-home .ios-modes{flex:none;grid-template-rows:auto;min-height:0}
.fc-ios #app .ios-home :is(.ios-modes,.ios-collection,.ios-home-head,.ios-home-nav){flex-shrink:0}
.fc-ios #app .ios-mode>.skin-scene{width:100%;height:100%;object-fit:cover;inset:0}
.fc-ios #app .ios-mode>.skin-figure{width:78%;height:105%;object-fit:contain;object-position:bottom right}
.fc-ios #app .ios-mode>.skin-left{object-position:bottom left}
.fc-ios #app .ios-collection .ios-mode{justify-content:flex-end;align-items:flex-start!important;flex-direction:row;text-align:left}
.fc-ios #app :is(.back-btn,.a79-back,.topbar-back,.p170-back){position:relative;background:url('assets/skin/square.webp') center/100% 100% no-repeat!important;mask:none!important;-webkit-mask:none!important;border:0!important;width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center;flex-shrink:0;color:#f0cb77!important;font-size:29px;border-radius:0}
.fc-ios #app :is(.back-btn,.a79-back,.topbar-back,.p170-back)::before{display:none!important}
.fc-ios #app :is(.back-btn,.topbar-back,.p170-back)::after{content:'←';background:none!important;mask:none!important;-webkit-mask:none!important;display:grid!important;place-items:center;position:absolute;inset:0;font:30px/1 sans-serif;color:#efc66e;transform:none}
.fc-ios #app :is(.back-btn,.topbar-back,.p170-back)>img{visibility:hidden}
.fc-ios #app :is(.a79-choice,.feature-btn,.settings-tab)::before,.fc-ios #app :is(.a79-choice,.feature-btn,.settings-tab)::after{display:none!important}
.fc-ios #app :is(.a79-big-btn.green,.a79-big-btn.gold,.feature-btn.primary){color:#fff4d5!important}
.fc-ios #app .a79-choice{padding:6px 3px!important;border-width:7px!important;font-size:11px!important;min-width:0;overflow:visible}
.fc-ios #app .a79-choice b{font-size:11px!important;white-space:normal;word-break:normal;line-height:1.3}
.fc-ios #app .a79-recruit-pack{height:auto!important;min-height:190px!important;padding:14px 8px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.fc-ios #app .a79-recruit-pack :is(b,strong,span){position:static!important;transform:none!important;inset:auto!important;max-width:100%;line-height:1.3}
.fc-ios #app .a79-recruit-pack img{position:static!important;width:64px!important;height:64px!important;transform:none!important;margin:0!important;object-fit:contain}
.fc-ios #app .a79-recruit-pack b{font-size:20px!important}.fc-ios #app .a79-recruit-pack strong{font-size:13px!important}
.fc-ios #app :is(.toggle,.a79-switch){position:relative;width:58px!important;height:32px!important;min-width:58px;min-height:32px!important;border:1px solid #a48b52!important;border-radius:2px!important;background:#2b2b26!important;box-shadow:none!important;flex-shrink:0}
.fc-ios #app :is(.toggle,.a79-switch).on{background:#695322!important}
.fc-ios #app .toggle::after,.fc-ios #app .a79-switch i{content:'';position:absolute;width:26px!important;height:26px!important;left:2px!important;top:2px!important;background:url('assets/skin/thumb.webp') center/contain no-repeat!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important;transition:left .18s}
.fc-ios #app .toggle.on::after,.fc-ios #app .a79-switch.on i{left:28px!important}
.fc-ios #app .a79-toggle-row{gap:12px}.fc-ios #app .a79-toggle-row>div{min-width:0}
.fc-ios #app .a79-form-head img{width:44px;height:44px;object-fit:contain}
.fc-ios #app .a79-form-head span{line-height:1.4}.fc-ios #app .a79-join-form{display:flex;flex-direction:column;gap:16px}
.fc-ios #app :is(.a79-reserve,.a79-reserve-scroll,.a79-rank-stats>div,.ios-pause,.p170-turn-timer,.p180-player-chip){background:#10120ded!important;border-color:#ad9456!important;border-radius:2px!important}
.fc-ios #app .a79-rank-stats>div{border:1px solid #ad945688}
.fc-ios #app :is(.a79-card-move,.a79-reserve-add){background:url('assets/skin/circle.webp') center/contain no-repeat!important;border:0!important;color:#efd49a!important}
.fc-ios #app .a79-team-page .a79-header-icon{display:none}
.fc-ios #app .leader-row .copy{display:flex;flex-direction:column;gap:5px;min-width:0}.fc-ios #app .leader-row small{white-space:normal}
.fc-ios #app .skin-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.fc-ios #app .skin-filters>*{flex:1 1 100px;min-width:0}
.fc-ios #app .skin-summary{padding:18px!important;margin-bottom:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#ebc979}
.fc-ios #app .skin-results{display:grid;gap:12px}.fc-ios #app .achievement-row{margin:0;min-height:128px;padding:14px!important;gap:12px}.fc-ios #app .achievement-row .copy{min-width:0;flex:1}.fc-ios #app .achievement-row .feature-btn{min-width:84px;flex:0 0 auto}
@media(orientation:portrait),(min-height:551px){
 .fc-ios #app .ios-arrange-screen{overflow-y:auto}
 .fc-ios #app .ios-arrange{min-height:740px;grid-template-rows:48px 48px minmax(270px,3fr) 28px minmax(100px,1fr) 44px 54px;gap:6px;padding:10px 14px}
 .fc-ios #app .ios-lineup{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}
 .fc-ios #app .ios-lineup>*{grid-column:auto;max-width:100%;width:auto;aspect-ratio:3/4;height:100%}
 .fc-ios #app .ios-lineup>:nth-child(7){grid-column:2}
 .fc-ios #app .ios-tray{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;padding:3px 0}
 .fc-ios #app .ios-tray .ios-arrange-card{height:100%;width:auto;aspect-ratio:3/4;flex:0 0 auto;max-width:none}
}
.fc-ios #app .skin-filter-label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#dabe7f;margin-bottom:14px}
.fc-ios #app .skin-filter-label select{width:100%;font-size:12px;letter-spacing:0}
.fc-ios #app .skin-progress-page{max-width:1000px;min-height:100%}
.fc-ios #app .feature-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:160px}
@media(min-width:900px){.fc-ios #app .skin-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fc-ios #app :is(.back-btn,.p170-back,.topbar-back){filter:none!important;transform:none!important}
.fc-ios #app .a79-recruit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fc-ios #app .a79-recruit-pack{aspect-ratio:auto!important;width:100%!important;min-width:0!important;max-width:100%}
.fc-ios #app .a79-team-reserve{background:#10120ded!important;border:10px solid transparent!important;border-image:url('assets/skin/input.webp') 32 / 10px stretch!important;border-radius:0!important;clip-path:none;overflow-x:auto}
.fc-ios #app .a79-team-label.reserve>b{color:#e2c47e!important}
.fc-ios #app .fighter-card .card-gradient{background:linear-gradient(180deg,transparent 45%,#06070422 65%,#060704b0 100%)!important;pointer-events:none}
.fc-ios #app :is(.a79-text-btn,.a79-small-action){background:#11120e!important;color:#f3dab0;border:8px solid transparent!important;border-image:url('assets/skin/button.webp') 24 fill / 8px stretch!important;border-radius:0!important;min-height:44px;font-size:11px;padding:5px 10px}
.fc-ios #app .a79-team-page .a79-header>img{display:none}
.fc-ios #app select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath d='m2 2 6 6 6-6' fill='none' stroke='%23e4c477' stroke-width='2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 3px center!important;background-size:12px!important}
.fc-ios #app :is(.p180-queue-fighter,.p180-searching,.p180-status,.p180-draw-pot){background:#10110dee!important;border:10px solid transparent!important;border-image:url('assets/skin/panel.webp') 60 fill / 10px stretch!important;border-radius:0!important;box-shadow:none!important}
.fc-ios #app :is(.p180-cancel,.p180-action,.p180-back){background:#11120e!important;border:9px solid transparent!important;border-image:url('assets/skin/button.webp') 24 fill / 9px stretch!important;border-radius:0!important;color:#f6dfaa!important;min-height:48px;box-shadow:none!important;font-weight:800}
.fc-ios #app .p180-back{width:44px;height:44px;min-height:44px;border:0!important;background:url('assets/skin/square.webp') center/contain no-repeat!important}
.fc-ios #app .p180-searching>i{width:70px!important;height:70px!important;background:url('assets/skin/loading.gif') center/contain no-repeat!important;border:0!important;animation:none!important;border-radius:0!important;box-shadow:none!important}
.fc-ios #app .p180-queue :is(h1,b,.p180-vs){font-family:var(--ios-font)!important;font-style:normal}.fc-ios #app .p180-queue h1{font-size:22px!important;line-height:1.15}.fc-ios #app .p180-vs{color:#efc568}
.fc-ios #app .p180-queue-fighter>div{border-color:#d6b369!important}.fc-ios #app .p180-queue header{gap:10px}
.fc-ios #app .p180-queue{position:relative;z-index:2}
.fc-ios #app .progress-track{background:#292820!important;border:1px solid #ad945666;border-radius:0}.fc-ios #app .progress-track i{background:linear-gradient(90deg,#8f6630,#e9c16b)!important;border-radius:0}
.fc-ios #app .ios-collection .ios-mode{align-items:flex-end!important;justify-content:flex-start!important}
.fc-ios #app .ios-tray{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;padding:3px 0}
.fc-ios #app .ios-tray .ios-arrange-card{height:100%;width:auto;aspect-ratio:3/4;flex:0 0 auto;max-width:none}
@media(min-width:900px) and (min-height:700px){.fc-ios #app .ios-home .ios-modes{flex:1;grid-auto-rows:minmax(185px,1fr)}.fc-ios #app .ios-home-nav{margin-top:0}.fc-ios #app .ios-collection .ios-mode{min-height:180px!important}}

/* Expanded stats and post-fight screens use the same frame geometry. */
.fc-ios #app :is(.ios-stat,.p170-result-panel,.p170-energy,.p170-encounter,.p170-gang-card){background:#11120e!important;border:9px solid transparent!important;border-image:url('assets/skin/panel.webp') 60 fill / 9px stretch!important;border-radius:0!important;box-shadow:none!important;color:#eee5ce}
.fc-ios #app .ios-stat{min-height:76px;padding:8px!important}.fc-ios #app .ios-stat b{color:#efd18a}.fc-ios #app .ios-stat:disabled{opacity:.55}
.fc-ios #app :is(.p170-result,.p170-campaign-screen) :is(h1,h2,h3,b,small,button),.fc-ios #app .p180-queue{font-family:var(--ios-font)!important;font-style:normal!important}
.fc-ios #app .p170-result-panel{padding:16px!important;margin-block:14px}.fc-ios #app .p170-result h1{font-size:clamp(27px,6vw,44px)!important;color:#efcf80}
.fc-ios #app .p170-result-actions{display:flex;gap:12px}.fc-ios #app .p170-result-actions>*{flex:1;min-width:0}
.fc-ios #app .p170-control i{background:#25241d;border-radius:0}.fc-ios #app .p170-control em{background:#d7b96e!important;border-radius:0}
.fc-ios #app .forfeit-icon{border:0!important;background:url('assets/skin/circle.webp') center/contain no-repeat!important;box-shadow:none!important}

/* Full-screen scrims and scrollable campaign/battle dialogs. */
.fc-ios #app :is(.p170-modal-layer,.result-intro){inset:0!important;width:100%!important;transform:none!important;background:rgba(0,0,0,.75)!important;backdrop-filter:none!important}
.fc-ios #app :is(.ios-pause,.p170-encounter-modal,.p170-gang-modal,.p180-intel-scroll article,.p180-read-list article){background:#10110df5!important;border:10px solid transparent!important;border-image:url('assets/skin/panel.webp') 60 fill / 10px stretch!important;border-radius:0!important;box-shadow:none!important}
.fc-ios #app :is(.p170-encounter-modal,.p170-gang-modal){width:min(900px,100%)!important;max-height:calc(100dvh - 24px);overflow:auto;font-family:var(--ios-font)}
.fc-ios #app :is(.p170-modal-close,.p180-ability-result header button,.p180-draw-modal header button,.p180-round-exit,.p180-pause){width:44px;min-height:44px;border:0!important;border-radius:0!important;background:url('assets/skin/square.webp') center/100% 100% no-repeat!important;color:#efcf80!important}
.fc-ios #app :is(.p170-encounter-modal,.p170-gang-modal,.p180-ability-result,.p180-draw-modal) :is(h2,h3,b,span){font-family:var(--ios-font)!important;font-style:normal}
.fc-ios #app .p170-reward-strip button{background:#11120e!important;border:8px solid transparent!important;border-image:url('assets/skin/button.webp') 24 fill / 8px stretch!important;min-height:44px}
@media(max-width:600px){.fc-ios #app .p170-gang-grid{grid-template-columns:1fr}.fc-ios #app .p170-encounter-bottom{grid-template-columns:1fr}}

.fc-ios #app :is(.p170-result-panel,.p170-dialogues article,.p170-gang-grid article,.p170-reward-strip)::before{display:none!important}
.fc-ios #app .p170-result :is(span,h4){font-family:var(--ios-font)!important;font-style:normal!important}
.fc-ios #app .a79-pack-loader{background:#10110df5!important;border:10px solid transparent!important;border-image:url('assets/skin/panel.webp') 60 fill / 10px stretch!important;border-radius:0!important}
.fc-ios #app .a79-pack-overlay{position:fixed!important;overflow:auto}.fc-ios #app .a79-pack-shell{margin:auto;max-height:calc(100dvh - 32px);overflow:auto;padding-block:12px}
.fc-ios #app .a79-reveal-card .fighter-card.small{height:auto!important;aspect-ratio:3/4}

/* Keep the supplied icon colors/texture; legacy masks must not flatten them. */
.fc-ios #app img[src^="assets/skin/"]:not(.skin-art){filter:none!important;mix-blend-mode:normal!important;object-fit:contain}
.fc-ios #app .ios-home-nav img{width:30px;height:30px}.fc-ios #app .ios-icon-btn img{width:28px;height:28px}
.fc-ios #app .ios-collection{grid-template-columns:repeat(3,minmax(0,1fr))}
.fc-ios #app .ios-collection .ios-mode{padding:12px 8px!important;min-width:0}
.fc-ios #app .ios-collection .ios-mode b{font-size:clamp(11px,2.9vw,16px)!important}
.fc-ios #app .a79-recruit-pack img{width:76px!important;height:82px!important}
.fc-ios #app .a79-team-cta>img{width:64px;height:64px;filter:none!important}

/* Android-style Ranked lobby. Artwork belongs to the page, never the mode controls. */
.fc-ios #app .rl-page{width:min(100%,720px);margin:auto;padding:16px 14px 28px;box-sizing:border-box;position:relative;z-index:2}
.fc-ios #app .rl-page .topbar{margin-bottom:16px;padding:0}
.fc-ios #app .rl-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fc-ios #app .rl-modes button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:68px;padding:6px!important}
.fc-ios #app .rl-modes b{font-size:21px}.fc-ios #app .rl-modes span{font-size:9px;letter-spacing:.08em}
.fc-ios #app .rl-description{text-align:center;color:#ddd5c1;font-size:10px;line-height:1.5;margin:12px 4px}
.fc-ios #app .rl-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin:14px 0}
.fc-ios #app .rl-actions button{min-height:60px;font-size:14px}
.fc-ios #app .rl-screen button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(1)}
.fc-ios #app .rl-record{padding:14px!important;margin-top:12px;min-height:350px}
.fc-ios #app .rl-record>header{display:flex;align-items:center;justify-content:space-between;color:#e8c474;font-size:10px;font-weight:800;letter-spacing:.1em}
.fc-ios #app .rl-refresh{background:transparent;color:#efd087;border:0;font-size:25px;width:44px;height:44px}
.fc-ios #app .rl-corner{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:8px;margin:10px 0 22px}
.fc-ios #app .rl-person,.fc-ios #app .rl-rank,.fc-ios #app .rl-total,.fc-ios #app .rl-add-partner{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.fc-ios #app .rl-person>img{width:clamp(44px,15vw,82px);height:clamp(44px,15vw,82px);object-fit:cover;border:5px solid transparent;border-image:url('assets/skin/square.webp') 40 / 5px stretch}
.fc-ios #app .rl-person>b,.fc-ios #app .rl-add-partner>b{font-size:10px;max-width:100%;overflow-wrap:anywhere;line-height:1.4}
.fc-ios #app .rl-person small,.fc-ios #app .rl-add-partner small,.fc-ios #app .rl-total small{font-size:8px;color:#c4b99d;letter-spacing:.07em}
.fc-ios #app .rl-rank img{width:clamp(72px,22vw,120px);height:clamp(72px,22vw,120px);object-fit:contain}
.fc-ios #app .rl-rank h2{font-size:13px;color:#e8c474;margin:0;text-align:center;line-height:1.3}
.fc-ios #app .rl-total>b{font-size:34px;color:#fff1ca}
.fc-ios #app .rl-add-partner{border:0;padding:0;background:transparent;color:#f5e4b5;width:100%}
.fc-ios #app .rl-add-partner>span{background:url('assets/skin/circle.webp') center/contain no-repeat;display:grid;place-items:center;width:clamp(44px,15vw,82px);height:clamp(44px,15vw,82px);font-size:32px}
.fc-ios #app .rl-leave{display:block;margin:0 0 12px auto;min-height:44px;font-size:10px}
.fc-ios #app .rl-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #9c804344;padding:18px 0 14px;gap:8px;text-align:center}
.fc-ios #app .rl-metrics div{display:flex;flex-direction:column;gap:5px}.fc-ios #app .rl-metrics b{font-size:22px}.fc-ios #app .rl-metrics span{font-size:9px;color:#dbc38a}
.fc-ios #app .rl-wins{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:360px;margin:6px auto}
.fc-ios #app .rl-win{position:relative;isolation:isolate;display:grid;place-items:center;width:24px;height:24px;font:900 11px/1 Arial,sans-serif;color:white}
.fc-ios #app .rl-win::before{content:'';position:absolute;inset:0;background:url('assets/skin/circle.webp') center/contain no-repeat;filter:grayscale(1);opacity:.5;z-index:-1}
.fc-ios #app .rl-win.won::before{filter:sepia(1) saturate(3) hue-rotate(65deg);opacity:1}.fc-ios #app .rl-win.next::before{filter:none;opacity:1}
.fc-ios #app .rl-progress{text-align:center;font-size:10px;line-height:1.6;color:#d6c495;margin:14px 0 4px}
.fc-ios #app .rl-team-required{display:flex;flex-direction:column;gap:5px;padding:10px!important;font-size:12px;color:#edc895}
.fc-ios #app .rl-team-required span{font-size:11px;color:#e5dcca}
.fc-ios #app .rl-modal{position:fixed;inset:0;background:#000c;z-index:1200;display:grid;place-items:center;padding:16px}
.fc-ios #app .rl-picker{width:min(100%,460px);max-height:85dvh;overflow:auto;box-sizing:border-box;padding:14px!important}
.fc-ios #app .rl-picker header{display:flex;align-items:center;gap:8px;justify-content:space-between}.fc-ios #app .rl-picker h2,.fc-ios #app .rl-invites h2{font-size:15px;line-height:1.4;margin:0}
.fc-ios #app .rl-picker header button{width:44px;min-width:44px;padding:0!important;font-size:23px}
.fc-ios #app .rl-picker p{font-size:12px;line-height:1.5;color:#cbbfa3}
.fc-ios #app .rl-friend-list article{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #9c804344;justify-content:space-between}
.fc-ios #app .rl-friend-list .rl-person{display:grid;grid-template-columns:44px 1fr;text-align:left;column-gap:10px;flex:1}
.fc-ios #app .rl-friend-list .rl-person img{width:44px;height:44px;grid-row:span 2}.fc-ios #app .rl-friend-list button{font-size:11px}
.fc-ios #app .rl-picker>button{margin-top:16px;width:100%}
.fc-ios #app .rl-invites{padding:12px!important;margin-top:14px}.fc-ios #app .rl-invites article{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}.fc-ios #app .rl-invites article>span{flex:1 0 100%;font-size:12px}.fc-ios #app .rl-invites small{display:block;color:#d9a08d}.fc-ios #app .rl-invites button{flex:1;font-size:10px}
@media(min-width:900px){.fc-ios #app .rl-page{padding-top:28px}.fc-ios #app .rl-record{padding:24px!important}.fc-ios #app .rl-corner{margin:18px 0 28px}.fc-ios #app .rl-wins{max-width:480px}}

/* Image-only winner spotlight; video mode retains its original presentation. */
.winner-image-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.winner-image-backdrop>img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.62;transform-origin:50% 28%;animation:winnerBackdropZoom 8s linear both}
.winner-image-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(#0003,#000b)}
@keyframes winnerBackdropZoom{from{transform:scale(1)}to{transform:scale(1.16)}}
@media(prefers-reduced-motion:reduce){.winner-image-backdrop>img{animation:none}}

/* Reference display typography and reusable home-title brush underline. */
@font-face{font-family:'Fight Display';src:url('assets/fonts/dm_serif_display.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.fc-ios #app :is(h1,h2,h3,.topbar-title,.feature-title,.a79-section-title,.a79-form-head b,.ios-mode b){font-family:'Fight Display',Georgia,serif!important;font-weight:400!important;font-synthesis:none;letter-spacing:0!important}
.fc-ios #app .ios-mode b{display:block;line-height:1.08;color:#fff2d7;font-size:24px!important}
.fc-ios #app .ios-mode.ios-hero b{font-size:32px!important}
.fc-ios #app .ios-mode b::after{content:'';display:block;width:38px;height:4px;margin:8px 0 7px;background:url('assets/skin/red_underline.webp') 52% 51%/179% 711% no-repeat}
.fc-ios #app .ios-collection .ios-mode b{font-size:22px!important}
.fc-ios #app [data-action="forgot"]{color:#e8c474!important;text-transform:none;text-decoration:underline;text-underline-offset:4px}
.fc-ios #app [data-action="forgot"]:hover{color:#fff0c4!important}
.fc-ios #app .auth-pending{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:8px 0;color:#efd49a;font-size:13px;line-height:1.4;font-weight:700;text-align:center}
.fc-ios #app .auth-pending img{flex:0 0 48px;width:48px;height:48px;object-fit:contain}
.fc-ios #app form[aria-busy="true"] button{cursor:wait;opacity:.65}
/* Player rows expand to fit wrapped names and records inside their borders. */
.fc-ios #app .leader-row{height:auto!important;min-height:94px;padding:12px!important;gap:10px;align-items:center;overflow:visible}
.fc-ios #app .leader-row .leader-pos{flex:0 0 auto;min-width:28px}
.fc-ios #app .leader-row .feature-avatar{flex:0 0 36px;width:36px;height:36px}
.fc-ios #app .leader-row .copy{flex:1;min-width:0}
.fc-ios #app .leader-row .copy b{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.fc-ios #app .leader-row small{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:380px){.fc-ios #app .ios-mode b{font-size:21px!important}.fc-ios #app .ios-mode.ios-hero b{font-size:29px!important}.fc-ios #app .ios-collection .ios-mode b{font-size:20px!important}}

/* One bundled font throughout every game surface and control. */
:root{--ios-font:'Fight Display',serif!important}
html.fc-ios body,html.fc-ios body #app,html.fc-ios body #app *{font-family:'Fight Display',serif!important;font-synthesis:none}
.fc-ios #app .leader-row{display:grid;grid-template-columns:auto 36px minmax(0,1fr);gap:8px 10px}
.fc-ios #app .leader-highlight{grid-column:1/-1;display:block;min-width:0;text-align:left;color:#efd49a;font-size:26px;line-height:1.2;font-weight:400;overflow-wrap:anywhere}
.fc-ios #app .ios-drag-ghost{position:fixed!important;pointer-events:none!important;z-index:9999!important;width:116px!important;height:166px!important;transform:translate(-50%,-50%) rotate(-4deg);margin:0!important}
/* Hide the stage visually during the winner spotlight without unmounting video. */
.fc-ios #app .battle-screen:has(.winner-highlight) :is(.arena-bg,.stage-video){visibility:hidden}

/* Arrange: fixed-size ability art and one readiness badge per other participant. */
.fc-ios #app .ios-arrange{grid-template-rows:54px 38px minmax(240px,3fr) 28px minmax(100px,1fr) 34px 116px;min-height:800px}
.fc-ios #app .ios-arrange-footer{display:flex;flex-direction:column;gap:8px}
.fc-ios #app .ios-arrange-status{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px}
.fc-ios #app .ios-fighter-readiness{display:flex;gap:7px;margin-left:auto;flex-shrink:0}
.fc-ios #app .ios-fighter-readiness>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px;color:#8a8982}
.fc-ios #app .ios-fighter-readiness img{width:29px;height:29px;object-fit:contain;filter:grayscale(1);opacity:.35}
.fc-ios #app .ios-fighter-readiness small{font-size:9px;line-height:12px}
.fc-ios #app .ios-fighter-readiness .ready{color:#92e2a2}
.fc-ios #app .ios-fighter-readiness .ready img{opacity:1;filter:drop-shadow(0 0 5px #6ed487)}
.fc-ios #app .ios-arrange-status .p172-arrange-pocket{margin:0;min-height:50px;max-width:65%;width:auto;padding:5px 10px;display:flex;gap:8px;align-items:center}
.fc-ios #app .ios-arrange-status .p172-arrange-pocket>b,.fc-ios #app .ios-arrange-status .p172-arrange-pocket strong,.fc-ios #app .ios-arrange-status .p172-arrange-pocket small{display:none}
.fc-ios #app .ios-arrange-status .p172-arrange-pocket>span{display:flex;gap:5px}
.fc-ios #app .ios-arrange-status .p172-arrange-pocket i{width:34px;height:34px;display:block}
.fc-ios #app .ios-arrange-status .p172-arrange-pocket img{width:100%;height:100%;object-fit:contain}
.fc-ios #app .ios-quality{margin:14px 0;padding:18px}
.fc-ios #app .ios-quality>div{display:flex;gap:8px}
.fc-ios #app .ios-quality button{flex:1;min-height:48px;background:#171712;border:1px solid #7e713f;color:#d9cda7}
.fc-ios #app .ios-quality button[aria-pressed=true]{border-color:#f2d17c;color:#fff3cb;box-shadow:inset 0 0 15px #ad843f70}
.fc-ios #app .ios-quality p{font-size:12px;line-height:1.5;color:#c4b994}
.fc-home-reveal{position:fixed;inset:0;z-index:20000;background:#080907;display:grid;place-items:center;pointer-events:none;animation:fcHomeFade .4s .85s both}
.fc-home-reveal img{width:160px;height:160px;object-fit:contain;animation:fcHomeZoom .85s cubic-bezier(.4,0,.2,1) both}
@keyframes fcHomeZoom{from{transform:scale(1)}to{transform:scale(var(--logo-zoom))}}
@keyframes fcHomeFade{from{opacity:1}to{opacity:0}}
/* Quality affects ambient art only; battle cards, winners and gameplay keep their animations. */
html[data-quality=low] #app :is(.arena-bg,.home-scene,.home-figure,.home-art-layer,.skin-art,.ios-mode img,.queue-orbit,.arena-particles){animation:none!important;transition:none!important;filter:none!important}
html[data-quality=low] #app :is(.arena-particles,.stage-video){display:none!important}
html[data-quality=medium] #app .stage-video{display:none!important}
html[data-quality=medium] #app :is(.arena-bg,.home-scene,.home-figure,.home-art-layer,.skin-scene){animation-duration:45s!important}
html[data-quality=low] #app :is(.paint-panel,.ios-mode,.arena-screen)::before,
html[data-quality=low] #app :is(.paint-panel,.ios-mode,.arena-screen)::after{animation:none!important;backdrop-filter:none!important;box-shadow:none!important}
@media(max-height:740px){.fc-ios #app .ios-arrange{gap:5px;min-height:730px;grid-template-rows:48px 38px minmax(220px,3fr) 26px minmax(85px,1fr) 28px 112px}}
@media(orientation:landscape) and (max-height:550px){.fc-ios #app .ios-arrange{min-height:520px;grid-template-rows:48px 30px minmax(145px,1fr) 118px}.fc-ios #app .ios-lineup{grid-row:3/5}.fc-ios #app .ios-arrange-footer{grid-row:4}}

html[data-quality=low] #app .skin-art{will-change:auto!important}
html[data-quality=medium] #app .skin-figure{animation:none!important;will-change:auto!important}

/* Tablet and desktop Fight Team: explicit row widths prevent shrink-to-content collapse. */
@media(min-width:700px){
  .fc-ios #app .a79-team-page{width:100%!important;max-width:1180px!important;margin-inline:auto!important;padding-inline:clamp(28px,4vw,56px)!important;align-items:stretch}
  .fc-ios #app .a79-team-label{width:100%;max-width:1100px;margin-inline:auto}
  .fc-ios #app .a79-team-grid{display:flex!important;width:100%!important;max-width:930px!important;margin:4px auto 0!important;align-self:center;flex-direction:column;align-items:center;gap:20px!important}
  .fc-ios #app .a79-team-row{display:grid!important;width:100%!important;min-width:0;gap:clamp(12px,1.4vw,20px)!important;justify-content:center!important;align-items:stretch}
  .fc-ios #app .a79-team-row.four{grid-template-columns:repeat(4,minmax(0,175px))!important}
  .fc-ios #app .a79-team-row.three{grid-template-columns:repeat(3,minmax(0,175px))!important;padding:0!important}
  .fc-ios #app .a79-team-slot{width:100%!important;min-width:0!important;min-height:0;aspect-ratio:.72/1!important}
  .fc-ios #app .a79-team-reserve{width:100%;max-width:1100px;margin-inline:auto;min-height:238px!important;gap:clamp(10px,1.2vw,18px)!important;padding:14px!important}
  .fc-ios #app .a79-reserve-item{flex:0 0 clamp(110px,10vw,136px)!important;height:198px!important}
  .fc-ios #app .a79-team-actions{width:100%;max-width:1100px;margin-inline:auto}
}

/* Dismissible platform prompt for Android and Windows web visitors. */
.fc-platform-promo{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:22px;background:rgba(2,3,4,.78);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.fc-platform-promo.is-open{opacity:1;visibility:visible}
.fc-platform-dialog{position:relative;width:min(100%,440px);max-height:calc(100dvh - 32px);overflow:auto;padding:38px 30px 26px;text-align:center;color:#f7f0df;background:radial-gradient(ellipse at 50% 0,rgba(209,165,76,.18),transparent 52%),linear-gradient(150deg,#17150f,#080908 72%);border:1px solid #b89755;box-shadow:0 22px 80px #000c,0 0 0 1px #e7cb8050,inset 0 0 30px #c29a3c12;transform:translateY(14px) scale(.97);transition:transform .28s cubic-bezier(.2,.8,.2,1);animation:fcPromoPulse 3.2s ease-in-out infinite}
.fc-platform-promo.is-open .fc-platform-dialog{transform:translateY(0) scale(1)}
.fc-platform-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:1px solid #a88c52;background:#0a0b09;color:#efd28b;font:28px/1 Arial,sans-serif;cursor:pointer}
.fc-platform-logo{width:72px;height:72px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 0 14px #e0b44b55)}
.fc-platform-kicker{margin:0 0 8px;color:#c9a35d;font:800 10px/1.3 Arial,sans-serif;letter-spacing:.24em}
.fc-platform-dialog h2{margin:0 0 11px;color:#f0d28e;font:700 clamp(22px,4vw,30px)/1.1 "DM Serif Display",Georgia,serif}
.fc-platform-dialog>p:not(.fc-platform-kicker){max-width:340px;margin:0 auto 20px;color:#ddd5c2;font:15px/1.55 Arial,sans-serif}
.fc-platform-action,.fc-platform-continue{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 16px;text-decoration:none;cursor:pointer}
.fc-platform-action{border:1px solid #e3c479;color:#1a1307;background:linear-gradient(120deg,#a9792c,#f3d98e 48%,#a9792c);font:900 13px/1.3 Arial,sans-serif;letter-spacing:.045em;box-shadow:0 0 22px #e5ba5b45}
.fc-platform-action:hover{filter:brightness(1.1)}
.fc-platform-continue{margin-top:10px;border:1px solid #6c5b3b;color:#d8c89f;background:#0c0d0a;font:800 11px/1.3 Arial,sans-serif;letter-spacing:.08em}
.fc-platform-close:focus-visible,.fc-platform-action:focus-visible,.fc-platform-continue:focus-visible{outline:2px solid #f5d78b;outline-offset:3px}
@keyframes fcPromoPulse{0%,100%{box-shadow:0 22px 80px #000c,0 0 0 1px #e7cb8040,inset 0 0 30px #c29a3c0c}50%{box-shadow:0 22px 80px #000c,0 0 0 2px #e7cb8070,0 0 24px #d0a84c28,inset 0 0 34px #c29a3c18}}
@media(max-width:480px){.fc-platform-dialog{padding:36px 20px 22px}.fc-platform-dialog h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.fc-platform-promo,.fc-platform-dialog{transition:none}.fc-platform-dialog{animation:none}}
/* Store artwork must fit its frame, independent of the source GIF/image dimensions. */
.fc-ios #app .p171-emote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fc-ios #app .p171-emote-pack{min-width:0;min-height:240px;aspect-ratio:auto;justify-content:flex-start;padding:22px 14px;gap:12px}
.fc-ios #app .p171-emote-art{position:relative;display:block;min-width:0;min-height:0;flex-shrink:0}
.fc-ios #app .p171-emote-pack .p171-emote-art{width:100%;height:144px}
.fc-ios #app .p171-emote-art img,.fc-ios #app .p171-emote-catalogue img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.fc-ios #app .p171-emote-copy{min-width:0;width:100%;margin:0;gap:6px}
.fc-ios #app .p171-emote-copy b{overflow-wrap:anywhere}
.fc-ios #app .p171-owned-emotes{grid-template-columns:72px minmax(0,1fr) auto;gap:12px;min-height:116px;padding:16px}
.fc-ios #app .p171-owned-emotes .p171-emote-art{width:72px;height:72px}
.fc-ios #app .p171-emote-catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}
.fc-ios #app .p171-emote-catalogue>span{min-width:0;min-height:0}
.fc-ios #app .p171-emote-layer{inset:0;width:100%;transform:none;padding:16px;background:rgba(0,0,0,.75)}
.fc-ios #app .p171-emote-preview{position:relative;width:min(100%,580px);max-height:calc(100dvh - 32px)}
.fc-ios #app .a79-store-item{min-width:0}
.fc-ios #app .a79-store-item>img{display:block;width:100%;height:132px;object-fit:contain;object-position:center}
.fc-ios #app .a79-store-item>p{overflow-wrap:anywhere}
@media(min-width:700px){
 .fc-ios #app .p171-emote-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
 .fc-ios #app .p171-emote-pack{min-height:280px}
 .fc-ios #app .p171-emote-pack .p171-emote-art{height:180px}
}
@media(max-width:380px){
 .fc-ios #app .p171-owned-emotes{grid-template-columns:52px minmax(0,1fr) auto;gap:7px;padding:13px}
 .fc-ios #app .p171-owned-emotes .p171-emote-art{width:52px;height:52px}
 .fc-ios #app .p171-owned-emotes b{font-size:15px}
 .fc-ios #app .p171-emote-pack{padding-inline:10px}
}
.fc-platform-promo,.fc-platform-promo :is(h2,p,a,button){font-family:'Fight Display',Georgia,serif;font-synthesis:none}
/* Arrange reserve: native horizontal swipes, desktop wheel, and stable slot dragging. */
.fc-ios #app .ios-tray{min-width:0;width:100%;touch-action:pan-x pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.fc-ios #app .ios-tray .ios-arrange-card{touch-action:pan-x pan-y}
.fc-ios #app .ios-lineup :is(.ios-arrange-card,.ios-empty-slot){touch-action:none}
/* Shared worn-gold close button, including older overlays. */
.fc-ios #app button.fc-close-control,.fc-platform-close{display:grid;place-items:center;flex:0 0 44px;min-width:44px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:url('assets/skin/square.webp') center/100% 100% no-repeat!important;color:transparent!important;font-size:0!important;box-shadow:none!important}
.fc-ios #app button.fc-close-control::before,.fc-ios #app button.fc-close-control::after,.fc-platform-close::before,.fc-platform-close::after{content:''!important;position:absolute;width:17px;height:2px;top:21px;left:14px;background:#e6c77c;transform:rotate(45deg);pointer-events:none}
.fc-ios #app button.fc-close-control::after,.fc-platform-close::after{transform:rotate(-45deg)}
.fc-ios #app button.fc-close-control>img{display:none}
.fc-ios #app .p171-emote-close.fc-close-control,.fc-ios #app .fc-emote-picker>.fc-close-control,.fc-platform-close{position:absolute;right:10px;top:10px}
.fc-ios #app .p171-emote-catalogue>button{position:relative;min-width:0;aspect-ratio:1;border:1px solid #776239;background:#0d100d;color:#f4d395;padding:0;overflow:hidden}
.fc-ios #app .p171-emote-catalogue>button.active{border-color:#a9dc94;box-shadow:inset 0 0 14px #88d38b55}
.fc-ios #app .p171-emote-catalogue>button>img{padding:6px 6px 24px}
.fc-ios #app .p171-emote-catalogue>button>b{position:absolute;inset:auto 0 0;background:#0b100cf0;color:#f0d78f;font-size:10px;line-height:22px;z-index:1}
.fc-pause-overlay{position:fixed;inset:0;z-index:980;display:grid;place-items:center;background:#050603bf;padding:20px}
.fc-pause-panel{width:min(100%,400px);padding:30px!important;text-align:center;display:grid;gap:14px}
.fc-pause-panel>img{width:64px;height:64px;object-fit:contain;margin:auto}
.fc-pause-panel h2,.fc-pause-panel p{margin:0}.fc-pause-panel strong{font-size:44px;color:#edcb7c}
.fc-pause-panel button{min-height:48px}
.fc-battle-social{position:fixed;inset:0;z-index:180;pointer-events:none}
.fc-emote-toggle{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));right:16px;pointer-events:auto;background:#10100af2;border:1px solid #b99650;color:#f1d898;min-height:46px;display:flex;gap:6px;align-items:center;padding:8px 12px}
.fc-emote-toggle img{width:25px;height:25px;object-fit:contain}
.fc-emote-picker{position:absolute;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));width:min(340px,calc(100% - 24px));max-height:60dvh;overflow-y:auto;pointer-events:auto;padding:24px 16px 16px!important}
.fc-emote-picker h3{margin:0 40px 15px 0}.fc-emote-picker p{font-size:13px;color:#d1c2a1}
.fc-emote-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.fc-emote-buttons button{aspect-ratio:1;min-width:0;overflow:hidden;background:#17180f;border:1px solid #947a44;padding:4px}
.fc-emote-buttons img{width:100%;height:100%;object-fit:contain}
.fc-emote-bubble{position:absolute;top:22%;left:20px;width:100px;padding:8px;background:#10120ae6;border:1px solid #ac9150;text-align:center}
.fc-emote-bubble.self{top:auto;bottom:82px;left:20px}
.fc-emote-bubble img{display:block;width:100%;height:90px;object-fit:contain}.fc-emote-bubble small{color:#ecd9a4;font-size:11px}

.fc-ios #app button.fc-close-inline{position:relative}

/* Web 4.0: inspect powers independently of turn eligibility. */
.fc-ios .p180-ability-pocket button{border-radius:0;background:url('assets/skin/square.webp') center/100% 100% no-repeat;border:0;cursor:pointer}
.fc-ios .p180-ability-pocket button:not(.ready) img{filter:grayscale(.7);opacity:.7}
.fc-ios .p180-ability-pocket button.used{opacity:.65}
.fc-ios .p180-ability-pocket button.ready{filter:drop-shadow(0 0 5px #e7be64)}
.fc-ios .p200-ability-confirm .p200-use:disabled{opacity:.55;cursor:default}
.fc-home-version{display:block;text-align:center;color:#d2bc8a;font-size:12px;margin:6px auto}
:fullscreen .fc-home-fullscreen{display:none}
:-webkit-full-screen .fc-home-fullscreen{display:none}

/* Official full-color Google artwork inside the game's gold surround. */
.fc-platform-action{gap:12px;background:#100f0c;color:#f7e5b9}
.fc-platform-action:hover{filter:none;border-color:#fff0c3}
.fc-play-badge{display:block;width:220px;max-width:100%;height:auto;filter:none}
.fc-platform-store{padding:18px 22px}
.fc-play-games-icon{width:44px;height:44px;flex:none;filter:none}

.fc-ios .ios-card-detail.read-only .ios-stat:disabled{opacity:1;cursor:default}