/* Original colour, quieter overlays, and an explicitly requested full-art view. */
.shell .art-image,.vs-screen .vs-fighter-art img,.vs-screen .vs-cutin-image img{filter:none;opacity:1}
.shell .art-shade,.shell .stage-scan{display:none}
.shell .art-region:before{background:linear-gradient(0deg,#05070e85,transparent 28%)}
.shell .art-region{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 96%,transparent)}
.shell .character-hud{filter:drop-shadow(0 2px 5px #000b)}
.shell .character-info{background:linear-gradient(90deg,#040813b8,transparent 85%);padding:5px 8px}
.shell .fx-flash{display:none}
.shell .fx-line{top:5%;height:2px}.shell .fx-line.second{top:95%}
.art-layer{will-change:transform,opacity,clip-path}
.art-sheen{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:linear-gradient(115deg,transparent 38%,#fff2 49%,transparent 60%)}
.vs-screen .vs-fighter-art{mask-image:none}
.vs-screen .vs-cutin-image{opacity:1}
.vs-screen .vs-fighter-wash,.vs-screen .vs-fighter-right .vs-fighter-wash{background:linear-gradient(0deg,#03050b88,transparent 26%);transition:opacity .35s}
.vs-screen .vs-nameplate{padding:10px 14px;background:linear-gradient(90deg,#03050bd9,transparent);border-left:2px solid var(--fighter)}
.vs-screen .vs-fighter-right .vs-nameplate{background:linear-gradient(-90deg,#03050bd9,transparent);border-left:0;border-right:2px solid var(--fighter)}
.vs-core,.vs-fighter:before,.vs-fighter:after,.vs-stage:after{transition:opacity .35s}
.vs-settled .vs-fighter-wash,.vs-settled .vs-fighter:before,.vs-settled .vs-fighter:after,.vs-settled .vs-stage:after{opacity:0;pointer-events:none}
/* The same VS mark docks at the end of the dividing line after the collision. */
.vs-settled .vs-core{left:46%;top:calc(100% - 62px);width:max-content;max-width:none;opacity:1;transform:translate(-50%,-50%);transform-origin:center;filter:drop-shadow(0 2px 5px #0009)}
.vs-settled .vs-kicker,.vs-settled .vs-ready,.vs-settled .vs-logo-echo{display:none}
.vs-settled #vs-emblem{font-size:88px;-webkit-text-stroke-width:1px;filter:drop-shadow(2px 3px 0 #0b1327) drop-shadow(-2px 0 5px var(--left-color)) drop-shadow(2px 0 5px var(--right-color))}
.vs-settled .vs-pressure,.vs-settled .vs-thunder,.vs-settled .vs-seam{visibility:hidden}
.vs-settled .vs-nameplate{max-width:310px}
.vs-settled .vs-fighter-right .vs-nameplate{margin-left:auto}
.vs-settled .vs-given{font-size:clamp(30px,4vw,62px);filter:none}
.vs-settled .vs-surname{font-size:14px}.vs-settled .vs-japanese{font-size:16px;letter-spacing:2px}
.vs-settled .vs-style,.vs-settled .vs-quote{display:none}
.vs-settled .vs-player{margin-bottom:5px;padding:2px 0;font-size:9px;background:none;box-shadow:none;border:0}
.gallery-toggle{min-width:76px;min-height:44px;border:1px solid #bbd3ee80;background:#07111dea;color:#f1f6ff;font-size:12px;line-height:1.25;padding:8px 12px;touch-action:manipulation}
.gallery-toggle[hidden]{display:none!important}
#art-view-toggle{position:fixed;left:max(14px,env(safe-area-inset-left,0px));top:calc(72px + env(safe-area-inset-top,0px));z-index:65;box-shadow:0 0 0 1px #07111d,0 0 18px rgba(var(--rgb),.36)}
.shell.confirmed .gamepad-status{visibility:hidden}
.art-credit{position:absolute;z-index:12;left:5%;bottom:14px;font-size:10px;line-height:1.4;padding:3px 7px;color:#e6e9ef;background:#040813b8;pointer-events:none}
.art-credit[hidden]{display:none}
.vs-art-credit{bottom:17%;left:8%}
.vs-fighter-right .vs-art-credit{left:auto;right:8%}
/* Controls keep their space when hidden; only the restore button receives input. */
.art-only .topbar,.art-only .character-hud,.art-only .selector,.art-only .selected-seal,.art-only .stage-top,.art-only .stage-bottom,.art-only .vertical-caption,.art-only .mobile-stage-tools,.art-only .footer,
.art-only .vs-nameplate,.art-only .vs-topline,.art-only .vs-core,.art-only .vs-controls>button:not(.gallery-toggle){visibility:hidden;pointer-events:none}
.art-only .art-region:before,.art-only .art-shade,.art-only .echo-art,.art-only .stage-atmosphere,.art-only .ghost-number,.art-only .energy-edge,.art-only .fx-overlay,.art-only #particles,
.art-only .vs-fighter-wash,.art-only .vs-fighter:before,.art-only .vs-fighter:after,.art-only .vs-stage:after,.art-only .vs-seam,.art-only .vs-pressure,.art-only .vs-thunder{display:none}
.shell.art-only{height:100dvh;min-height:0;padding:0;background:#03050b}
.shell.art-only .main{position:absolute;inset:0;display:block;min-height:0}
.shell.art-only .stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:#03050b}
.shell.art-only .art-region{inset:0;clip-path:none;mask-image:none}
.shell.art-only .art-image{object-fit:contain;object-position:center!important;transform:translate3d(var(--gallery-x,0),var(--gallery-y,0),0) scale(var(--gallery-scale,1))!important;transform-origin:center!important;transition:none!important;will-change:transform}
.shell.art-only .art-credit{bottom:calc(64px + env(safe-area-inset-bottom,0px));left:14px}
.vs-screen.art-only .vs-fighter-art img{object-fit:contain;object-position:center!important;transform:translate3d(var(--gallery-x,0),var(--gallery-y,0),0) scale(var(--gallery-scale,1))!important;transform-origin:center!important;transition:none!important;will-change:transform}
.vs-screen.art-only .vs-fighter{clip-path:none;background:#03050b;transition:none}
.vs-screen.art-only .vs-fighter-left{width:50%;left:0}.vs-screen.art-only .vs-fighter-right{width:50%;right:0}
.vs-screen.art-only.gallery-focus-left .vs-fighter-left,
.vs-screen.art-only.gallery-focus-right .vs-fighter-right{display:block!important;inset:0!important;width:100%!important;height:100%!important;clip-path:none!important}
.vs-screen.art-only.gallery-focus-left .vs-fighter-right,
.vs-screen.art-only.gallery-focus-right .vs-fighter-left{display:none!important}
.vs-screen.art-only .vs-controls{background:none;box-shadow:none;border-color:transparent;backdrop-filter:none;pointer-events:none}
.vs-screen.art-only .vs-controls .gallery-toggle{visibility:visible;pointer-events:auto}
.vs-screen.art-only .vs-stage>.battle-scene{display:none}
.vs-screen.art-only .vs-art-credit{bottom:12px}
.art-only{overscroll-behavior:none}
.shell.art-only .art-region,.vs-screen.art-only .vs-stage{touch-action:none;cursor:zoom-in;user-select:none;-webkit-user-select:none}
.art-zoomed .art-region,.vs-screen.art-zoomed .vs-stage{cursor:grab}
.art-zoom-controls{position:fixed;z-index:2147483000;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:3px;min-height:48px;padding:5px;border:1px solid #cce5ff55;background:#040a12e8;box-shadow:0 10px 35px #000c,0 0 22px rgba(var(--rgb,75,160,255),.2);backdrop-filter:blur(12px);transform:translateX(-50%);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.art-zoom-controls[hidden]{display:none!important}
.art-zoom-controls button{display:grid;place-items:center;height:38px;min-width:42px;margin:0;border:0;border-right:1px solid #b9d9f32b;background:#0b1723;color:#f5f9ff;font:700 18px/1 system-ui,sans-serif;touch-action:manipulation}
.art-zoom-controls button:hover,.art-zoom-controls button:focus-visible{background:#19334a;outline:1px solid #e6f4ff;outline-offset:-2px}
.art-zoom-controls button:disabled{opacity:.32}
.art-zoom-controls .art-zoom-value{min-width:66px;font-size:12px;letter-spacing:.08em}
.art-zoom-controls .art-zoom-close{border-right:0;color:#dff3ff;font-size:24px}
.art-zoom-hint{padding:0 10px;color:#a8bdd0;font:600 8px/1.2 system-ui,sans-serif;letter-spacing:.14em;white-space:nowrap}
.art-only #art-view-toggle{left:auto;right:max(10px,env(safe-area-inset-right,0px));top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;min-width:58px;min-height:38px;opacity:.72;z-index:2147483001}
.vs-gallery-chooser{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:24px;background:#01040bca;backdrop-filter:blur(12px)}
.vs-gallery-chooser[hidden]{display:none!important}
.vs-gallery-panel{width:min(680px,92vw);padding:24px;border:1px solid #c7ddf35c;border-top:2px solid #dbeeff;background:linear-gradient(145deg,#08121ff5,#02060cf5);box-shadow:0 24px 80px #000,0 0 34px #7fbaff20;text-align:center;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.vs-gallery-panel>p{margin:0;color:#8db4d9;font-size:9px;font-weight:800;letter-spacing:.3em}
.vs-gallery-panel>h2{margin:7px 0 20px;color:#f5f9ff;font-size:clamp(20px,3vw,34px);letter-spacing:.04em}
.vs-gallery-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vs-gallery-options button{min-width:0;min-height:132px;padding:17px 16px;border:1px solid #bcd8f85e;background:linear-gradient(140deg,#102237,#07101d);color:#f4f8ff;text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}
.vs-gallery-options button:first-child{border-left:3px solid var(--left-color)}
.vs-gallery-options button:last-child{border-right:3px solid var(--right-color)}
.vs-gallery-options button:hover,.vs-gallery-options button:focus-visible{transform:translateY(-3px);border-color:#e9f6ff;background:#142b45;box-shadow:0 10px 25px #0008,0 0 18px #9dcfff2e;outline:0}
.vs-gallery-options span{display:block;color:#90b4d6;font-size:9px;font-weight:800;letter-spacing:.22em}
.vs-gallery-options strong{display:block;margin-top:9px;overflow:hidden;color:#fff;font-size:clamp(20px,2.5vw,31px);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.vs-gallery-options small{display:block;margin-top:8px;overflow:hidden;color:#adc1d5;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.vs-gallery-cancel{min-height:42px;margin-top:16px;padding:8px 22px;border:1px solid #bcd8f83c;background:#07101d;color:#b8cbe0;font-size:11px;letter-spacing:.12em}
.vs-gallery-cancel:hover,.vs-gallery-cancel:focus-visible{border-color:#e6f3ff;color:#fff;outline:0}
@media(max-width:760px),(max-height:520px) and (pointer:coarse){
  .vs-settled .vs-core{left:44%;top:calc(100% - var(--vs-dock,64px) - env(safe-area-inset-bottom,0px) - 48px)}
  .vs-settled #vs-emblem{font-size:60px}
  .shell .art-region{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 98%,transparent)}
  .shell.confirmed .mobile-help{padding-right:87px;font-size:9px}
  .vs-screen .vs-controls{grid-template-columns:1fr 1.12fr 1fr 76px;gap:4px}
  .vs-screen .vs-controls .gallery-toggle{font-size:10px;padding:5px;min-width:0}
  .vs-screen .vs-nameplate{padding:5px 8px}
  .vs-settled .vs-given{font-size:clamp(26px,7vw,40px)}
  .vs-settled .vs-japanese{font-size:11px;letter-spacing:.4px}
  .vs-settled .vs-surname{display:none}
  .vs-art-credit{bottom:19%;left:4%}.vs-fighter-right .vs-art-credit{right:4%}
  .vs-screen.art-only .vs-art-credit{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  #art-view-toggle{top:calc(54px + env(safe-area-inset-top,0px));min-width:64px;min-height:38px;padding:6px 9px;font-size:10px}
  .art-only #art-view-toggle{top:calc(6px + env(safe-area-inset-top,0px))}
  .art-zoom-controls{bottom:calc(10px + env(safe-area-inset-bottom,0px));min-height:46px;max-width:calc(100vw - 20px)}
  .art-zoom-controls button{height:36px;min-width:40px}
  .art-zoom-hint{display:none}
  .vs-gallery-chooser{padding:16px}
  .vs-gallery-panel{width:min(430px,94vw);padding:18px 14px}
  .vs-gallery-panel>h2{margin-bottom:14px;font-size:21px}
  .vs-gallery-options{grid-template-columns:1fr;gap:9px}
  .vs-gallery-options button{min-height:94px;padding:13px 14px}
  .vs-gallery-options strong{font-size:21px}
}
@media(max-width:760px) and (orientation:portrait){
  .vs-settled .vs-core{left:max(48px,calc(env(safe-area-inset-left,0px) + 48px));top:52%}
  .vs-settled .vs-fighter-left .vs-nameplate{left:max(92px,calc(env(safe-area-inset-left,0px) + 92px));right:4%;max-width:calc(100% - 108px)}
  .vs-screen.art-only .vs-fighter{width:100%;height:calc((100% - 80px - env(safe-area-inset-bottom,0px))/2)}
  .vs-screen.art-only .vs-fighter-left{top:0;bottom:auto}
  .vs-screen.art-only .vs-fighter-right{top:calc((100% - 80px - env(safe-area-inset-bottom,0px))/2);bottom:auto}
  .vs-screen.art-only .vs-art-credit{bottom:8px}
}
@media(orientation:landscape) and (max-height:520px) and (pointer:coarse){
  .vs-screen .vs-controls{width:min(75vw,620px)}
  .vs-screen.art-only .vs-fighter{bottom:70px}
}
@media(prefers-reduced-motion:reduce){.vs-core,.vs-fighter-wash,.vs-fighter:before,.vs-fighter:after,.vs-stage:after{transition:none}}
