.xInWOG_queue{flex:1;grid-template-columns:minmax(180px,250px) minmax(300px,1fr) minmax(180px,250px);justify-content:center;align-items:center;gap:clamp(28px,6vw,100px);width:100%;max-width:1180px;margin:auto;display:grid}.xInWOG_queueFighter{font:400 .8rem var(--font-mono);letter-spacing:.12em;flex-direction:column;align-items:center;gap:10px;display:flex}.xInWOG_queueSide{color:var(--color-cyan);letter-spacing:.28em;font-size:.62rem}.xInWOG_queueFighter>small{color:var(--color-text-dim);font-size:.875rem}.xInWOG_queuePortrait{aspect-ratio:63/88;border-radius:var(--radius-card);border:1px solid var(--color-gold);background:#03090be6;place-items:center;width:100%;display:grid;overflow:hidden;box-shadow:0 22px 60px #000}.xInWOG_queuePortrait img{object-fit:contain;width:100%;height:100%}.xInWOG_queueUnknown{color:#e0525294;background:linear-gradient(135deg,#300c0fcc,#03090bf5);border-color:#e052528c;font-size:4rem}.xInWOG_queueScanner{text-align:center;font:400 .8rem var(--font-mono);letter-spacing:.17em;color:var(--color-cyan);flex-direction:column;align-items:center;gap:17px;display:flex}.xInWOG_queueScanner>span{color:var(--color-muted);font-size:.58rem}.xInWOG_queueScanner .xInWOG_btn{margin-top:12px}.xInWOG_spinner{border:2px solid #53e6c92e;border-top-color:var(--color-cyan);border-bottom-color:var(--color-gold);border-radius:50%;width:88px;height:88px;animation:1.1s linear infinite xInWOG_spin;box-shadow:0 0 38px #53e6c933,inset 0 0 28px #53e6c91f}.xInWOG_stage{flex:1;grid-template-rows:minmax(360px,1fr) auto clamp(280px,29vh,360px) 34px;gap:clamp(12px,1.4vh,20px);width:100%;max-width:1280px;min-height:0;margin:auto;display:grid;position:relative}.xInWOG_suddenDeathBadge{z-index:15;background:color-mix(in srgb, var(--color-red) 24%, #03090beb);border:1px solid var(--color-red);font:700 .8rem var(--font-mono);letter-spacing:.06em;color:var(--color-red);white-space:nowrap;border-radius:999px;padding:4px 14px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.xInWOG_hpRow{grid-template-columns:minmax(280px,1fr) 90px minmax(280px,1fr);justify-content:space-between;align-items:center;gap:clamp(12px,3vw,40px);padding:4px clamp(12px,4vw,60px);display:grid}.xInWOG_hpCol{flex-direction:row;align-items:stretch;gap:clamp(10px,1.5vw,18px);min-width:0;display:flex}.xInWOG_hpColReverse{flex-direction:row-reverse}.xInWOG_hpInfo{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.xInWOG_portrait{aspect-ratio:63/88;border-radius:var(--radius-card);background:#03090be0;border:1px solid #53e6c9b8;flex:none;width:auto;height:clamp(240px,42vh,420px);position:relative;overflow:hidden;box-shadow:0 18px 45px #000,0 0 24px #53e6c91f}.xInWOG_portraitOpponent{border-color:#e05252bf;box-shadow:0 18px 45px #000,0 0 24px #e0525221}.xInWOG_portrait img{object-fit:contain;width:100%;height:100%}.xInWOG_portraitImgBtn{cursor:pointer;width:100%;height:100%;display:block}.xInWOG_portraitLabel{font:700 .875rem var(--font-mono);color:var(--color-cyan);background:#030c0ee6;padding:4px 6px;position:absolute;top:0;left:0}.xInWOG_portraitOpponent .xInWOG_portraitLabel{color:var(--color-red);left:auto;right:0}.xInWOG_hpBarWrap{flex-direction:column;gap:6px;display:flex}.xInWOG_hpBarWrap.xInWOG_reverse{text-align:right}.xInWOG_hpBarHeader{font:700 1.15rem var(--font-mono);justify-content:space-between;align-items:flex-end;display:flex}.xInWOG_hpBarHeader>span:first-child{flex-direction:column;gap:2px;display:flex}.xInWOG_hpBarHeader strong{font:900 1.2rem var(--font-jp);color:var(--color-text)}.xInWOG_hpBarHeader small{font:600 .875rem var(--font-jp);color:var(--color-text-dim)}.xInWOG_hpBarTrack{border:1px solid var(--color-border);background:#071114;height:20px;overflow:hidden}.xInWOG_hpBarFill{height:100%;transition:width .35s}.xInWOG_vs{text-align:center;font:900 clamp(2.4rem, 4vw, 4.5rem) var(--font-mono);color:var(--color-gold-light);text-shadow:0 0 26px #c99b3f80;align-self:center}.xInWOG_roundRow{font:400 .72rem var(--font-mono);letter-spacing:.12em;color:var(--color-gold-light);justify-content:center;align-items:center;gap:12px;display:flex}.xInWOG_panelWrap{position:relative}.xInWOG_roundHud{z-index:6;background:#030c0ed9;border:1px solid #53e6c966;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;display:flex;position:absolute;top:14px;left:20px}.xInWOG_roundHudLabel{font:700 .75rem var(--font-mono);letter-spacing:.08em;color:var(--color-cyan)}.xInWOG_roundHudDots{gap:4px;display:flex}.xInWOG_roundHudDot{border:1px solid var(--color-border);background:#171917;border-radius:50%;width:8px;height:8px}.xInWOG_roundHudDotDone{background:var(--color-gold-light);box-shadow:0 0 8px var(--color-gold)}.xInWOG_roundHudWarn{border-color:var(--color-gold);animation:.7s ease-in-out infinite xInWOG_roundHudPulse}@keyframes xInWOG_roundHudPulse{0%,to{box-shadow:0 0 6px #c99b3f66}50%{box-shadow:0 0 18px #c99b3fe6}}.xInWOG_hint{text-align:center;font:400 .67rem var(--font-mono);letter-spacing:.12em;color:var(--color-muted)}@keyframes xInWOG_spin{to{transform:rotate(360deg)}}.xInWOG_skillPanel{grid-template-columns:34px 1fr;gap:10px;width:100%;margin-top:2px;display:grid}.xInWOG_skillIcon{background:#0a1212;border:1px solid #c99b3f59;place-items:center;font-size:1.1rem;display:grid}.xInWOG_skillIconFlash{animation:.55s xInWOG_skillflash}.xInWOG_skillInfo{min-width:0}.xInWOG_skillName{color:var(--color-gold-light);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;display:block;overflow:hidden}.xInWOG_skillGaugeTrack{background:#171917;height:5px;margin-top:5px;overflow:hidden}.xInWOG_skillGaugeFill{background:var(--color-blue);height:100%}.xInWOG_skillGaugeReady{background:var(--color-gold-light);box-shadow:0 0 12px var(--color-gold)}.xInWOG_skillGaugeLabel{font:600 .75rem var(--font-mono);color:var(--color-muted)}.xInWOG_skillPanelReverse{text-align:right;direction:rtl}@keyframes xInWOG_skillflash{50%{box-shadow:0 0 28px var(--color-gold);transform:scale(1.12)}}.xInWOG_stunOverlay{z-index:6;border:1px solid var(--color-cyan);font:400 .85rem var(--font-mono);letter-spacing:.1em;color:var(--color-cyan);background:#020708d1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.xInWOG_roundSyncOverlay{z-index:7;background:#03090beb;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.9s ease-in-out forwards xInWOG_roundSyncFade;display:flex;position:absolute;inset:0}.xInWOG_roundSyncLabel{font:400 .875rem var(--font-mono);letter-spacing:.4em;color:var(--color-muted)}.xInWOG_roundSyncCount{font:900 clamp(1.8rem, 4vw, 3rem) var(--font-mono);color:var(--color-cyan);text-shadow:0 0 24px #53e6c999}@keyframes xInWOG_roundSyncFade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.xInWOG_skillBanner{z-index:20;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--banner-color) 20%, #03090beb) 18% 82%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:min(440px,44%);min-height:112px;animation:1.3s ease-out forwards xInWOG_skillBannerFade;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.xInWOG_skillBannerIcon{filter:drop-shadow(0 0 18px var(--banner-color));font-size:3rem;animation:.5s cubic-bezier(.34,1.56,.64,1) xInWOG_skillBannerPop}.xInWOG_skillBannerText{font-family:var(--font-jp);color:var(--banner-color);text-shadow:0 0 24px var(--banner-color), 0 4px 12px #000c;letter-spacing:.06em;font-size:clamp(1.25rem,2.3vw,2rem);font-weight:900}.xInWOG_skillBannerEffect{font:400 .76rem var(--font-mono);color:var(--color-text);letter-spacing:.12em}.xInWOG_skillBannerSub{font-family:var(--font-mono);letter-spacing:.4em;color:var(--color-text-dim);font-size:.58rem}@keyframes xInWOG_skillBannerFade{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes xInWOG_skillBannerPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.xInWOG_versusReveal{flex:1;grid-template-columns:minmax(180px,250px) minmax(180px,1fr) minmax(180px,250px);align-items:center;gap:clamp(30px,7vw,120px);width:100%;max-width:1180px;margin:auto;animation:.35s ease-out xInWOG_revealIn;display:grid}.xInWOG_revealFighter{flex-direction:column;align-items:center;gap:7px;display:flex}.xInWOG_revealFighter>span{font:400 .62rem var(--font-mono);letter-spacing:.28em;color:var(--color-cyan)}.xInWOG_revealFighter>strong{letter-spacing:.08em;font-size:1.15rem}.xInWOG_revealFighter>small{color:var(--color-text-dim);font-size:.68rem}.xInWOG_revealOpponent>span{color:var(--color-red)}.xInWOG_revealRating{font:400 .875rem var(--font-mono);letter-spacing:.12em;color:var(--color-muted);align-items:center;gap:8px;display:flex}.xInWOG_revealGapTag{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-dim);border-radius:4px;padding:.1rem .5rem;font-weight:700}.xInWOG_revealGapTagHigh{background:var(--color-gold);border-color:var(--color-gold);color:#1a1200}.xInWOG_revealPortrait{aspect-ratio:63/88;border-radius:var(--radius-card);border:1px solid var(--color-gold);background:#03090b;width:100%;overflow:hidden;box-shadow:0 25px 70px #000}.xInWOG_revealOpponent .xInWOG_revealPortrait{border-color:var(--color-red)}.xInWOG_revealPortrait img{object-fit:contain;width:100%;height:100%}.xInWOG_revealCenter{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.xInWOG_revealCenter>span,.xInWOG_revealCenter>small{font:400 .64rem var(--font-mono);letter-spacing:.35em;color:var(--color-cyan)}.xInWOG_revealCenter>strong{font:900 clamp(3.5rem, 7vw, 7rem) var(--font-mono);color:var(--color-gold-light);text-shadow:0 0 38px #c99b3f9e}.xInWOG_progressBoard{background:#030c0ed1;border-block:1px solid #53e6c933;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;width:min(960px,100%);margin:auto;padding:8px 18px;display:grid}.xInWOG_progressDivider{font:400 .55rem var(--font-mono);letter-spacing:.25em;color:var(--color-muted)}.xInWOG_roundProgress{font:400 .66rem var(--font-mono);color:var(--color-cyan);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.xInWOG_roundProgressReverse{color:#e98989}.xInWOG_roundProgressReverse .xInWOG_roundTrack{order:2}.xInWOG_roundProgressReverse strong{order:1}.xInWOG_roundTrack{gap:6px;display:flex}.xInWOG_roundDot{border:1px solid var(--color-border);background:#171917;border-radius:0;width:10px;height:6px}.xInWOG_roundDotDone{background:currentColor;box-shadow:0 0 8px}@keyframes xInWOG_revealIn{0%{opacity:0;transform:scale(.96)}}@media (max-width:800px){.xInWOG_queue,.xInWOG_versusReveal{grid-template-columns:1fr 1fr;gap:18px}.xInWOG_queueScanner,.xInWOG_revealCenter{grid-area:2/1/auto/-1}.xInWOG_stage{grid-template-rows:auto auto 300px auto}.xInWOG_hpRow{grid-template-columns:1fr 42px 1fr;gap:10px;padding:0}.xInWOG_hpCol,.xInWOG_hpColReverse{flex-direction:column}.xInWOG_portrait{width:100%;height:auto}.xInWOG_vs{font-size:1.5rem}.xInWOG_skillPanel{display:none}.xInWOG_progressBoard{grid-template-columns:1fr 1fr}.xInWOG_progressDivider{display:none}.xInWOG_roundProgress{grid-template-columns:1fr auto}.xInWOG_roundProgress>span{grid-column:1/-1}.xInWOG_skillBannerIcon{display:none}}.xInWOG_queueFighter,.xInWOG_queueScanner,.xInWOG_hpBarHeader,.xInWOG_roundRow,.xInWOG_hint,.xInWOG_skillName,.xInWOG_stunOverlay,.xInWOG_skillBannerEffect,.xInWOG_revealFighter>strong,.xInWOG_revealFighter>small{font-size:1rem}.xInWOG_queueSide,.xInWOG_queueScanner>span,.xInWOG_skillGaugeLabel,.xInWOG_skillBannerSub,.xInWOG_revealFighter>span,.xInWOG_revealCenter>span,.xInWOG_revealCenter>small,.xInWOG_progressDivider,.xInWOG_roundProgress{font-size:.875rem}.xInWOG_hpBarHeader{align-items:center;gap:12px;font-size:1.25rem}.xInWOG_hpBarHeader>span:last-child{white-space:nowrap}
