*{box-sizing:border-box}html,body{color:#ece6d6;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#14171c;height:100%;margin:0;font:13px/1.25 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}[hidden]{display:none!important}:root{--sl:env(safe-area-inset-left);--sr:env(safe-area-inset-right);--st:env(safe-area-inset-top);--sb:env(safe-area-inset-bottom);--pad-w:0px}.back{z-index:100;top:calc(6px + var(--st));left:calc(6px + var(--sl));color:#ece6d6;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#26231ce6;border:1px solid #4a4436;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 10px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute}#hud{z-index:3;top:calc(6px + var(--st));left:calc(104px + var(--sl));right:calc(60px + var(--sr));pointer-events:none;flex-wrap:wrap;align-items:center;gap:4px;min-height:44px;display:flex;position:absolute}.pill{white-space:nowrap;background:#0f1114d0;border-radius:6px;padding:4px 7px;font-weight:700}.pill.dim{color:#ffc27a}.pill.obj{color:#ffd76a;font-weight:600}.pill.sq{color:#a8d8b0;font-weight:600}.bar{background:#0f1114d0;border-radius:6px;align-items:center;gap:4px;width:96px;padding:5px 7px;display:flex}.bar em{color:#b9b29e;font-size:11px;font-style:normal}.meter{background:#000a;border-radius:4px;flex:1;height:8px;overflow:hidden}.meter i{background:#d84a3a;width:100%;height:100%;transition:width .12s;display:block}.meter.armor i{background:#7fc8ff}.flash{animation:.25s flash}@keyframes flash{0%{box-shadow:0 0 0 3px #7fc8ff}to{box-shadow:none}}#topRight{z-index:4;top:calc(6px + var(--st));right:calc(6px + var(--sr));gap:6px;display:flex;position:absolute}#toast{z-index:4;left:50%;top:calc(58px + var(--st));pointer-events:none;white-space:nowrap;opacity:0;text-overflow:ellipsis;background:#000c;border-radius:10px;max-width:90vw;padding:5px 12px;font-weight:700;transition:opacity .2s;position:absolute;overflow:hidden;transform:translate(-50%)}#toast.on{opacity:1}#debug{z-index:4;left:calc(6px + var(--sl));top:calc(58px + var(--st));color:#9f9;pointer-events:none;white-space:pre;background:#000c;margin:0;padding:4px 6px;font:11px monospace;position:absolute}.zone{z-index:1;top:calc(60px + var(--st));display:none;position:absolute;bottom:0}#zoneL{width:44%;left:0}#zoneR{left:44%;right:calc(132px + var(--sr))}.touch.playing .zone{display:block}.stick{z-index:2;pointer-events:none;background:#ffffff14;border:2px solid #fff5;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}.stick i{background:#fff5;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}#pad{z-index:3;right:calc(8px + var(--sr));bottom:calc(10px + var(--sb));grid-template-columns:56px 56px;gap:6px;display:none;position:absolute}.touch.playing #pad{display:grid}.b{color:#ece6d6;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#2b2820e0;border:1px solid #4a4436;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:48px;min-height:48px;padding:2px 6px;font:700 18px/1 system-ui,sans-serif;display:flex}#pad .b{width:56px;height:52px}.b small{color:#c9c0a6;font-size:11px;font-weight:600}.b.sm{width:44px;min-width:44px;height:44px;min-height:44px;font-size:15px}.b.wide{flex-direction:row;width:100%;min-height:46px;font-size:15px}.b.go{color:#1a140a;background:#c98a2c;border-color:#e0a64a}.b.warn{background:#5a2a22}.b:disabled{opacity:.35}.b.on{outline:2px solid #ffd76a}#keysHelp{z-index:2;left:50%;bottom:calc(6px + var(--sb));color:#c9c0a6;pointer-events:none;white-space:nowrap;background:#000a;border-radius:8px;margin:0;padding:3px 10px;font-size:11px;position:absolute;transform:translate(-50%)}.touch #keysHelp{display:none!important}.screen{z-index:6;background:radial-gradient(at 30% 20%,#3a3624 0%,#17181b 70%);position:absolute;inset:0;overflow:auto}.screen.modal{z-index:8;background:#000a;justify-content:center;align-items:center;display:flex}.menuWrap{min-height:100%;padding:calc(8px + var(--st)) calc(10px + var(--sr)) calc(8px + var(--sb)) calc(10px + var(--sl));gap:12px;display:flex}.camps{flex-direction:column;flex:none;gap:6px;width:210px;padding-top:52px;display:flex}.camps h1{letter-spacing:2px;color:#ffd76a;margin:0;font-size:27px;line-height:1.05}.camps h1 small{letter-spacing:2px;color:#ece6d6;margin-top:2px;font-size:21px;display:block}.tagline{color:#c9c0a6;margin:0 0 4px;font-size:11.5px;font-style:italic}#campList{flex-direction:column;gap:6px;display:flex}.camp{text-align:left;align-items:flex-start;min-height:48px;font-size:14px}.camp small{font-size:11px}.camp.sel{background:#4a3f22;border-color:#c98a2c}.mainCol{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}#tabs{flex-wrap:wrap;gap:6px;padding-left:0;display:flex}.tab{width:52px;height:48px;font-size:16px;position:relative}.tab.sel{background:#4a3f22;border-color:#c98a2c}.tab small{font-size:11px}.briefRow{flex:1;gap:8px;min-height:0;display:flex}.panel{background:#1f1d18e8;border:1px solid #3d382c;border-radius:12px;flex:1;min-width:0;padding:10px 12px}.panel h2{color:#ffd76a;margin:0 0 2px;font-size:20px}.panel p{margin:6px 0}.tag{color:#c9c0a6;background:#33302a;border-radius:5px;margin-right:4px;padding:2px 6px;font-size:11px;display:inline-block}.pick{grid-template-columns:48px 1fr 48px;align-items:center;gap:6px;margin-bottom:6px;display:grid}.pick .name{text-align:center}.pick .name b{font-size:14px;display:block}.pick .name small{color:#b9b29e;font-size:11px}.lbl{color:#b9b29e;text-transform:uppercase;letter-spacing:1px;font-size:11px}#ready{letter-spacing:3px;min-height:60px;margin:2px 0 6px;font-size:24px}.goal{color:#fff3c4;margin:0;font-size:19px;font-weight:800;line-height:1.2}.goal:before{content:"Goal: ";color:#ffd76a}details.more{margin-top:4px}details.more>summary{cursor:pointer;color:#c9c0a6;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;list-style:none;display:flex}details.more>summary::-webkit-details-marker{display:none}details.more>summary:before{content:"▸ "}details.more[open]>summary:before{content:"▾ "}.b.small{color:#c9c0a6;background:0 0;border-color:#0000;align-self:flex-start;min-height:44px;padding:0 6px;font-size:13px;text-decoration:underline}#resTitle{letter-spacing:2px;margin-bottom:4px;font-size:34px}#goalBanner{z-index:5;text-align:center;pointer-events:none;opacity:0;color:#fff3c4;text-shadow:0 2px #000;background:#000b;border-radius:14px;max-width:min(90vw,640px);padding:10px 18px;font-size:30px;font-weight:900;transition:top .45s,font-size .45s,padding .45s,opacity .4s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#goalBanner.on{opacity:1}#goalBanner:not(.big){top:calc(22px + var(--st));padding:4px 12px;font-size:14px}body.cols #goalBanner{left:calc(var(--sl) + var(--colL) + (100vw - var(--sl) - var(--sr) - var(--colL) - var(--colR)) / 2);max-width:calc(100vw - var(--colL) - var(--colR) - var(--sl) - var(--sr) - 16px)}.card{text-align:center;background:#24211b;border:1px solid #4a4436;border-radius:12px;min-width:260px;max-width:92vw;max-height:92vh;padding:14px 18px;overflow:auto}.wideCard{text-align:left;width:460px}.card h2{color:#ffd76a;margin:0 0 8px;font-size:22px}.col{flex-direction:column;gap:8px;margin-top:8px;display:flex}.row{gap:8px;margin-top:10px;display:flex}.opt{border-bottom:1px solid #3d382c;justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.opt input{width:26px;height:26px}.opt input[type=range]{accent-color:#ffd76a;width:min(180px,42vw);height:44px;margin:0}.moreFronts{text-align:center;margin:2px 4px 0;font-size:12px}.seg{gap:4px;display:flex}.seg .b{min-width:64px;font-size:13px}.hint{color:#b9b29e;margin:4px 0;font-size:11.5px}#medals{text-align:left;margin:6px 0;padding:0;list-style:none}#medals li{padding:2px 0}#medals .got{color:#ffd76a}#medals .no{color:#77705f}#infoTable{border-collapse:collapse;margin:0 auto 6px}#infoTable td{text-align:left;padding:2px 8px}#infoTable td:first-child{color:#b9b29e}#rotate{z-index:10;background:#121418f5;justify-content:center;align-items:center;padding:70px 16px 16px;display:none;position:absolute;inset:0}@media (orientation:portrait) and (width<=760px){body:not(.portrait-ok) #rotate{display:flex}#hud{top:calc(56px + var(--st));left:calc(6px + var(--sl));right:calc(6px + var(--sr))}.zone{top:calc(170px + var(--st))}#zoneR{left:50%;right:0;bottom:calc(140px + var(--sb))}#zoneL{width:50%}#pad{grid-template-columns:repeat(6,52px);left:50%;right:auto;transform:translate(-50%)}#pad .b{width:52px}#toast{top:calc(200px + var(--st))}.menuWrap{flex-direction:column}.camps{width:auto;padding-top:52px}.briefRow{flex-direction:column}}@media (height<=430px){.camps h1{font-size:23px}.camps h1 small{font-size:18px}#resTitle{font-size:28px}.panel{padding:7px 9px}.panel h2{font-size:17px}.panel p{margin:3px 0;font-size:12px}.pick{margin-bottom:3px}}:root{--colL:0px;--colR:0px}#safeProbe{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed}#game{position:absolute;inset:auto}body.cols .back{max-width:calc(var(--colL) - 10px);padding:0 8px;font-size:13px}body.cols #hud{top:calc(56px + var(--st));left:calc(5px + var(--sl));width:calc(var(--colL) - 10px);flex-flow:column;align-items:stretch;gap:3px;min-height:0;right:auto}body.cols #hud .pill{white-space:normal;text-align:center;padding:3px 5px;font-size:11px}body.cols #hud .bar{width:auto;padding:4px 5px}body.cols #obj{text-align:left;line-height:1.2}body.cols #obj span{display:block}body.cols #obj span+span{color:#f4ecd0;font-size:11px;font-weight:600}.wbtn{pointer-events:auto;color:#ece6d6;cursor:pointer;touch-action:manipulation;border:1px solid #4a4436;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:44px;font:700 12px/1.1 system-ui,sans-serif;display:flex}.wbtn small{color:#b9b29e;font-size:11px;font-weight:600}body.cols #topRight{right:calc(var(--sr) + (var(--colR) - 44px) / 2)}body.cols #toast{top:auto;bottom:calc(8px + var(--sb));max-width:calc(100vw - var(--colL) - var(--colR) - var(--sl) - var(--sr) - 16px);left:calc(var(--sl) + var(--colL) + (100vw - var(--sl) - var(--sr) - var(--colL) - var(--colR)) / 2)}body.cols #debug{left:calc(var(--colL) + var(--sl) + 4px);top:calc(4px + var(--st))}body.cols .zone{top:calc(56px + var(--st))}body.cols #zoneL{width:45%;left:0}body.cols #zoneR{left:45%;right:calc(var(--colR) + var(--sr))}body.cols #pad{right:calc(4px + var(--sr));top:calc(56px + var(--st));bottom:calc(6px + var(--sb));width:calc(var(--colR) - 8px);grid-template-columns:1fr;grid-auto-rows:minmax(44px,56px);align-content:end;gap:5px}body.cols #pad .b{width:100%;height:100%;min-height:44px;font-size:16px}body.cols #keysHelp{left:calc(var(--sl) + var(--colL) + (100vw - var(--sl) - var(--sr) - var(--colL) - var(--colR)) / 2)}body.cols:not(.touch) #toast{bottom:calc(34px + var(--sb))}#game canvas,.zone,.stick,#pad{touch-action:none}#hurtEdge{z-index:2;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0;box-shadow:inset 0 0 38px 10px #d8302acc}#hurtEdge.on{opacity:1;transition:none}@media (prefers-reduced-motion:reduce){#hurtEdge.on{opacity:.5}}#coach{z-index:5;bottom:calc(8px + var(--sb));background:#14120ee8;border:1px solid #c98a2c;border-radius:12px;align-items:center;gap:8px;max-width:min(520px,100vw - 24px);padding:5px 6px 5px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}body.cols #coach{bottom:calc(var(--arenaB,0px) + 8px);left:calc(var(--sl) + var(--colL) + (100vw - var(--sl) - var(--sr) - var(--colL) - var(--colR)) / 2);max-width:calc(100vw - var(--colL) - var(--colR) - var(--sl) - var(--sr) - 16px)}#coach p{flex:auto;margin:0;font-size:13px;font-weight:600;line-height:1.25}#coachStep{color:#ffd76a;flex:none;font-size:11px;font-weight:700}#coach .b{flex:none;width:auto;padding:0 10px;font-size:13px}body.cols.coaching #toast{bottom:calc(var(--arenaB,0px) + 72px)}body.coaching #keysHelp{display:none!important}#options.screen.modal{z-index:9}body:not(.cols) #coach{bottom:calc(74px + var(--sb));left:calc(12px + var(--sl));right:calc(12px + var(--sr));max-width:none;transform:none}