:root{--ink:#080628;--gold:#f0cf7c;--blue:#366fff;--line:#8a83b2;--coral:#ff816c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--gold);font-family:'Courier New',monospace}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}a:hover{text-decoration:underline}button{font:inherit}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:10px;left:10px;z-index:30;background:var(--gold);color:var(--ink);padding:12px}.topbar{min-height:51px;border-bottom:2px solid var(--blue);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 3%;position:relative;z-index:10;background:#080628}.logo{font-weight:900;font-size:clamp(23px,2.8vw,43px);letter-spacing:.03em;line-height:1;text-shadow:2px 2px #6c562a}.logo span{font-size:.7em}.topbar nav{display:flex;gap:clamp(12px,2.4vw,37px);font-size:clamp(10px,.9vw,14px);text-transform:uppercase;font-weight:bold}.topbar nav a{padding:7px 0}.screen{position:relative;isolation:isolate;max-width:1920px;margin:auto;display:grid;grid-template-columns:40% 60%;grid-template-rows:auto auto auto auto;overflow:hidden;padding:0 1.5% 20px 0;background:radial-gradient(ellipse at 11% 38%,#1740aa85,transparent 40%),repeating-linear-gradient(140deg,transparent 0 125px,#2348da20 128px 140px,transparent 142px 240px),linear-gradient(125deg,#0d104b,#070622 70%)}.screen:before{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#326df87a .8px,transparent .9px);background-size:5px 5px;mask-image:linear-gradient(90deg,#000,transparent 70%);pointer-events:none}.screen:after{content:'';position:absolute;z-index:-1;inset:10% 55% 0 -20%;border:4px solid #5684ff;transform:rotate(-29deg);box-shadow:0 0 30px #3767ef,20px 0 #103caa20;pointer-events:none}.intro{grid-column:1/-1;grid-row:1;margin-left:33%;padding:6px 0 0;position:relative;z-index:3}.intro h1{font:italic 900 clamp(45px,7.5vw,144px)/1.05 Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0;white-space:nowrap;text-shadow:2px 3px #201434}.intro p{text-align:center;font-weight:bold;font-size:clamp(8px,.85vw,16px);letter-spacing:.35em;margin:4px 0 8px}.hero{position:absolute;left:-3%;top:1%;bottom:0;width:45%;z-index:1;pointer-events:none}.hero>img{width:113%;height:103%;object-fit:contain;object-position:50% 100%;position:absolute;bottom:-3%;left:-5%;filter:drop-shadow(0 0 12px #4970ee66);transition:opacity .18s ease}.hero.loading>img{opacity:.6}.player{position:absolute;top:3%;left:14%;font-size:clamp(26px,4.2vw,75px);font-weight:900;line-height:.9;text-shadow:3px 3px #07072c;z-index:2}.player span{display:block;color:var(--coral);font-size:.42em;margin:10px 0 0 9px}.nameplate{position:absolute;left:14%;bottom:18%;max-width:86%;transform:rotate(-8deg);padding:7px 10px 4px;background:var(--gold);border:2px solid var(--ink);box-shadow:0 0 0 2px var(--gold);color:var(--ink);text-transform:uppercase}.nameplate strong{display:block;font:italic 900 clamp(23px,3.25vw,59px)/1.05 Impact,'Arial Narrow',sans-serif;background:var(--ink);color:var(--gold);padding:2px 8px}.nameplate span{display:block;text-align:center;font-size:clamp(8px,.85vw,15px);font-weight:bold;letter-spacing:.12em;padding:5px 2px}.world{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:2%;height:clamp(105px,10vw,192px);position:relative;z-index:2;padding:0 2% 8px 7%}.map{width:78%;aspect-ratio:665/132;position:relative;overflow:hidden;mix-blend-mode:screen}.map img{position:absolute;width:231%;max-width:none;height:auto;left:-100.75%;top:-137.12%}.world p{font-weight:bold;font-size:clamp(8px,.85vw,16px);letter-spacing:.12em;border-bottom:1px solid var(--gold);padding-bottom:10px;line-height:1.5;flex-shrink:0}.selected{grid-column:2;grid-row:3;position:relative;z-index:3;display:flex;min-height:220px;height:clamp(220px,17vw,326px);border:2px solid var(--gold);background:#0c0a2d;box-shadow:0 0 0 4px #080628,0 0 0 5px #807442;clip-path:polygon(2% 0,100% 0,100% 100%,2% 100%,0 93%,0 7%)}.copy{padding:12px 16px;width:33%;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(120deg,#101242,#080628);flex-shrink:0}.copy small{font-weight:bold;letter-spacing:.15em;font-size:clamp(8px,.8vw,14px)}.copy h2{font:italic 900 clamp(22px,2.65vw,48px)/1.04 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:17px 0 10px;overflow-wrap:normal}.copy p{color:#f3eff8;font-size:clamp(11px,1vw,18px);line-height:1.4;margin:0 0 12px}.copy>a{margin-top:auto;display:inline-flex;gap:12px;padding:11px 13px;background:var(--gold);color:var(--ink);font-weight:bold;font-size:clamp(10px,.9vw,16px)}#photo-link{position:relative;flex:1;min-width:0;overflow:hidden}#photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}#photo-link:hover #photo{transform:scale(1.035)}#caption{position:absolute;bottom:0;left:0;right:0;padding:9px 12px;background:#080628d9;font-size:clamp(10px,.85vw,15px);color:#fff}.service{flex:1;background:repeating-linear-gradient(135deg,#20316133 0 1px,transparent 1px 14px),radial-gradient(ellipse at top right,#34436b,#0d1032);padding:20px;position:relative}.service[hidden],#photo-link[hidden]{display:none}.service>span{font-size:110px;position:absolute;right:8%;top:10%;opacity:.25}.service strong{font:italic 900 clamp(30px,3vw,60px)/1.05 Impact,sans-serif}.service p{font-size:12px;line-height:1.5}.selection{grid-column:2;grid-row:4;position:relative;z-index:4;margin:15px 0 0 -12%;background:linear-gradient(110deg,#080628e8,#08062875);padding:0 0 0 5px}.selection>h2{font:900 clamp(16px,1.8vw,32px)/1.2 'Courier New',monospace;text-transform:uppercase;display:flex;align-items:center;gap:14px;margin:0 0 12px;white-space:nowrap}.selection>h2:before{content:'◀';font-size:15px}.selection>h2:after{content:'';height:1px;background:var(--gold);flex:1}#roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:0 4px 0 0}#roster button{border:1px solid #6584d7;background:var(--ink);color:var(--gold);padding:0;position:relative;cursor:pointer;transition:transform .18s,box-shadow .18s;min-width:0;text-transform:uppercase;display:flex;flex-direction:column;aspect-ratio:.71}#roster button:hover{transform:translateY(-4px);border-color:var(--gold)}#roster button[aria-pressed=true]{border-color:var(--gold);outline:3px solid var(--coral);box-shadow:0 0 18px #ff675f;z-index:1}#roster .portrait{display:block;width:100%;flex:1;min-height:0;background-image:url(approved.webp);background-size:808.42% 445.22%;background-position:var(--crop) 77.33%}#roster button:nth-child(3) .portrait:after{content:'';position:absolute;right:1px;top:1px;width:25%;height:13%;background:#12113f}#roster button[aria-pressed=true]:after{content:'1P';position:absolute;right:3px;top:3px;background:#13133c;color:var(--gold);font-weight:900;font-size:clamp(15px,1.8vw,30px);line-height:1;padding:2px;z-index:2}#roster .label{display:flex;justify-content:center;align-items:center;min-height:35px;padding:5px 3px;font-weight:bold;font-size:clamp(9px,.9vw,16px);line-height:1.1}.media{width:max-content;max-width:100%;border:1px solid #9b90c3;background:#0b092d;padding:9px 14px;margin:10px 0 0 20%;font-size:clamp(9px,.85vw,15px);line-height:1.45}.media strong,.media span{display:block}.media span{color:#f1edf6;font-size:.95em}footer{position:relative;z-index:5;border-top:2px solid var(--blue);display:flex;align-items:center;gap:28px;padding:17px 3%;font-size:clamp(10px,.85vw,15px);letter-spacing:.08em;background:var(--ink)}footer>a{margin-right:auto}.archive-icon{font-size:28px;vertical-align:middle;margin-right:12px;color:#9c96bd}.keyboard{font-size:.8em;color:#b3accb}.copyright{font-size:.8em;color:#b3accb}body[data-selected='1'] .copy h2{font-size:clamp(20px,2.15vw,40px)}body[data-selected='1'] .nameplate strong{font-size:clamp(21px,2.5vw,46px)}
@media(min-width:1700px){.screen{padding-bottom:28px}.copy{padding:20px}.selection{margin-top:22px}}
@media(max-width:1000px) and (min-width:701px){.copy{width:38%;padding:10px}.copy h2{font-size:24px;margin:10px 0}.copy p{font-size:12px}.copy>a{padding:9px;font-size:10px}.selected{height:220px}.intro h1{font-size:7.3vw}.world{height:100px}.selection>h2{font-size:18px}.nameplate{left:12%;max-width:90%}.nameplate strong{font-size:28px}.nameplate span{font-size:9px}.keyboard{display:none}}
@media(max-width:700px){.topbar{padding:14px 16px 10px;display:block}.logo{display:block;font-size:26px;margin-bottom:14px}.topbar nav{gap:0;justify-content:space-between;font-size:10px}.topbar nav a{padding:8px 0}.screen{display:flex;flex-direction:column;padding:0 16px 24px;background:radial-gradient(ellipse at 50% 25%,#1740aa75,transparent 40%),repeating-linear-gradient(140deg,transparent 0 125px,#2348da20 128px 140px,transparent 142px 240px),#080628}.intro{margin:0;padding:19px 0 0;text-align:center}.intro h1{font-size:clamp(31px,8.9vw,61px);white-space:nowrap;letter-spacing:-.025em}.intro p{font-size:8px;letter-spacing:.09em;margin:9px 0;line-height:1.5}.hero{position:relative;left:auto;top:auto;bottom:auto;width:calc(100% + 32px);margin:0 -16px;height:390px;z-index:1;overflow:hidden}.hero>img{width:100%;height:118%;left:0;bottom:-13%;object-position:center 25%;object-fit:contain}.player{left:8%;top:7%;font-size:40px}.nameplate{left:7%;bottom:9%;max-width:86%;padding:5px 6px 2px}.nameplate strong{font-size:32px}.nameplate span{font-size:9px;letter-spacing:.09em}.world{height:70px;padding:0;gap:14px;margin:3px 0 15px}.map{width:73%}.world p{font-size:8px;line-height:1.5}.selected{width:100%;height:auto;min-height:0;display:flex;flex-direction:column;clip-path:none;box-shadow:none}.copy{width:100%;padding:18px 16px}.copy small{font-size:9px}.copy h2{font-size:30px;margin:12px 0 8px}.copy p{font-size:13px;line-height:1.5;max-width:100%;margin-bottom:14px}.copy>a{font-size:11px;padding:12px 14px;margin-top:0}.copy>a span{margin-left:14px}#photo-link{width:100%;flex:none;aspect-ratio:16/10;border-top:1px solid #87754b}#caption{font-size:11px;padding:9px 12px}.service{min-height:185px;padding:22px}.service strong{font-size:36px}.service p{font-size:12px}.selection{margin:26px 0 0;padding:0;background:none}.selection>h2{font-size:18px;gap:8px;margin-bottom:16px}.selection>h2:before{font-size:10px}#roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:0}#roster button{aspect-ratio:.68}#roster .label{font-size:10px;min-height:36px;padding:5px 2px}#roster button[aria-pressed=true]:after{font-size:19px}.media{margin:20px 0 0;width:100%;font-size:11px;padding:13px;line-height:1.6}footer{padding:18px 16px;font-size:9px;letter-spacing:.04em;gap:0;line-height:1.7}footer>a{max-width:100%}.archive-icon{margin-right:5px;font-size:22px}.keyboard,.copyright{display:none}body[data-selected='1'] .copy h2{font-size:29px}body[data-selected='1'] .nameplate strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
body{font-family:Menlo,Consolas,monospace}.selection>h2{font-family:Menlo,Consolas,monospace;font-weight:900}.logo{display:block;width:255px;height:34px;background:url(approved.webp) -36px -7px/1536px 1024px no-repeat;font-size:0;flex-shrink:0}.logo span{display:none}@media(max-width:700px){.logo{width:211px;height:28px;background-size:1259.5px 839.7px;background-position:-29.5px -5.7px}.hero{height:365px}}
.nameplate{max-width:70%}body[data-selected='1'] .nameplate strong{font-size:clamp(21px,2.15vw,40px)}@media(max-width:700px){.hero>img{width:100%;height:auto;left:0;top:0;bottom:auto;object-fit:initial}.nameplate{max-width:86%}body[data-selected='1'] .nameplate strong{font-size:24px}}
.screen{overflow:clip}
#roster button:nth-child(3) .portrait{background-image:url(san.webp),linear-gradient(135deg,#142368,#080628);background-size:150% auto,cover;background-position:50% 8%,center;background-repeat:no-repeat}#roster button:nth-child(3) .portrait:after{display:none}
#roster button:nth-child(3) .portrait{background-size:220% auto,cover;background-position:75% 7%,center}

/* V8 shared navigation dimensions and world-page scale */
.topbar{height:62px;min-height:62px;padding:0 42px;gap:30px;justify-content:initial}.topbar .logo{width:255px;height:34px;background-size:1536px 1024px;background-position:-36px -7px;margin:0}.topbar nav{margin-left:auto;gap:30px;font-size:11px}.topbar nav a{padding:0}.topbar>small{font-size:8px;color:#9b96b3;border:1px solid #46415d;padding:5px;letter-spacing:.1em}.screen{max-width:none}.intro h1{font-size:clamp(45px,5.7vw,86px);line-height:1.05}.intro{padding-top:28px;padding-bottom:10px}.intro p{font-size:11px;letter-spacing:.12em;margin-top:12px}.world{height:clamp(105px,9vw,150px)}.selected{height:clamp(220px,19vw,300px)}.selection{margin-top:22px}#caption{font-size:11px}.copy h2{font-size:clamp(24px,2.65vw,42px)}.copy p{font-family:Arial,sans-serif;font-size:16px;line-height:1.5}.copy>a{font-size:11px}body[data-selected='1'] .copy h2{font-size:clamp(21px,2.15vw,36px)}@media(min-width:801px) and (max-width:1100px){.topbar{padding:0 24px;gap:15px}.topbar .logo{width:235px}.topbar nav{gap:12px;font-size:9px}.copy p{font-size:13px}}@media(max-width:800px){.topbar{height:auto;display:flex;padding:16px;flex-wrap:wrap;gap:15px}.topbar>small{margin-left:auto}.topbar nav{order:3;flex-basis:100%;justify-content:space-between;gap:8px;font-size:9px}.intro h1{font-size:clamp(31px,8.9vw,61px)}.intro p{font-size:8px;letter-spacing:.09em}.topbar .logo{width:255px;height:34px}.copy p{font-size:13px}.selected{height:auto}.intro{padding-top:19px;padding-bottom:0}}

/* V13: mobile selection and result share one viewport. */
.mobile-enter{display:none}
@media(max-width:700px){
.topbar{min-height:74px;padding:8px 14px;gap:6px}.topbar .logo{width:211px;height:28px;background-size:1259.5px 839.7px;background-position:-29.5px -5.7px}.topbar nav{font-size:8px}.topbar nav a{padding:4px 0}
.screen{height:calc(100svh - 110px);min-height:530px;display:grid;grid-template-columns:1fr;grid-template-rows:56px minmax(160px,1fr) 132px 108px 46px;gap:10px;padding:0 14px 10px}
.intro{grid-column:1;grid-row:1;padding:6px 0 0;margin:0}.intro h1{font-size:8.5vw}.intro p{font-size:6px;letter-spacing:.05em;margin:5px 0}
.hero{grid-column:1;grid-row:2;position:relative;width:calc(100% + 28px);height:100%;margin:0 -14px;left:auto;top:auto;bottom:auto;overflow:hidden}.hero>img{position:absolute;height:170%;width:100%;object-fit:contain;object-position:center top;top:0;bottom:auto;left:-10%;filter:drop-shadow(0 0 8px #4970ee66)}.player{font-size:24px;left:7%;top:5%}.player span{font-size:10px;margin:5px}
.nameplate{left:5%;bottom:3%;max-width:92%;transform:none;background:linear-gradient(90deg,#080628f5,#08062888);color:var(--gold);border:0;box-shadow:none;padding:5px 8px}.nameplate strong{font-size:30px;background:none;padding:0}.nameplate span{font-size:7px;text-align:left;padding:4px 0}body[data-selected='1'] .nameplate strong{font-size:22px}
.world{grid-column:1;grid-row:2;align-self:start;justify-self:end;width:44%;height:90px;margin:8px 0 0;display:block;z-index:0;padding:0}.map{width:100%}.world p{font-size:6px;width:max-content;margin-left:auto;border:0;padding:0}
.selected{grid-column:1;grid-row:3;height:132px;display:flex;flex-direction:column;border:1px solid var(--gold);width:100%;min-height:0;clip-path:none;box-shadow:none}.copy{order:2;padding:6px 8px;background:#080628}.copy small,.copy h2,.copy>a{display:none}.copy p{font:10px/1.25 Arial,sans-serif;margin:0}.selected #photo-link{order:1;flex:1;min-height:0;aspect-ratio:auto;border:0}.selected #photo{height:100%;width:100%;object-fit:cover}#caption{display:none}.service{min-height:70px;padding:8px}.service strong{font-size:20px}.service p{font-size:8px;margin:2px}
.selection{grid-column:1;grid-row:4;margin:0;padding:0;background:none}.selection>h2{font-size:12px;margin:0 0 8px;gap:7px}#roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0}#roster button{height:82px;aspect-ratio:auto}#roster .label{font-size:6px;min-height:23px;line-height:1.1;padding:3px 1px}#roster button[aria-pressed=true]:after{font-size:13px}#roster button:hover{transform:none}.media{display:none}
.mobile-enter{grid-column:1;grid-row:5;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--ink);border:2px solid #080628;outline:1px solid var(--gold);font:italic 900 21px/1 Impact,'Arial Narrow',sans-serif;text-align:center;padding:4px}.mobile-enter:focus-visible{outline:3px solid white}
footer{height:36px;padding:5px 14px;font-size:7px;line-height:1.2}.archive-icon{font-size:16px}footer .closed{display:none}
}