:root{color:#f7f2dc;background:#050711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(150deg,rgba(125,249,255,.09),transparent 34%),linear-gradient(28deg,rgba(255,77,202,.1),transparent 38%),#050711;overscroll-behavior:none;overflow-x:hidden}button{font:inherit}.shell{width:min(1180px,calc(100vw - 16px));margin:0 auto;padding:8px 0}.gameWrap{position:relative;border-radius:8px;padding:8px;background:linear-gradient(135deg,#7df9ff57,#ff4dca42,#ffcf5c40);box-shadow:0 28px 80px #0000007a}canvas{display:block;width:100%;height:min(92vh,calc((100vw - 32px)/1.6),720px);border-radius:6px;background:#07111f;touch-action:none;outline:none;cursor:default}canvas:focus{box-shadow:0 0 0 3px #7df9ff3d}.threeStage{position:relative;width:100%;height:min(92vh,calc((100vw - 32px)/1.6),720px);border-radius:6px;overflow:hidden;background:#07111f;outline:none;touch-action:none;cursor:crosshair}.threeStage canvas{width:100%!important;height:100%!important;border-radius:0}.threeStage:focus{box-shadow:0 0 0 3px #7df9ff3d}.gameHud{position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none;color:#f7f2dc;font-weight:800}.runStats,.bossPanel,.threatPanel,.miniMap,.hudNotice{border:1px solid rgba(125,249,255,.36);border-radius:8px;background:#03040ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 32px #00000040}.runStats{position:absolute;top:18px;left:18px;width:min(360px,calc(100% - 36px));padding:12px 14px}.runStats>strong{display:block;color:#7df9ff;font-size:11px;letter-spacing:0}.runStats dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:8px 0 0}.runStats div,.runStats dt,.runStats dd{min-width:0;margin:0}.runStats dt{color:#92a0bf;font-size:8px;line-height:1.2}.runStats dd{color:#f7f2dc;font-size:16px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.bossPanel{position:absolute;top:18px;left:50%;width:min(430px,calc(100% - 420px));min-width:300px;padding:12px 14px;transform:translate(-50%);border-color:color-mix(in srgb,var(--judge-color) 70%,transparent)}.bossPanel div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.bossPanel strong{color:var(--judge-color);font-size:15px}.bossPanel span,.bossPanel small{color:#b9c3df;font-size:12px}.bossPanel small{display:block;margin-top:3px}.bossHealth{height:10px;margin-top:8px;background:#ffffff29;overflow:hidden}.bossHealth span{display:block;height:100%;background:linear-gradient(90deg,var(--judge-color),#9cff8f)}.threatPanel{position:absolute;top:104px;left:18px;width:min(318px,calc(100% - 36px));padding:13px 16px;border-color:color-mix(in srgb,var(--judge-color) 72%,transparent)}.threatPanel strong,.threatPanel span{display:block}.threatPanel strong{color:#f7f2dc;font-size:15px}.threatPanel span{margin-top:4px;color:#b9c3df;font-size:13px}.threatPanel-danger{background:color-mix(in srgb,var(--judge-color) 58%,rgba(3,4,10,.82))}.threatPanel-danger span{color:#03040a}.miniMap{position:absolute;top:18px;right:18px;width:118px;height:118px;overflow:hidden}.miniMap:before{content:"";position:absolute;top:25%;right:25%;bottom:25%;left:25%;border:1px solid rgba(125,249,255,.18);background:#7df9ff0f}.miniShard,.miniJudge,.miniPortal,.miniPlayer{position:absolute;display:block;transform:translate(-50%,-50%)}.miniShard{width:4px;height:4px;background:#7df9ff;box-shadow:0 0 8px #7df9ff}.miniJudge{width:8px;height:8px;border-radius:50%;background:var(--judge-color);box-shadow:0 0 10px var(--judge-color)}.miniJudge-defeated{opacity:.42;filter:grayscale(1)}.miniPortal{width:13px;height:13px;border:2px solid var(--portal-color);border-radius:50%;box-shadow:0 0 10px var(--portal-color)}.miniPortal-return{width:10px;height:10px}.miniPlayer{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:12px solid #f7f2dc;transform-origin:center;filter:drop-shadow(0 0 7px #7df9ff)}.noticeStack{position:absolute;left:18px;bottom:18px;display:grid;gap:8px;width:min(500px,calc(100% - 36px))}.hudNotice{position:relative;padding:12px 14px 12px 20px;border-color:color-mix(in srgb,var(--notice-color) 72%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--notice-color) 22%,transparent)}.hudNotice:before{content:"";position:absolute;width:6px;height:calc(100% - 16px);margin-left:-12px;border-radius:4px;background:var(--notice-color)}.hudNotice strong,.hudNotice span{display:block}.hudNotice strong{color:#f7f2dc;font-size:15px;text-transform:uppercase}.hudNotice span{margin-top:3px;color:#b9c3df;font-size:12px;line-height:1.25}.overlay{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:6px;display:grid;place-content:center;gap:16px;padding:28px;text-align:center;background:#03040adb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.overlay h2{margin:0;font-size:50px;line-height:.95;letter-spacing:0}.overlay p{margin:0 auto;max-width:650px;color:#d4dcf5;line-height:1.45}.overlay-upgrade{background:linear-gradient(180deg,#0b1326e6,#03040aeb),repeating-linear-gradient(90deg,rgba(125,249,255,.08) 0 1px,transparent 1px 84px)}.mutationHeader{display:grid;gap:8px;justify-items:center}.mutationHeader span{color:#ffcf5c;font-size:12px;font-weight:900;text-transform:uppercase}.overlay button,.upgradeGrid button{border:1px solid rgba(125,249,255,.42);color:#f7f2dc;background:#101a2ef0;border-radius:8px;padding:14px 18px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.overlay button:hover,.upgradeGrid button:hover{transform:translateY(-2px);border-color:#7df9ff;background:#1e2f52f5}.bossIntroGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:min(850px,88vw);margin:0 auto}.introBoss{min-width:0;border:1px solid color-mix(in srgb,var(--judge-color) 62%,transparent);border-radius:8px;padding:12px 8px;background:linear-gradient(135deg,color-mix(in srgb,var(--judge-color) 20%,transparent),color-mix(in srgb,var(--judge-alt) 12%,transparent)),#050711db}.introBoss strong{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 8px;border-radius:8px;color:#03040a;background:var(--judge-color);font-size:14px}.introBoss span,.introBoss small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.introBoss span{color:#f7f2dc;font-weight:850;font-size:14px}.introBoss small{color:#b9c3df;font-size:12px}.upgradeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(760px,90vw)}.upgradeGrid button{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto auto auto;align-items:center;gap:4px 12px;min-height:166px;text-align:left;border-color:color-mix(in srgb,var(--upgrade-color) 68%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--upgrade-color) 18%,transparent),#101a2ef2),#050711e6}.upgradeGrid button:hover{border-color:var(--upgrade-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--upgrade-color) 35%,transparent),0 0 28px color-mix(in srgb,var(--upgrade-color) 26%,transparent)}.upgradeIcon{grid-row:1 / 5;display:grid!important;place-items:center;width:54px;height:54px;border-radius:8px;color:#03040a;background:var(--upgrade-color);font-size:14px;font-weight:950;box-shadow:0 0 20px color-mix(in srgb,var(--upgrade-color) 36%,transparent)}.upgradeGrid small{color:var(--upgrade-color);font-size:11px;font-weight:900;text-transform:uppercase}.upgradeGrid strong,.upgradeGrid span,.upgradeGrid em{display:block}.upgradeGrid strong{color:#f7f2dc;font-size:18px;line-height:1.1}.upgradeGrid span:not(.upgradeIcon){color:#b9c3df;font-size:13px;line-height:1.25}.upgradeGrid em{color:#f7f2dc;font-size:12px;font-style:normal;line-height:1.25}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 780px),(max-height: 760px){.shell{width:min(100vw - 8px,1180px);padding:4px 0}.bossIntroGrid,.upgradeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay h2{font-size:36px}canvas,.threeStage{height:min(94vh,calc((100vw - 24px)/1.6),720px)}.bossPanel{top:auto;right:18px;bottom:18px;left:auto;width:min(340px,calc(100% - 36px));min-width:0;transform:none}.noticeStack{bottom:98px}}@media (max-height: 650px){canvas,.threeStage{height:min(96vh,calc((100vw - 24px)/1.6),720px)}.noticeStack{display:none}}