.pac9-title{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--navy-deep);color:var(--ink);overflow:hidden;cursor:pointer;outline:none}.pac9-title::backdrop{background:var(--navy-deep)}.pac9-title{animation:title-in .35s ease-out both}.pac9-title.leaving{animation:title-out .22s ease-in forwards}.title-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}.title-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,16,28,.78) 0%,rgba(8,16,28,.35) 40%,transparent 62%),linear-gradient(0deg,rgba(8,16,28,.7),transparent 32%)}.title-name{position:absolute;left:max(6vw,env(safe-area-inset-left));top:16vh;display:grid;gap:1.2vh}.title-wordmark{margin:0;font:400 clamp(64px,12vw,190px)/.9 var(--font-display);letter-spacing:.01em}.title-wordmark b{color:var(--accent);font-weight:400}.title-tag{margin:0;font:600 clamp(18px,2.6vw,40px)/1.2 var(--font-body)}.title-start{position:absolute;left:0;right:0;bottom:calc(12vh + env(safe-area-inset-bottom));margin:0;text-align:center;font:700 clamp(15px,1.7vw,26px)/1 var(--font-label);letter-spacing:.3em;text-transform:uppercase;animation:title-pulse 1.6s ease-in-out infinite}.title-start:focus-visible{outline:none}.title-made{position:absolute;left:max(6vw,env(safe-area-inset-left));bottom:calc(4vh + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center;font:600 clamp(11px,1vw,14px)/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.title-made img{height:clamp(16px,1.7vw,24px);width:auto;opacity:.85}@media(orientation:portrait){.title-art{object-position:76% 50%}.title-shade{background:linear-gradient(180deg,#08101c26,#08101c4d 40%,#08101cf0 66%)}.title-name{left:7vw;right:7vw;top:auto;bottom:calc(26vh + env(safe-area-inset-bottom))}.title-wordmark{font-size:24vw}.title-tag{font-size:5.6vw}.title-start{bottom:calc(15vh + env(safe-area-inset-bottom));font-size:4.4vw}.title-made{left:7vw;font-size:2.8vw}.title-made img{height:4.6vw}}@keyframes title-in{0%{opacity:0}}@keyframes title-out{to{opacity:0}}@keyframes title-pulse{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.title-start,.pac9-title{animation:none}}body{margin:0;background:var(--navy)}.menu-fullscreen{margin-left:auto;width:44px;height:44px;border:1px solid #ffffff66;border-radius:7px;background:#0b1626b8;color:#fff;font-size:28px;cursor:pointer}.menu-fullscreen[hidden]{display:none}.menu-fullscreen:focus-visible{outline:3px solid var(--accent)}.menu-arena{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;border:0;pointer-events:none;filter:brightness(.86)}#screen-main .ui-shade-left{background:radial-gradient(ellipse 36% 24% at 71% 24%,#08101ccc,#08101c8c 55%,#08101c00),linear-gradient(180deg,#08101cb8,#08101c40 30%,#08101c00 45%),linear-gradient(90deg,#08101cf0,#08101ccc 32%,#08101c33 58%,#08101c00)}.ui-screen:not(#screen-main) .ui-shade-left{background:linear-gradient(90deg,#08101cf2,#08101cdb 40%,#08101c8c,#08101c73)}@media(max-aspect-ratio:1/1){.menu-arena{object-position:42% 50%}#screen-main .ui-shade-left{background:linear-gradient(180deg,#08101cd1,#08101cbd 44%,#08101c38 62%,#08101c80)}}.ui-screen{background:transparent}.menu-hint{position:absolute;left:var(--edge-x);bottom:var(--edge-y);font-size:calc(26 * var(--u));color:var(--muted)}.ui-list a.ui-list-item{text-decoration:none}.setup-shade{background:linear-gradient(90deg,#08101cf2,#08101ce0 48%,#08101c40 75%,#08101c1a)}.setup-note{margin:calc(6 * var(--u)) calc(24 * var(--u)) 0;max-width:calc(900 * var(--u));font-size:calc(30 * var(--u))}.setup-start{align-self:flex-start;margin:calc(40 * var(--u)) 0 0 calc(24 * var(--u))}@media(max-width:900px){.setup-start{margin-left:0}#screen-setup .ui-rows{bottom:var(--edge-y);overflow-y:auto}}@media(max-width:900px)and (orientation:landscape){#screen-setup .ui-rows{top:76px}.ui-row{grid-template-columns:120px 1fr;padding:4px 0}.ui-row-label,.ui-pill{font-size:18px}.ui-pill{height:44px;padding:0 18px}.setup-note{font-size:16px}.setup-start{flex-shrink:0;font-size:24px;height:48px;margin-top:12px}}.ui-row[hidden]{display:none!important}.mode-rows{max-width:880px}.mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:14px}.mode-card{position:relative;padding:0;overflow:hidden;border:2px solid #ffffff40;border-radius:12px;background:#122232;color:#fff;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.mode-card:hover{border-color:#ffffffa0}.mode-card:focus{outline:none}.mode-card:focus-visible{outline:2px solid #fff;outline-offset:3px}.mode-card[aria-pressed=true]{border-color:#ff8a1f;box-shadow:0 0 0 3px #ff8a1f55,0 14px 40px #0008}.mode-card img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.mode-card b{display:block;padding:22px 16px;font-size:22px;letter-spacing:.06em}.mode-card:has(img) b{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 12px;background:linear-gradient(0deg,#08101ceb,#08101c99 55%,#08101c00)}.mode-card[aria-pressed=true] b{color:#ffd2a8}@media(prefers-reduced-motion:no-preference){.mode-card[aria-pressed=true]{transform:translateY(-2px)}}.seat-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:18px;padding:22px 24px;min-height:170px;background:linear-gradient(160deg,#16283d,#0d1a2a)}.seat-card .seat-number{grid-row:1 / 3;font:400 112px/.85 var(--font-display, Anton, Impact, sans-serif);color:#ffffff2e}.seat-card[aria-pressed=true] .seat-number{color:#ff8a1f}.seat-card .seat-icon{grid-column:2;justify-self:end;align-self:start;width:92px;height:auto;margin:-4px 0 0;opacity:.9;overflow:visible}.seat-card .seat-text{grid-column:2;display:grid;gap:6px}.seat-card .seat-text b{position:static;padding:0;background:none;font:400 38px/1 var(--font-display, Anton, Impact, sans-serif);letter-spacing:.02em;color:#fff}.seat-card[aria-pressed=true] .seat-text b{color:#fff}.seat-card small{font:500 18px/1.3 var(--font-body, Barlow, sans-serif);color:#c9d4e2}@media(max-width:600px){.seat-card{grid-template-columns:1fr;padding:16px 14px;min-height:0;row-gap:6px}.seat-card .seat-number{grid-row:auto;font-size:64px}.seat-card .seat-icon{grid-column:1;grid-row:1;width:62px;margin:0}.seat-card .seat-text{grid-column:1}.seat-card .seat-text b{font-size:26px;padding:0}.seat-card small{font-size:15px}}@media(max-width:600px){.mode-cards{gap:9px}.mode-card b{font-size:15px;padding:16px 9px}.mode-card:has(img) b{padding:26px 9px 8px}}.two-setup{position:absolute;inset:96px var(--edge-x) var(--edge-y);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-content:start;max-width:1000px;color:#fff}.two-setup section{padding:20px;background:#122232e6;border:1px solid #ffffff44;border-radius:12px}.two-setup h2{margin:0 0 14px;color:#f6a562}.two-setup label{display:grid;gap:5px;margin:12px 0;font-size:15px}.two-setup input,.two-setup select{width:100%;box-sizing:border-box;background:#07121e;color:#fff;border:1px solid #ffffff66;border-radius:6px;padding:10px;font:inherit}.two-setup input[readonly]{opacity:.8}.two-setup>label,.two-setup>a{align-self:end}@media(max-width:650px){.two-setup{grid-template-columns:1fr;top:76px}}.settings-list{top:calc(300 * var(--u));gap:calc(12 * var(--u))}.settings-item{display:flex;align-items:center;gap:calc(36 * var(--u));min-width:calc(820 * var(--u));font-size:calc(72 * var(--u))}.settings-item small{margin-left:auto;display:inline-flex;align-items:center;gap:calc(16 * var(--u));font-family:var(--font-label);font-weight:700;font-size:calc(30 * var(--u));letter-spacing:.04em;color:var(--muted);padding-bottom:calc(6 * var(--u))}.settings-item[data-focus] small,.settings-item:focus-visible small{color:var(--navy)}.settings-item small img{width:calc(52 * var(--u));height:calc(64 * var(--u));object-fit:cover;object-position:50% 0;border-radius:calc(8 * var(--u))}.ui-screen:not(#screen-main) .ui-header .ui-logo{display:none}#screen-delay-dialog{color:#f4ede1;background:#142634;border:1px solid #dda450;border-radius:12px;max-width:440px;width:min(90vw,440px);padding:22px;text-align:center}#screen-delay-dialog::backdrop{background:#071018dc}#screen-delay-dialog h2{margin:0 0 10px}#screen-delay-dialog button{cursor:pointer;background:#e7a240;color:#17212b;border:0;border-radius:6px;padding:10px 14px;font-weight:800}.delay-stage{height:150px;border-bottom:4px solid #e7a240;display:flex;align-items:end;justify-content:center;margin:12px 0}#delay-ball{width:26px;height:26px;border-radius:50%;background:#fff2cf;display:block}.delay-adjust{display:flex;gap:8px;justify-content:center;margin:12px 0}.screen-delay-advice{font-size:.83rem;line-height:1.4;max-width:560px}.match-opponent{display:flex;align-items:center;gap:12px;margin:8px 0;font:400 clamp(24px,3vw,44px) var(--font-display);color:var(--ink)}.match-opponent img{width:clamp(46px,6vw,80px);height:clamp(46px,6vw,80px);border-radius:8px;object-fit:cover}.opponent-select{align-self:flex-start;margin:0 0 6px;border:2px solid var(--ink-soft)}.opponent-select:hover,.opponent-select:focus-visible{border-color:var(--accent)}@media(pointer:coarse){.menu-hint{display:none}}@media(max-height:520px){.mode-card img{aspect-ratio:21 / 9}.mode-card:has(img) b{padding:22px 12px 8px;font-size:16px}.seat-card{min-height:0;padding:12px 16px;column-gap:12px}.seat-card .seat-number{font-size:60px}.seat-card .seat-icon{width:54px}.seat-card .seat-text b{font-size:24px}.seat-card small{font-size:14px}}