:root{font-family:Inter,ui-sans-serif,system-ui,Noto Sans TC,sans-serif;color:#edf3ef;background:#111923;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#111923}#shell{width:100%;height:100%;display:grid;grid-template-rows:104px minmax(0,1fr) 232px;position:relative;overflow:hidden}#hud{z-index:4;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) 88px;grid-template-rows:64px 24px;column-gap:9px;align-items:center;padding:7px 12px 9px;background:linear-gradient(180deg,#1a242c,#232d35);border-bottom:1px solid #65727a;box-shadow:0 3px 16px #090f15a8}.bossTop,.playerNumbers{display:flex;justify-content:space-between;gap:5px;white-space:nowrap}.bossTop{font-size:12px;font-weight:800;letter-spacing:.05em;color:#f3c294}.bossTop b{font-size:14px;color:#fff2dc}.bossTop em{font-size:11px;font-style:normal;margin-left:4px;color:#e6ac79}.playerNumbers{font-size:10px;font-weight:750;color:#bfced0}.playerNumbers b{font-size:13px;color:#f2f8f6}.bossInfo,.playerInfo{min-width:0}.meter{height:8px;background:#121b22;border:1px solid #62727c;border-radius:8px;overflow:hidden;margin-top:5px;box-shadow:inset 0 1px 3px #0008}.meter i{display:block;height:100%;width:100%;transition:width .1s linear}.bossMeter{height:12px;border-color:#c38355}.bossMeter i{background:linear-gradient(90deg,#985133,#efb16a)}.phaseTwo .bossMeter{border-color:#ca7492}.phaseTwo .bossMeter i{background:linear-gradient(90deg,#804562,#dc7fa6)}.hpMeter i{background:linear-gradient(90deg,#3285a2,#a1e8ea)}.staminaMeter{height:6px;margin-top:4px}.staminaMeter i{background:linear-gradient(90deg,#98a963,#e4d899)}.hudButtons{display:flex;gap:4px;justify-content:flex-end}.hudButtons button{width:39px;height:44px;border:1px solid #72858c;border-radius:9px;background:linear-gradient(#33444e,#202d37);color:#e9f1ee;font-size:22px;line-height:1;box-shadow:0 2px 5px #0006}#pauseButton{width:44px}.hudButtons button:active{background:#546671}#chargeHUD{grid-column:1/4;grid-row:2;display:flex;align-items:center;gap:8px;height:23px;border-top:1px solid #4c5b63;padding-top:5px}.chargeLabel{font-size:10px;letter-spacing:.15em;color:#bac8c7;font-weight:800}#chargeHUD i{display:block;width:28px;height:8px;border:1px solid #747d7d;transform:skew(-20deg);background:#273039;border-radius:2px;box-shadow:inset 0 0 4px #0009}#chargeOne.ready{background:linear-gradient(90deg,#bc673d,#ffd394);box-shadow:0 0 8px #ed9b5b}#chargeTwo.ready{background:linear-gradient(90deg,#6aabd0,#d8faff);box-shadow:0 0 9px #b7f5ff}#battle{position:relative;min-width:0;min-height:0;overflow:hidden;background:#1a242c}#battle canvas{width:100%;height:100%;display:block}#damageFlash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 47%,#ed8758 100%);opacity:0}#controls{position:relative;background:radial-gradient(circle at 50% 12%,#34424a,#1d2931 75%);border-top:1px solid #62727b;touch-action:none}#ring{position:absolute;left:52%;bottom:90px;transform:translate(-50%,50%);width:116px;height:116px;border-radius:50%;border:2px solid #9cabb0;background:radial-gradient(circle,#26333a 0 27%,#43515a 28% 35%,#25323a 36% 75%);box-shadow:0 0 0 6px #17232bd9,0 7px 18px #071018,inset 0 0 21px #0b1a20;touch-action:none;user-select:none;-webkit-user-select:none}#ring:before{content:"";position:absolute;inset:7px;border:1px dashed #a7c4ca66;border-radius:50%;pointer-events:none}.ringInner{position:absolute;inset:23px;border:1px solid #9fbdc267;border-radius:50%;pointer-events:none}.ringCore{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#d9f0e8;transform:translate(-50%,-50%);box-shadow:0 0 10px #73eee4;pointer-events:none}#directionDot{position:absolute;left:50%;top:50%;width:13px;height:13px;border-radius:50%;background:#91f1e7;box-shadow:0 0 10px #54e8dc;opacity:0;pointer-events:none}.skill{position:absolute;transform:translate(-50%,50%);width:56px;height:56px;border-radius:50%;border:2px solid #a5b2aa;color:#f3f4df;background:radial-gradient(circle at 40% 30%,#50606a,#26323a 70%);box-shadow:0 3px 10px #07131a,inset 0 0 0 3px #1b2b33;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}.skill:before{content:"";position:absolute;inset:2px;border-radius:50%;background:#0d151bcc;transform:scaleY(var(--cd-progress,0));transform-origin:bottom;z-index:1;pointer-events:none}.skillIcon{font-size:23px;line-height:24px;font-weight:800;z-index:2}.skill small{font-size:9px;line-height:12px;font-weight:800;letter-spacing:.03em;z-index:2}.skillCD{position:absolute;inset:0;display:grid;place-items:center;font-size:16px;font-weight:900;text-shadow:0 1px 3px #000;z-index:3}.skill.cooling .skillIcon,.skill.cooling small{opacity:.45}.skill.pressed{filter:brightness(1.3);transform:translate(-50%,50%) scale(.94)}.skill.unavailable{opacity:.65}#skillDash{left:calc(52% - 46px);bottom:190px;border-color:#8bcbd3}#skillSpin{left:calc(52% + 46px);bottom:190px;border-color:#dbb989}#skillHeal{left:calc(52% + 105px);bottom:108px;border-color:#92c99a}#overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:radial-gradient(circle at 50% 43%,#3b4c53,#142029 67%,#0b131b)}#overlay[hidden]{display:none}.overlayArt{text-align:center;min-width:210px}.crest{display:block;font-size:51px;color:#e7b684;text-shadow:0 0 23px #e58f55;margin-bottom:8px}h1{font-size:clamp(30px,7vw,46px);letter-spacing:.13em;margin:0 0 19px;text-shadow:0 3px 10px #000}.overlayArt button{min-width:158px;padding:13px 28px;border:1px solid #ddb384;border-radius:7px;background:linear-gradient(#b9875b,#855038);color:#fff9ed;font-weight:800;letter-spacing:.12em;box-shadow:0 7px 21px #0008}#overlayTime{height:24px;font-size:17px;margin-top:-5px;margin-bottom:15px;color:#d4e3e1}#smallWarning{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:#111923;color:#f4dbc0;font-size:16px}#smallWarning[hidden]{display:none}@media(max-width:380px){#hud{grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr) 86px;column-gap:5px;padding-left:8px;padding-right:8px}.bossTop{font-size:11px}.playerNumbers{font-size:9px}.hudButtons{gap:2px}}@media(orientation:landscape),(max-height:639px){#shell{grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:72px minmax(0,1fr)}#hud{grid-column:1/3;grid-row:1;grid-template-rows:50px 16px;padding-top:2px;padding-bottom:3px}#chargeHUD{height:16px;padding-top:2px}#battle{grid-column:1;grid-row:2}#controls{grid-column:2;grid-row:2;border-top:0;border-left:1px solid #62727b}#ring{left:94px;bottom:86px;width:96px;height:96px}#skillDash{left:56px;bottom:174px}#skillSpin{left:132px;bottom:174px}#skillHeal{left:185px;bottom:94px}#directionDot{width:10px;height:10px}}