:root{--bg:#080b10;--surface:#111722;--surface-2:#171c26;--steel:#303847;--steel-soft:#7d8c9f38;--red:#e5484d;--red-dark:#981d27;--brass:#f4c95d;--teal:#56d6c9;--porcelain:#f3efe6;--muted:#9aa4b2;--display:"Bahnschrift Condensed", "Arial Narrow", "Segoe UI", sans-serif;color:var(--porcelain);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-2;content:"";background:radial-gradient(circle at 16% 7%,#e5484d1a,#0000 24%),radial-gradient(circle at 82% 76%,#56d6c912,#0000 28%),linear-gradient(135deg,#0b1017,#06080c 72%);position:fixed;inset:0}body:after{z-index:-1;content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh}.app-header{z-index:20;border-bottom:1px solid var(--steel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b10f0;grid-template-columns:minmax(270px,1fr) auto minmax(210px,1fr);align-items:center;gap:28px;height:76px;padding:0 24px;display:grid;position:relative;box-shadow:0 8px 30px #0000004d}.app-header:after{content:"";background:linear-gradient(90deg, transparent, var(--red));width:33%;height:1px;position:absolute;bottom:-1px;right:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{clip-path:polygon(50% 0,100% 18%,86% 78%,50% 100%,14% 78%,0 18%);background:linear-gradient(145deg, var(--brass), #8c641f);flex:none;width:42px;height:48px;display:block;position:relative}.brand-mark:before{content:"";clip-path:inherit;background:#0a0d13;position:absolute;inset:3px}.brand-mark i{clip-path:polygon(0 0,50% 28%,100% 0,100% 100%,70% 100%,70% 45%,50% 56%,30% 45%,30% 100%,0 100%);background:var(--red);position:absolute;inset:13px 10px 10px}.brand-mark.is-large{width:66px;height:74px}.brand-copy{flex-direction:column;display:flex}.brand-copy strong{font-family:var(--display);letter-spacing:1.8px;font-size:28px;font-stretch:75%;line-height:1}.brand-copy small,.header-meta small{color:var(--muted);letter-spacing:1.4px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.match-progress{align-items:center;min-width:430px;display:flex}.progress-step{align-items:center;gap:9px;min-width:145px;display:flex}.progress-step>span{border:1px solid var(--steel);width:27px;height:27px;color:var(--muted);font-family:var(--display);flex:none;place-items:center;font-weight:800;transition:all .24s;display:grid}.progress-step.is-current>span{border-color:var(--brass);color:var(--brass);box-shadow:0 0 18px #f4c95d29}.progress-step.is-complete>span{color:#061411;border-color:var(--teal);background:var(--teal)}.progress-step p{flex-direction:column;gap:2px;min-width:0;margin:0;display:flex}.progress-step b{font-family:var(--display);letter-spacing:.8px;text-transform:uppercase;font-size:14px}.progress-step small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.progress-line{background:var(--steel);width:86px;height:1px;margin:0 14px;transition:background .3s}.progress-line.is-complete{background:linear-gradient(90deg, var(--teal), var(--brass))}.header-meta{justify-self:end;align-items:center;gap:7px;display:flex}.header-meta b{color:var(--teal);font-family:var(--display);font-size:21px}.online-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 12px var(--teal);border-radius:50%;animation:2.2s ease-in-out infinite pulse-online}.arena{grid-template-columns:minmax(0,1.72fr) minmax(410px,.72fr);gap:16px;height:calc(100vh - 76px);padding:16px;display:grid;overflow:hidden}.fighter-column{grid-template-rows:minmax(0,1fr) 292px;gap:16px;min-width:0;min-height:0;display:grid}.selected-fighter,.roster-panel,.opponent-panel{border:1px solid var(--steel);background:linear-gradient(145deg,#141b26fa,#080c12fa);position:relative;box-shadow:0 18px 44px #00000052}.selected-fighter:before,.roster-panel:before,.opponent-panel:before{z-index:6;content:"";background:var(--brass);width:94px;height:2px;position:absolute;top:-1px;left:-1px}.selected-fighter{grid-template-columns:minmax(350px,.92fr) minmax(430px,1.08fr);min-height:0;display:grid;overflow:hidden}.selected-fighter.fighter-flip{perspective:1500px;cursor:pointer;outline:0;display:block}.selected-fighter.fighter-flip:focus-visible{box-shadow:0 0 0 2px var(--teal), 0 18px 44px #00000052}.fighter-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.78,.2,1);position:relative}.fighter-flip.is-flipped .fighter-flip-inner{transform:rotateY(180deg)}.fighter-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.fighter-front{grid-template-columns:minmax(350px,.92fr) minmax(430px,1.08fr);display:grid}.fighter-back{background:linear-gradient(90deg,#56d6c90d 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#56d6c90a 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 84% 16%,#f4c95d1a,#0000 30%),linear-gradient(145deg,#111923,#070b11 70%);transform:rotateY(180deg)}.flip-hint{z-index:12;color:var(--brass);font-family:var(--display);letter-spacing:1px;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080ce0;border:1px solid #f4c95d6b;align-items:center;gap:7px;padding:7px 9px;font-size:8px;font-weight:800;transition:border-color .18s,background .18s;display:flex;position:absolute;bottom:12px;right:14px}.fighter-flip:hover .flip-hint{border-color:var(--brass);background:#191208f0}.flip-icon{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.6px;width:15px;height:15px}.fighter-back:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(122deg,#0000 0 58%,#e5484d12 58% 58.7%,#0000 58.7%),linear-gradient(90deg,#070b112e,#070b11c2);position:absolute;inset:0}.dossier-watermark{z-index:0;color:#ffffff06;font-family:var(--display);letter-spacing:-16px;pointer-events:none;font-size:clamp(220px,24vw,380px);font-weight:900;line-height:1;position:absolute;top:-64px;right:28px}.back-dossier{z-index:1;min-width:0;height:100%;padding:clamp(24px,2.8vw,44px);position:relative;overflow:auto}.dossier-masthead{border-bottom:1px solid var(--steel);justify-content:space-between;align-items:center;gap:20px;padding-bottom:15px;display:flex}.dossier-code{color:var(--muted);font-family:var(--display);letter-spacing:1.3px;font-size:9px;font-weight:800}.dossier-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(28px,4vw,64px);min-height:calc(100% - 38px);padding-top:clamp(28px,3.2vw,48px);display:grid}.dossier-story{flex-direction:column;min-width:0;display:flex}.story-label{color:var(--brass);font-family:var(--display);letter-spacing:2px;font-size:12px;font-weight:800}.backstory{color:#e5e8ed;max-width:800px;margin:12px 0 0;font-size:clamp(17px,1.45vw,23px);line-height:1.5}.dossier-facts{background:var(--steel);grid-template-columns:.65fr .65fr 1fr 1.7fr;gap:1px;margin-top:auto;padding-top:24px;display:grid}.dossier-facts>div{background:#080c12f7;min-width:0;padding:13px 14px}.dossier-facts small{color:var(--muted);font-family:var(--display);letter-spacing:1px;margin-bottom:5px;font-size:7px;display:block}.dossier-facts b{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.primary-stats{border-left:1px solid var(--steel);align-self:stretch;padding:0 0 52px clamp(22px,2.4vw,38px)}.competency-heading{border-bottom:1px solid var(--steel);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.competency-heading span{color:var(--brass);font-family:var(--display);letter-spacing:1.4px;font-size:10px;font-weight:800}.competency-heading small{color:#687383;letter-spacing:.8px;font-size:7px}.primary-stat-list{gap:22px;margin-top:22px;display:grid}.competency-bar{grid-template-columns:1fr auto;gap:4px 10px;display:grid}.competency-bar>span{color:var(--muted);font-family:var(--display);letter-spacing:.8px;font-size:9px;font-weight:800}.competency-bar>b{color:var(--brass);font-family:var(--display);font-size:14px}.competency-bar>i{background:#27303c;grid-column:1/-1;height:6px;overflow:hidden}.competency-bar>i em{transform-origin:0;background:linear-gradient(90deg, var(--red), var(--brass));height:100%;animation:.65s both stat-grow;display:block}.stat-note{color:#667180;margin:24px 0 0;font-size:8px;line-height:1.45}.stage-portrait{background:radial-gradient(circle at 50% 42%,#56d6c929,#0000 34%),linear-gradient(145deg,#131c28,#080c12);min-height:0;animation:.46s cubic-bezier(.2,.8,.2,1) portrait-in;position:relative;overflow:hidden}.stage-portrait:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#0000 70%,#070a0ff0 100%),linear-gradient(#0000 60%,#030508eb);position:absolute;inset:0}.stage-light{background:radial-gradient(#f4c95d38,#0000 68%);border:1px solid #f4c95d52;border-radius:50%;width:78%;height:100px;position:absolute;bottom:-42px;left:50%;transform:translate(-50%)}.stage-number{color:#ffffff0b;font-family:var(--display);font-size:clamp(210px,19vw,330px);font-weight:900;line-height:1;position:absolute;top:-38px;right:-14px}.stage-portrait>img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 22px #00000080);width:88%;height:96%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.candidate-tag{z-index:3;border-left:3px solid var(--red);background:linear-gradient(90deg,#05070bf5,#05070bad);min-width:250px;padding:10px 16px 12px;position:absolute;bottom:20px;left:22px}.candidate-tag span,.section-kicker,.challenge-needs>span{color:var(--brass);font-family:var(--display);letter-spacing:1.6px;font-size:10px;font-weight:800}.candidate-tag strong{font-family:var(--display);letter-spacing:1.6px;margin-top:3px;font-size:31px;line-height:1;display:block}.candidate-tag small{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;font-size:9px;font-weight:700}.fighter-profile{z-index:4;border-left:1px solid var(--steel-soft);min-width:0;padding:clamp(20px,1.8vw,32px);animation:.42s both profile-in;position:relative;overflow:hidden auto}.profile-heading{border-bottom:1px solid var(--steel);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:17px;display:flex}.profile-heading>div:first-child{min-width:0}.profile-heading h1{color:var(--porcelain);font-family:var(--display);letter-spacing:2px;text-transform:uppercase;margin:5px 0 4px;font-size:clamp(42px,3.8vw,68px);line-height:.92}.profile-heading p{max-width:470px;color:var(--muted);margin:0;font-size:12px;line-height:1.45}.fit-score{text-align:center;background:#f4c95d0f;border:1px solid #f4c95d80;min-width:78px;padding:9px 11px}.fit-score small{color:var(--brass);font-family:var(--display);letter-spacing:1px;font-size:9px;font-weight:800;display:block}.fit-score strong{color:var(--brass);font-family:var(--display);margin-top:2px;font-size:36px;line-height:1;display:inline-block}.fit-score span{color:var(--muted);font-family:var(--display);font-size:9px}.stat-row{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px;display:grid}.stat{min-width:0;position:relative}.stat>span{color:var(--muted);font-family:var(--display);letter-spacing:1px;font-size:10px;font-weight:800}.stat>b{float:right;color:var(--brass);font-family:var(--display);font-size:20px}.stat>div{clear:both;background:#272f3c;height:6px;margin:6px 0;overflow:hidden}.stat>div i{transform-origin:0;background:linear-gradient(90deg, var(--red), var(--brass));height:100%;animation:.65s cubic-bezier(.2,.8,.2,1) both stat-grow;display:block}.stat>small{color:#758092;font-size:8px;line-height:1.3;display:block}.identity-grid{border:1px solid var(--steel);background:var(--steel);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:17px;display:grid}.identity-grid>div{background:#0b0f16f5;min-width:0;padding:10px 12px}.identity-grid small{color:var(--muted);font-family:var(--display);letter-spacing:1px;margin-bottom:4px;font-size:8px;font-weight:800;display:block}.identity-grid b{font-family:var(--display);letter-spacing:.4px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.pros-cons{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.pros-cons>div{border-left:2px solid var(--teal);padding-left:12px}.pros-cons .growth{border-left-color:var(--brass)}.pros-cons span{color:var(--teal);font-family:var(--display);letter-spacing:1.1px;font-size:9px;font-weight:800}.pros-cons .growth span{color:var(--brass)}.pros-cons p{color:#c3c9d2;margin:4px 0 0;font-size:10px;line-height:1.4}.data-note{color:#6f7988;margin:14px 0 0;font-size:8px}.selected-fighter.is-empty{grid-template-columns:minmax(350px,.92fr) minmax(430px,1.08fr)}.empty-stage{background:repeating-linear-gradient(135deg,#0000 0 14px,#ffffff04 14px 28px),radial-gradient(circle,#f4c95d14,#0000 40%),#0a0e15;place-items:center;display:grid;position:relative;overflow:hidden}.empty-stage:after{content:"";background:linear-gradient(90deg,#0000 72%,#080b10eb);position:absolute;inset:0}.empty-ring{border:1px solid #f4c95d40;border-radius:50%;width:260px;height:74px;box-shadow:0 0 70px #e5484d1f}.empty-number{color:#ffffff14;font-family:var(--display);font-size:260px;font-weight:900;position:absolute}.empty-copy{align-self:center;padding:clamp(28px,4vw,60px)}.empty-copy h1{max-width:540px;font-family:var(--display);letter-spacing:1.8px;margin:10px 0 14px;font-size:clamp(46px,4.4vw,76px);line-height:.9}.empty-copy>p{max-width:500px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.locked-notice{border:1px solid var(--steel);color:#7f8996;width:fit-content;font-family:var(--display);letter-spacing:1px;background:#090c12;align-items:center;gap:10px;margin-top:26px;padding:11px 14px;font-size:10px;display:flex}.locked-notice.is-ready{color:var(--teal);background:#56d6c90d;border-color:#56d6c966}.locked-notice.is-ready .arrow-icon{width:16px;height:16px;transform:rotate(90deg)}.mini-lock{border:1px solid;width:12px;height:10px;display:inline-block;position:relative}.mini-lock:before{content:"";border:1px solid;border-bottom:0;border-radius:6px 6px 0 0;width:6px;height:6px;position:absolute;bottom:8px;left:2px}.roster-panel{min-width:0;padding:15px 18px 17px}.roster-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px;display:flex}.roster-toolbar h2{font-family:var(--display);letter-spacing:1.2px;margin:3px 0 0;font-size:23px}.nationality-tabs{gap:8px;margin-top:8px;display:flex}.nationality{border:1px solid var(--steel);min-width:158px;height:36px;color:var(--porcelain);background:#0b1017;align-items:center;gap:8px;padding:0 10px;transition:border-color .18s,transform .18s,background .18s;display:flex}.nationality:hover:not(:disabled){border-color:#596579;transform:translateY(-2px)}.nationality.is-active{border-color:var(--brass);box-shadow:inset 0 -2px var(--brass);background:#f4c95d14}.nationality b{font-family:var(--display);letter-spacing:.9px;font-size:12px}.nationality small{color:var(--muted);font-family:var(--display);margin-left:auto;font-size:10px}.flag{border:1px solid #ffffff47;flex:none;width:26px;height:17px;display:inline-block;position:relative;overflow:hidden}.flag-id{background:linear-gradient(#d9272e 0 50%,#fff 50% 100%)}.flag-ph{background:linear-gradient(#174aa3 0 50%,#ce2a37 50% 100%)}.flag-ph:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#fff;width:48%;position:absolute;inset:-1px auto -1px -1px}.flag-ph i{z-index:1;background:var(--brass);border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:3px}.page-controls{align-items:center;gap:9px;display:flex}.page-controls button{border:1px solid var(--steel);width:34px;height:34px;color:var(--brass);background:#0b1017;place-items:center;transition:all .18s;display:grid}.page-controls button:hover:not(:disabled){border-color:var(--brass);transform:translateY(-2px)}.page-controls button:disabled{opacity:.35}.page-controls span{color:var(--muted);font-family:var(--display);letter-spacing:1px;font-size:9px}.page-controls b{color:var(--porcelain)}.arrow-icon{fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.8px;width:21px;height:21px;transition:transform .18s}button:hover:not(:disabled) .arrow-icon{transform:translate(3px)}.arrow-icon.is-left{transform:rotate(180deg)}button:hover:not(:disabled) .arrow-icon.is-left{transform:rotate(180deg)translate(3px)}.roster-grid{grid-template-rows:repeat(2,88px);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.roster-card{border:1px solid var(--steel);min-width:0;color:var(--porcelain);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:#090c11;padding:0;transition:transform .18s,filter .18s,border-color .18s;position:relative;overflow:hidden}.roster-card:after{content:"";background:linear-gradient(#03040614,#030406fa);height:32px;position:absolute;inset:auto 0 0}.roster-card:hover:not(:disabled){z-index:2;filter:brightness(1.1);border-color:#687487;transform:translateY(-4px)scale(1.015)}.roster-card:active:not(:disabled){transform:translateY(-1px)scale(.98)}.roster-card.is-selected{border-color:var(--brass);box-shadow:inset 0 0 0 2px var(--red), 0 0 20px #e5484d59}.roster-card img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.roster-card>span:not(.locked-silhouette){z-index:3;color:var(--brass);font-family:var(--display);font-size:9px;font-weight:800;position:absolute;top:5px;left:6px}.roster-card>b{z-index:4;font-family:var(--display);letter-spacing:.8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,.75vw,12px);position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.roster-card.is-locked{background:repeating-linear-gradient(135deg,#07090d 0 8px,#0c0f14 8px 16px)}.locked-silhouette{background:#010101;border-radius:50%;width:38px;height:38px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 28px 0 18px #010101}.roster-card.is-locked>b{color:#626a75;font-size:8px}.roster-panel.is-disabled .roster-grid,.roster-panel.is-disabled .nationality-tabs,.roster-panel.is-disabled .page-controls{opacity:.32;filter:saturate(.45)}.roster-lock{z-index:8;color:var(--muted);font-family:var(--display);letter-spacing:1.2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060a6b;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;inset:88px 18px 17px}.opponent-panel{flex-direction:column;min-height:0;padding:22px;display:flex;overflow:hidden}.opponent-heading h2{font-family:var(--display);letter-spacing:1.5px;margin:5px 0 4px;font-size:clamp(34px,3vw,50px);line-height:.95}.opponent-heading p{color:var(--muted);margin:0;font-size:11px}.challenge-switcher{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;display:grid}.challenge-option{border:1px solid var(--steel);min-width:0;color:var(--porcelain);text-align:left;background:#0a0f16;align-items:center;gap:9px;padding:10px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.challenge-option:after,.primary-cta:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2b,#0000);width:35%;transition:left .42s;position:absolute;top:0;bottom:0;left:-45%;transform:skew(-20deg)}.challenge-option:hover:after,.primary-cta:hover:not(:disabled):after{left:115%}.challenge-option:hover{border-color:#667285;transform:translateY(-2px)}.challenge-option:active{transform:translateY(0)scale(.98)}.challenge-option.is-active{border-color:var(--red);box-shadow:inset 0 -2px var(--red), 0 0 22px #e5484d1a;background:#e5484d14}.challenge-icon{border:1px solid var(--brass);width:28px;height:28px;color:var(--brass);flex:none;place-items:center;display:grid;position:relative}.cradle-icon{border:1px solid;border-radius:0 0 10px 10px;width:14px;height:8px;transform:rotate(-7deg)}.cradle-icon:after{content:"";background:currentColor;width:17px;height:1px;position:absolute;transform:translate(-2px,11px)rotate(7deg)}.shield-icon{clip-path:polygon(50% 0,100% 18%,86% 74%,50% 100%,14% 74%,0 18%);background:currentColor;width:13px;height:16px}.challenge-option p{flex-direction:column;gap:2px;min-width:0;margin:0;display:flex}.challenge-option b{font-family:var(--display);letter-spacing:.8px;font-size:11px}.challenge-option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.boss-card{border:1px solid var(--steel);background:#070a0f;flex:auto;min-height:300px;margin-top:12px;animation:.48s both boss-reveal;position:relative;overflow:hidden}.boss-card>img{object-fit:cover;object-position:center 36%;width:100%;height:100%}.boss-vignette{background:linear-gradient(#03050838 0%,#03050833 52%,#030508fa 100%),linear-gradient(90deg,#03050873,#0000 34% 70%,#03050859);position:absolute;inset:0}.boss-level{border-left:2px solid var(--red);color:var(--brass);font-family:var(--display);letter-spacing:1.1px;background:#040609c7;padding:5px 8px;font-size:8px;font-weight:800;position:absolute;top:12px;left:12px}.boss-copy{position:absolute;bottom:16px;left:18px;right:18px}.boss-copy small,.awaiting-copy small{color:var(--brass);font-family:var(--display);letter-spacing:1.5px;font-size:9px;font-weight:800}.boss-copy h3,.awaiting-copy h3{font-family:var(--display);letter-spacing:1.5px;margin:2px 0 4px;font-size:clamp(36px,3vw,51px);line-height:.95}.boss-copy p,.awaiting-copy p{color:#c1c7d0;max-width:350px;margin:0;font-size:10px;line-height:1.4}.boss-card.is-awaiting{background:repeating-linear-gradient(135deg,#0000 0 12px,#ffffff04 12px 24px),radial-gradient(circle,#e5484d1c,#0000 50%),#070a0f;place-items:center;display:grid}.awaiting-copy{text-align:center;max-width:310px;padding:24px}.boss-question{color:#ffffff14;font-family:var(--display);margin-bottom:-10px;font-size:120px;font-weight:900;line-height:1;display:block}.challenge-needs{padding:14px 0 11px}.challenge-needs ul{gap:5px;margin:8px 0 0;padding:0;list-style:none;display:grid}.challenge-needs li{color:#bdc4cf;font-size:10px}.challenge-needs li b{width:27px;color:var(--teal);font-family:var(--display);display:inline-block}.primary-cta{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);color:#fff;background:linear-gradient(110deg, var(--red-dark), var(--red));border:1px solid #ff6c70;flex:none;justify-content:space-between;align-items:center;height:53px;padding:0 18px;transition:filter .18s,transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #e5484d42}.primary-cta:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 14px 30px #e5484d59}.primary-cta:active:not(:disabled){transform:translateY(1px)scale(.99)}.primary-cta:disabled{border-color:var(--steel);color:#6f7885;box-shadow:none;background:#151a22}.primary-cta span{z-index:2;font-family:var(--display);letter-spacing:1.1px;font-size:16px;font-weight:800;position:relative}.primary-cta .arrow-icon{z-index:2;color:var(--brass);position:relative}.primary-cta:disabled .arrow-icon{color:#626b78}.cta-help{color:#737d8b;text-align:center;margin:7px 0 0;font-size:8px}.demo-badge{z-index:40;color:var(--teal);font-family:var(--display);letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05090cd6;border:1px solid #56d6c94d;padding:5px 8px;font-size:8px;font-weight:800;position:fixed;bottom:9px;right:12px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020407db;place-items:center;padding:20px;animation:.18s fade-in;display:grid;position:fixed;inset:0}.locked-dialog,.analysis-dialog{border:1px solid var(--brass);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);text-align:center;background:linear-gradient(145deg,#191f29fc,#070a0ffc);width:min(430px,100vw - 40px);padding:30px;animation:.26s cubic-bezier(.2,.8,.2,1) dialog-in;position:relative;box-shadow:0 28px 70px #000000b8,0 0 0 1px #f4c95d29}.dialog-silhouette{border-bottom:1px solid var(--steel);background:radial-gradient(circle,#f4c95d14,#0000 52%),repeating-linear-gradient(135deg,#0000 0 10px,#ffffff05 10px 20px);height:150px;margin:-10px 0 17px;position:relative;overflow:hidden}.dialog-silhouette .locked-silhouette{width:58px;height:58px;top:38px;box-shadow:0 44px 0 28px #010101}.locked-dialog h2,.analysis-dialog h2{font-family:var(--display);letter-spacing:2px;margin:7px 0;font-size:46px;line-height:1}.locked-dialog p,.analysis-dialog>p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.locked-dialog button,.analysis-dialog>button,.error-screen button{border:1px solid var(--steel);width:100%;height:46px;color:var(--brass);font-family:var(--display);letter-spacing:1px;background:#090d13;margin-top:22px;font-size:15px;font-weight:800;transition:all .18s}.locked-dialog button:hover,.analysis-dialog>button:hover,.error-screen button:hover{border-color:var(--brass);background:#f4c95d12}.analysis-dialog{width:min(540px,100vw - 40px)}.analysis-versus{border:1px solid var(--steel);background:#070a0f;grid-template-columns:1fr 64px 1fr;align-items:center;gap:8px;height:150px;margin:16px 0 12px;display:grid;overflow:hidden}.analysis-versus img{object-fit:cover;object-position:center 28%;width:100%;height:150px}.analysis-versus strong{z-index:2;color:var(--red);font-family:var(--display);text-shadow:0 0 18px #e5484d8c;font-size:28px}.analysis-bars{text-align:left;gap:10px;margin-top:18px;display:grid}.analysis-bars>div{grid-template-columns:1fr auto;gap:4px 12px;display:grid}.analysis-bars span{color:var(--muted);text-transform:uppercase;font-size:10px}.analysis-bars b{color:var(--brass);font-family:var(--display)}.analysis-bars i{background:var(--steel);grid-column:1/-1;height:5px;overflow:hidden}.analysis-bars em{transform-origin:0;background:linear-gradient(90deg, var(--red), var(--brass));height:100%;animation:.65s both stat-grow;display:block}.loading-screen,.error-screen{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:28px;display:grid}.loading-screen p{color:var(--muted);font-family:var(--display);letter-spacing:2px;margin:20px 0 12px;font-size:13px;font-weight:800}.loading-screen>div{background:var(--steel);width:240px;height:3px;overflow:hidden}.loading-screen>div i{background:linear-gradient(90deg, var(--red), var(--brass));width:45%;height:100%;animation:1.2s ease-in-out infinite load-sweep;display:block}.error-screen{max-width:580px;margin:auto}.error-screen h1{font-family:var(--display);margin:10px 0;font-size:clamp(44px,7vw,74px);line-height:.9}.error-screen p{color:var(--muted)}@keyframes portrait-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes profile-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes boss-reveal{0%{opacity:.35;filter:saturate(0);transform:scale(1.02)}to{opacity:1;filter:saturate();transform:scale(1)}}@keyframes stat-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse-online{0%,to{opacity:.65;box-shadow:0 0 7px var(--teal)}50%{opacity:1;box-shadow:0 0 15px var(--teal)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes load-sweep{0%{transform:translate(-110%)}to{transform:translate(330%)}}@media (width<=1180px){.app-header{grid-template-columns:1fr auto}.match-progress{display:none}.selected-fighter,.selected-fighter.is-empty{grid-template-columns:minmax(320px,.82fr) minmax(390px,1.18fr)}}@media (width>=768px) and (height<=780px){.opponent-panel{padding:16px 18px}.opponent-heading h2{font-size:38px}.challenge-switcher{margin-top:11px}.challenge-option{padding:7px 9px}.boss-card{min-height:218px;margin-top:9px}.boss-copy h3{font-size:39px}.challenge-needs{padding:9px 0 8px}.challenge-needs ul{gap:3px;margin-top:5px}.primary-cta{height:46px}.fighter-profile{padding-top:20px}.back-dossier{padding:17px 22px}.dossier-layout{gap:28px;padding-top:18px}.backstory{font-size:13px;line-height:1.42}.primary-stats{padding-left:24px}.primary-stat-list{gap:12px;margin-top:12px}.dossier-facts{padding-top:12px}}@media (width<=767px){.app-header{grid-template-columns:1fr auto;gap:10px;height:62px;padding:0 14px;position:sticky;top:0}.brand{gap:9px}.brand-mark{width:32px;height:36px}.brand-mark i{inset:10px 8px 8px}.brand-copy strong{font-size:21px}.brand-copy small,.header-meta small{display:none}.header-meta b{font-size:18px}.arena{flex-direction:column;gap:12px;width:100%;height:auto;min-height:auto;padding:10px;display:flex;overflow:visible}.opponent-panel{order:1;min-height:auto;padding:16px 14px}.fighter-column{flex-direction:column;order:2;gap:12px;width:100%;min-width:0;display:flex}.opponent-heading h2{font-size:36px}.opponent-heading p{font-size:10px}.challenge-switcher{margin-top:12px}.challenge-option{min-height:49px;padding:8px}.challenge-icon{display:none}.challenge-option b{font-size:10px}.challenge-option small{font-size:7px}.boss-card{flex:none;height:360px;min-height:360px}.boss-copy h3,.awaiting-copy h3{font-size:42px}.challenge-needs{padding:13px 0 10px}.challenge-needs li{font-size:9px}.primary-cta{height:50px}.primary-cta span{font-size:13px}.selected-fighter,.selected-fighter.is-empty{flex-direction:column;width:100%;min-width:0;display:flex}.selected-fighter.fighter-flip{height:960px;display:block}.fighter-front,.fighter-back{flex-direction:column;display:flex}.fighter-front .stage-portrait{flex:0 0 420px}.fighter-front .fighter-profile{flex:auto}.back-dossier{flex:auto;padding:22px 16px 60px;overflow:hidden}.dossier-masthead{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:12px}.dossier-layout{flex-direction:column;gap:26px;min-height:0;padding-top:24px;display:flex}.backstory{font-size:15px;line-height:1.55}.dossier-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;padding-top:0}.primary-stats{border-top:1px solid var(--steel);border-left:0;padding:20px 0 60px}.primary-stat-list{gap:18px;margin-top:18px}.flip-hint{bottom:12px;right:12px}.stage-portrait,.empty-stage{width:100%;min-width:0;height:420px}.stage-portrait:after{background:linear-gradient(#0000 60%,#030508f2)}.stage-number{font-size:220px;top:-10px}.stage-portrait>img{width:92%;height:94%}.candidate-tag{min-width:220px;bottom:13px;left:14px}.fighter-profile{border-top:1px solid var(--steel);border-left:0;width:100%;min-width:0;max-width:100%;padding:18px 15px;overflow:hidden}.profile-heading h1{font-size:43px}.profile-heading p{max-width:210px;font-size:10px}.fit-score{min-width:62px;padding:8px 6px}.fit-score strong{font-size:28px}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat>span{max-width:calc(100% - 24px);font-size:8px;display:inline-block}.stat>b{font-size:17px}.stat>small{font-size:7px}.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.identity-grid>div{padding:10px}.identity-grid b{font-size:13px}.pros-cons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.pros-cons p{overflow-wrap:anywhere;font-size:9px}.empty-copy{padding:26px 18px 30px}.empty-copy h1{font-size:48px}.roster-panel{width:100%;min-width:0;padding:15px 10px 13px}.roster-toolbar{display:block}.nationality-tabs{grid-template-columns:1fr 1fr;display:grid}.nationality{width:100%;min-width:0;padding:0 8px}.nationality b{font-size:10px}.page-controls{justify-content:space-between;margin-top:10px}.roster-grid{grid-template-rows:repeat(2,78px);grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;max-width:100%}.roster-card>b{letter-spacing:.3px;font-size:7px}.locked-silhouette{width:28px;height:28px;top:18px;box-shadow:0 22px 0 13px #010101}.roster-lock{text-align:center;padding:10px;inset:90px 10px 13px}.data-note{font-size:7px}.analysis-dialog,.locked-dialog{padding:22px 18px}.analysis-dialog h2,.locked-dialog h2{font-size:38px}.analysis-versus{grid-template-columns:1fr 48px 1fr;height:125px}.analysis-versus img{height:125px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* mobile-portrait-flip-patch-2026-07-23 */@media (max-width:767px){.selected-fighter.fighter-flip{perspective:none;touch-action:manipulation}.fighter-flip-inner,.fighter-flip.is-flipped .fighter-flip-inner{transform:none;transform-style:flat}.fighter-face{backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity 280ms ease,transform 420ms cubic-bezier(.2,.78,.2,1),visibility 0s linear}.fighter-front{z-index:2;opacity:1;visibility:visible;transform:translateY(0) scale(1)}.fighter-back{z-index:1;opacity:0;visibility:hidden;transform:translateY(34px) scale(.985);pointer-events:none}.fighter-flip.is-flipped .fighter-front{z-index:1;opacity:0;visibility:hidden;transform:translateY(-28px) scale(.985);pointer-events:none;transition:opacity 240ms ease,transform 360ms cubic-bezier(.2,.78,.2,1),visibility 0s linear 360ms}.fighter-flip.is-flipped .fighter-back{z-index:2;opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:80ms,80ms,0s}.back-dossier{padding:22px 16px 72px;overflow-x:hidden;overflow-y:auto}.dossier-layout{gap:20px;padding-top:20px}.backstory{max-width:none;font-size:16px;line-height:1.65}.dossier-facts{grid-template-columns:minmax(0,1fr);margin-top:22px;padding-top:0}.dossier-facts>div{padding:11px 12px}.dossier-facts b{overflow:visible;line-height:1.4;text-overflow:clip;white-space:normal}.primary-stats{padding:20px 0 0}}