.mega-player{--ink:#eaf7ff;--gold:#ffd46d;box-sizing:border-box;width:min(96vw,1160px);max-width:none;height:min(96dvh,1060px);max-height:96dvh;padding:18px;border:1px solid #4b6984;border-radius:24px;background:#0c1c32;color:var(--ink);box-shadow:0 28px 100px #0008;overflow:auto;font-family:system-ui,"Microsoft JhengHei",sans-serif}.mega-player *{box-sizing:border-box}.mega-player[open]{display:flex;flex-direction:column;gap:10px}.mega-player::backdrop{background:#051322dc;backdrop-filter:blur(4px)}.mega-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex:none}.mega-kicker{font-size:.875rem;letter-spacing:.08em;color:#adcbdf}.mega-head h2{font-size:clamp(1.35rem,3vw,1.8rem);margin:3px 0;line-height:1.2}.mega-player button{font:inherit;font-size:.9375rem;font-weight:700;padding:10px 15px;min-height:46px;border:1px solid #7092aa;border-radius:12px;color:#eaf7ff;background:#223c57;cursor:pointer}.mega-player button:hover{background:#2e526e}.mega-player button:disabled{opacity:.45;cursor:default}.mega-player button:focus-visible,.mega-player input:focus-visible{outline:3px solid #ffe299;outline-offset:3px}.mega-player .mega-primary{background:#ffdc7a;border-color:#ffdc7a;color:#263247}.mega-caption{font-size:1.05rem;line-height:1.5;margin:0;min-height:3em;flex:none;color:#f4f7fb}.mega-caption strong{color:var(--gold)}.mega-stage{position:relative;flex:1;min-height:240px;border:1px solid #294a67;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 60% 36%,#285273 0,#142d4b 40%,#07182c 85%);display:flex;align-items:center;justify-content:center;isolation:isolate}.mega-stage>svg{width:100%;height:100%;display:block;max-height:100%;min-height:0}.mega-loading{position:absolute;inset:auto 14px 16px;margin:0;padding:12px;border-radius:10px;background:#102842ee;color:white;text-align:center;font-size:1rem}.mega-player [hidden]{display:none!important}.mega-phase-list{display:flex;gap:6px;overflow-x:auto;flex:none;scrollbar-width:thin;padding:3px}.mega-player .mega-phase-list button{font-size:.875rem;min-height:42px;white-space:nowrap;padding:8px 12px;color:#bdd3e5;background:#142a42;border-color:#365873}.mega-player .mega-phase-list button[aria-current=step]{color:#25364b;background:#ffe09a;border-color:#ffe09a}.mega-progress{display:flex;gap:12px;align-items:center;flex:none}.mega-progress label{font-size:.875rem;white-space:nowrap}.mega-progress input{accent-color:#ffdb81;min-width:0;flex:1;height:24px}.mega-progress output{font-size:.875rem;font-variant-numeric:tabular-nums;min-width:5.5em;text-align:right;color:#bfd6e8}.mega-controls{display:flex;flex-wrap:wrap;gap:8px;flex:none}.mega-controls button{flex:1}.mega-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:.875rem;flex:none;color:#c4d7e7}.mega-bottom label{display:flex;align-items:center;gap:7px;min-height:32px;cursor:pointer}.mega-bottom input{width:18px;height:18px;accent-color:#fbd67b}.mega-state{color:#ffe09a}.mega-note,.mega-voice{font-size:.875rem;line-height:1.5;color:#b1c9dc;margin:0;flex:none}.mega-voice:empty{display:none}.mega-player.is-expanded,.mega-player:fullscreen{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.mega-stage text{font-family:system-ui,"Microsoft JhengHei",sans-serif}.mega-source-label{font-size:23px;fill:#d7ebfa;font-weight:700}.mega-source-part{font-size:18px;fill:#9dbcd3}.mega-stage-title{font-size:42px;font-weight:900;letter-spacing:5px;fill:#fff0c0}.mega-stage-subtitle{font-size:22px;fill:#bfd4e8}.mega-stage .dock-symbol{fill:none;stroke-width:3;stroke-linecap:round}.mega-frame-note{fill:#7ea6c5;font-size:17px;letter-spacing:3px}.mega-scale-tag{fill:#b7d5e9;font-size:17px}.mega-final-shadow{fill:#051320;opacity:.6}
@media(max-width:600px){.mega-player{width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom));border-radius:0;gap:8px}.mega-kicker{font-size:.8125rem}.mega-head h2{font-size:1.3rem}.mega-head button{padding:9px 13px}.mega-caption{font-size:1rem;min-height:4.5em}.mega-stage{min-height:245px}.mega-controls{gap:6px}.mega-controls button{font-size:.875rem;padding:9px 6px;flex:1 1 28%;min-height:44px}.mega-player .mega-phase-list button{font-size:.875rem;padding:7px 10px}.mega-note{font-size:.8125rem}.mega-progress label{font-size:.8125rem}}
@media(max-height:550px) and (orientation:landscape){.mega-player[open]{display:grid;width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:10px;grid-template-columns:minmax(210px,30%) 1fr;grid-template-rows:auto auto minmax(140px,1fr) auto auto;gap:8px}.mega-head{grid-column:1;grid-row:1}.mega-head h2{font-size:1.05rem}.mega-kicker{font-size:.75rem}.mega-head button{min-height:40px;padding:7px 10px}.mega-caption{grid-column:1;grid-row:2;font-size:.9rem;min-height:0}.mega-stage{grid-column:2;grid-row:1/5;min-height:0}.mega-controls{grid-column:1;grid-row:3;align-content:start}.mega-controls button{flex:1 1 40%;font-size:.8125rem;min-height:38px;padding:7px 5px}.mega-bottom{grid-column:1;grid-row:4;font-size:.8125rem}.mega-phase-list{grid-column:1/3;grid-row:5}.mega-progress{grid-column:2;grid-row:5;display:none}.mega-note,.mega-voice{display:none}}
@media(prefers-reduced-motion:reduce){.mega-player *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The house keeps the original landscape and its fixed artwork proportions. */
.team-unlock-art{display:block;width:100%;height:auto;aspect-ratio:var(--house-aspect)}
.team-preview-name{font:700 24px system-ui,sans-serif;fill:#fff;paint-order:stroke;stroke:#163448;stroke-width:5px}
.pet-art.is-fusion{height:auto;min-height:0;padding:0;aspect-ratio:auto}
.mega-player.mega-inline{display:flex;flex-direction:column;position:relative;inset:auto;width:100%;height:auto;max-height:none;margin:0;padding:0;gap:0;border:0;border-radius:20px;box-shadow:none;background:transparent;overflow:hidden}
.mega-inline .mega-stage{display:block;flex:none;min-height:0;border:0;border-radius:0;background:transparent}
.mega-inline .mega-stage>svg{display:block;width:100%;height:auto;aspect-ratio:var(--house-aspect);max-height:none}
.mega-inline .mega-head,.mega-inline .mega-caption,.mega-inline .mega-phase-list,.mega-inline .mega-progress,.mega-inline .mega-bottom,.mega-inline .mega-note,.mega-inline .mega-voice{display:none}
.mega-inline .mega-controls{display:flex;margin:8px;gap:6px}
.mega-inline .mega-controls button{flex:1;min-height:44px}
.mega-inline [data-mega=replay],.mega-inline [data-mega=fullscreen],.mega-inline [data-mega=listen]{display:none}
.mega-inline .mega-frame-note,.mega-inline .mega-finale,.mega-inline .mega-source-part{display:none}
.mega-inline .mega-source-label{fill:#fff;paint-order:stroke;stroke:#163448;stroke-width:5px}

.mega-inline .mega-source-label{display:none}
.mega-inline .mega-final-shadow{display:none}