/* Centered setup surface; existing controls and game handlers are retained. */
.immersive #setup-card{display:none}
.immersive.settings-open #setup-card{display:flex;flex-direction:column;position:fixed;z-index:21;left:50%;top:calc(50dvh + 20px);transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 96px);background:#123850;border:1px solid #79a9c5;border-radius:14px;box-shadow:0 24px 80px #031a2b99;overflow:hidden}
.immersive.settings-open .game-layout:after{content:'';position:fixed;inset:60px 0 0;z-index:19;background:#08203399;backdrop-filter:blur(3px);pointer-events:none}
.immersive.settings-open .launch-instruction,.immersive.settings-open .versus,.immersive.settings-open .time,.immersive.settings-open .battle-bottom,.immersive.settings-open .arena-head,.immersive.settings-open #challenge-progress,.immersive.settings-open #challenge-result{visibility:hidden}
#setup-card .setup-scroll{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:22px 24px 10px;scrollbar-width:thin}
.immersive.settings-open #setup-card .builder,.immersive.settings-open #setup-card .modes{display:block;position:static;inset:auto;transform:none;width:auto;overflow:visible;border:0;box-shadow:none;background:transparent;padding:0;color:#e5f3fc}
#setup-card .section-heading{position:relative;margin-bottom:14px;padding-right:26px}
#setup-card .section-heading>span{display:none}
#setup-card #builder-title{font-size:19px;line-height:1.45;letter-spacing:.5px}
#setup-card #close-settings{position:absolute;right:-4px;top:-5px;width:30px;height:30px;padding:0}
#setup-card .builder>label{font-size:12px;margin-top:0}
#setup-card .input-wrap{background:#194961;border-color:#80b9d7}
#setup-card .input-wrap input{font-size:25px;height:48px}
#setup-card #character-help{font-size:10px;line-height:1.5;margin:6px 0}
#setup-card .quick{margin:8px 0 14px}
#setup-card .quick button{padding:7px;font-size:16px}
#setup-card .blade-font-panel{display:grid;grid-template-columns:145px minmax(0,1fr);gap:8px 18px;margin-top:0;padding:14px}
#setup-card .font-heading,#setup-card .fonts{grid-column:1/-1}
#setup-card .font-heading{margin-bottom:0;font-size:12px}
.immersive #setup-card .fonts button{font-size:13px;padding:11px 2px 17px}
#setup-card .character-preview{grid-row:auto;grid-column:1;padding:7px 0;margin:0;align-self:center}
.immersive #setup-card .character-preview>span{font-size:78px}
#setup-card .character-preview small{font-size:9px;line-height:1.5;padding:4px 6px}
#setup-card .stats{grid-column:2;align-self:center;margin:0}
#setup-card .stats>div{gap:8px;margin:17px 0;font-size:11px}
#setup-card .stats span{width:56px}
#setup-card .stats strong{font-size:13px;width:22px}
#setup-card .player-identity{margin:12px 0 0;padding:8px 12px}
#setup-card .player-identity>span{font-size:9px}
#setup-card .player-identity>b{font-size:11px}
#setup-card .note{font-size:9px;line-height:1.6;margin:9px 0 0}
#setup-card .setup-options{margin-top:12px;border-top:1px solid #719dbc55;padding-top:9px}
#setup-card .setup-options>summary{font-size:11px;color:#c8e1f0;cursor:pointer;padding:3px 0 8px}
#setup-card .modes>.ui-title,#setup-card .modes>p,#setup-card .event,#setup-card .demo-note{display:none}
#setup-card .modes .mode{margin-top:6px;padding:9px 12px}
#setup-card .start-panel{display:block;position:static;inset:auto;z-index:auto;transform:none;width:100%;flex-shrink:0;background:#0c2e45;border-top:1px solid #6898b355;margin:0;padding:13px 24px 17px}
#setup-card #start-help{display:block;text-align:center;font-size:10px;color:#cee2ef;margin:0 0 8px;line-height:1.4}
.immersive #setup-card #prepare{margin:0;width:100%;min-width:0;min-height:52px;padding:14px 20px;background:linear-gradient(#ffe4a0,#efc56e);color:#233f50;border:1px solid #ffe2a2;border-radius:7px;box-shadow:0 4px 0 #a47936;font-size:16px;font-weight:900}
.immersive #setup-card #prepare:disabled{opacity:.55}
@media(max-width:700px){.immersive.settings-open #setup-card{top:calc(50dvh + 22px);width:calc(100vw - 24px);max-height:calc(100dvh - 78px)}#setup-card .setup-scroll{padding:16px 16px 8px}#setup-card #builder-title{font-size:16px}#setup-card .section-heading{margin-bottom:10px}#setup-card .blade-font-panel{grid-template-columns:104px minmax(0,1fr);gap:8px 12px;padding:10px}.immersive #setup-card .character-preview>span{font-size:66px}.immersive #setup-card .fonts button{font-size:12px}#setup-card .stats>div{gap:5px;font-size:10px;margin:14px 0}#setup-card .stats span{width:48px}#setup-card .start-panel{padding:10px 16px 14px}#setup-card #start-help{font-size:9px}.immersive #setup-card #prepare{font-size:15px;min-height:50px;padding:12px 16px}#setup-card .input-wrap input{font-size:22px;height:42px}}
@media(max-height:550px){.immersive.settings-open #setup-card{top:calc(50dvh + 22px);max-height:calc(100dvh - 70px)}#setup-card .start-panel{padding:8px 16px 12px}#setup-card #start-help{display:none}}