*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101a24;color:#eaf1ec;font-family:Inter,ui-sans-serif,system-ui,sans-serif}canvas{display:block;width:100vw;height:100vh}header{position:absolute;inset:18px 24px auto;display:flex;align-items:center;gap:12px}header b{font-size:16px;letter-spacing:3px}small{display:block;color:#849fa9;font-size:10px;letter-spacing:2px;margin-top:5px}#progress{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:#b3c6ca}button{border:1px solid #45606d;border-radius:5px;background:#233844;color:#e9f4f2;padding:10px 15px;cursor:pointer;font:inherit;font-size:12px}button:hover,button:focus-visible{background:#3b5762;outline:2px solid #a1ece3;outline-offset:2px}#coreHud{position:absolute;left:24px;top:94px;width:130px;font-size:11px;letter-spacing:2px}.meter{height:4px;background:#334650;margin:10px 0}.meter i{display:block;height:100%;background:#f5d78c}#hp{font-size:13px;color:#f5d78c;font-variant-numeric:tabular-nums}footer{position:absolute;inset:auto 24px 18px;display:flex;justify-content:space-between;color:#96adb3;font-size:11px}#hint{position:absolute;bottom:12%;left:50%;transform:translate(-50%);font-size:14px;letter-spacing:4px;color:#effffc;pointer-events:none;transition:opacity 1s}#overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:38px;background:#122430f5;border:1px solid #66838d;box-shadow:0 20px 80px #0008;border-radius:12px;text-align:center;min-width:min(350px,95vw);max-width:95vw;max-height:calc(100dvh - 24px);overflow:auto}#overlay h1{letter-spacing:5px;font-size:30px}#overlay p{font-size:13px;color:#aec4cc;line-height:1.8}#overlay button{margin:5px}#testEntrancePanel,#bodyEntrancePanel,#pressureEntrancePanel,#alignmentEntrancePanel,#encounterEntrancePanel{text-align:left}#testEntrancePanel label,#bodyEntrancePanel label,#pressureEntrancePanel label,#alignmentEntrancePanel label,#encounterEntrancePanel label{display:block;margin-bottom:8px;font-size:13px}#testRunType,#bodyVariant,#pressureVariant,#alignmentVariant,#encounterSelection{width:100%;min-height:44px;padding:8px;background:#233844;color:#e9f4f2;border:1px solid #66838d;border-radius:5px;font:inherit;touch-action:manipulation}#testRunType:focus-visible,#bodyVariant:focus-visible,#pressureVariant:focus-visible,#alignmentVariant:focus-visible,#encounterSelection:focus-visible{outline:2px solid #a1ece3;outline-offset:2px}#overlay #testRunStatus{font-size:11px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:760px){header{inset:10px;gap:6px}header b{font-size:11px;letter-spacing:1px}small{font-size:8px}#progress{font-size:10px}button{padding:8px}#coreHud{top:70px;left:12px;width:90px}footer{inset:auto 12px 12px;font-size:9px}#hint{font-size:11px}}#app{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}#arena{position:absolute;inset:0}#arena canvas{width:100%;height:100%}#stick{display:none;touch-action:none;user-select:none;-webkit-user-select:none}.touch{overscroll-behavior:none}.touch #app{touch-action:none}.touch.overlay-open #app{touch-action:pan-y}.touch button{min-width:44px;min-height:44px}.touch header{inset:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) auto auto;display:flex;gap:4px}.touch header>div:first-child{display:none}.touch header button{padding:4px;font-size:10px}.touch #progress{position:fixed;left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(192px + env(safe-area-inset-bottom));margin:0;text-align:center;font-size:10px;line-height:14px;letter-spacing:0}.touch #coreHud,.touch #playerHud{left:calc(8px + env(safe-area-inset-left));right:auto;width:auto;display:flex;gap:5px;align-items:center;letter-spacing:0}.touch #coreHud{top:calc(20px + env(safe-area-inset-top))}.touch.reciprocal #coreHud{top:calc(10px + env(safe-area-inset-top))}.touch #coreHud span,.touch #playerHud span{white-space:nowrap;font-size:9px}.touch #coreHud .meter,.touch #playerHud .meter{width:30px;min-width:30px;margin:0}.touch #hp,.touch #playerHp{font-size:10px;white-space:nowrap}.touch #arena{inset:calc(56px + env(safe-area-inset-top)) env(safe-area-inset-right) calc(182px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.touch #stick{display:grid;place-items:center;position:absolute;left:50%;transform:translate(-50%);bottom:calc(60px + env(safe-area-inset-bottom));width:124px;height:124px;border:2px solid #7ca5af88;border-radius:50%;background:#223944cc}#stickKnob{display:block;width:46px;height:46px;border-radius:50%;background:#b9f7f0bb;border:1px solid #ddfff8;pointer-events:none}.touch footer{inset:auto 8px calc(3px + env(safe-area-inset-bottom));display:block;text-align:center;font-size:10px;line-height:16px;pointer-events:none}.touch footer span+span,.touch #hint{display:none}.touch #overlay{min-width:0;width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:20px;z-index:3;touch-action:pan-y}.touch #overlay h1{font-size:24px}@media(orientation:landscape)and (max-height:600px){.touch #arena{inset:calc(4px + env(safe-area-inset-top)) calc(4px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left))}.touch header{left:calc(8px + env(safe-area-inset-left));right:auto;width:calc(100% - var(--arena-size, 50vw) - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));flex-wrap:wrap}.touch header>div:first-child{display:block;flex-basis:100%;margin:3px 0 4px}.touch header b{font-size:11px;letter-spacing:1px}.touch header small{display:none}.touch #progress{position:static;order:1;width:100%;text-align:left;margin-top:44px}.touch #coreHud,.touch.reciprocal #coreHud{top:calc(82px + env(safe-area-inset-top))}.touch #stick{bottom:calc(14px + env(safe-area-inset-bottom))}.touch footer{display:none}}#modeLink{display:block;margin:14px auto;color:#9edfd8;font-size:12px}#playerHud{position:absolute;left:24px;top:185px;width:146px;font-size:11px;letter-spacing:1px}#playerHud .meter i{background:#e98fad}#playerHp{color:#f3a2be;font-size:13px;font-variant-numeric:tabular-nums}#playerExposure{letter-spacing:0;line-height:1.4;color:#e7bed0}.reciprocal #hint{letter-spacing:1px;background:#292038cb;padding:7px 12px;border-radius:5px}.touch #playerHud{top:calc(31px + env(safe-area-inset-top))}.touch #playerExposure{display:none}@media(orientation:landscape)and (max-height:600px){.touch #playerHud{top:calc(103px + env(safe-area-inset-top))}}#playerHud[hidden],#modeLink[hidden]{display:none}#overlayLanguage{display:block;margin:0 0 14px auto!important}.touch header #language{display:none}#overlay{width:min(560px,95vw)}#overlay h1{overflow-wrap:anywhere}header button{white-space:nowrap}#progress{min-width:0}@media(max-width:760px){html:not(.touch) header{flex-wrap:wrap}html:not(.touch) #progress{flex-basis:100%;order:1}}#settings{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid #66838d40}#settings button{margin:0}#settings #overlayLanguage{display:inline-block;margin:0!important}.player-ui header>div:first-child{display:none}.player-ui header{justify-content:flex-end}.player-ui #progress{margin-left:auto;margin-right:8px}.player-ui #coreHud,.player-ui #playerHud{display:grid;grid-template-columns:48px 64px auto;align-items:center;gap:8px;width:auto;top:25px;font-size:10px;letter-spacing:.5px}.player-ui #playerHud{top:52px}.player-ui .meter{margin:0}.player-ui #hp,.player-ui #playerHp{font-size:11px}.player-ui #playerExposure{display:none}.player-ui #overlay{width:min(460px,calc(100vw - 24px));min-width:0;padding:28px}.player-ui #overlay h1{margin:0 0 18px;font-size:28px;letter-spacing:2px}.player-ui #description{white-space:pre-line;text-align:left;margin:0 0 24px;line-height:1.85}.player-ui #overlay .primary{display:block;width:100%;min-height:48px;margin:8px 0;font-size:15px;font-weight:600;background:#bbede2;color:#142b30;border-color:#d8fff2}.player-ui #overlay .primary:hover{background:#dcfff5}.player-ui #hint{max-width:calc(100vw - 32px);width:max-content;text-align:center;font-size:12px;letter-spacing:.5px;line-height:1.5;padding:6px 10px;border-radius:5px;background:#142530da}.player-ui.touch #coreHud,.player-ui.touch #playerHud{display:flex;gap:5px;top:calc(20px + env(safe-area-inset-top))}.player-ui.touch.reciprocal #coreHud{top:calc(10px + env(safe-area-inset-top))}.player-ui.touch #playerHud{top:calc(31px + env(safe-area-inset-top))}.player-ui.touch #progress{top:calc(21px + env(safe-area-inset-top));right:calc(66px + env(safe-area-inset-right));left:calc(145px + env(safe-area-inset-left));bottom:auto;margin:0}.player-ui.touch #hint{display:block;bottom:calc(190px + env(safe-area-inset-bottom));font-size:10px;background:none;padding:0}.player-ui.touch #overlay{padding:22px}.player-ui.touch #overlay h1{font-size:24px}.player-ui.touch #settings{gap:6px}.player-ui.touch #settings button{padding:8px;font-size:11px}@media(max-width:760px){html.player-ui:not(.touch) header{flex-wrap:nowrap}html.player-ui:not(.touch) #progress{flex-basis:auto;order:0}html.player-ui:not(.touch) #coreHud,html.player-ui:not(.touch) #playerHud{left:12px;grid-template-columns:44px 30px auto;gap:5px}}@media(orientation:landscape)and (max-height:600px){.player-ui.touch header{flex-wrap:nowrap}.player-ui.touch header>div:first-child{display:none}.player-ui.touch #progress{position:static;width:auto;order:0;margin:0;text-align:left}.player-ui.touch #coreHud,.player-ui.touch.reciprocal #coreHud{top:calc(64px + env(safe-area-inset-top))}.player-ui.touch #playerHud{top:calc(87px + env(safe-area-inset-top))}.player-ui.touch #hint{left:calc(8px + env(safe-area-inset-left));top:calc(112px + env(safe-area-inset-top));bottom:auto;transform:none;width:calc(100% - var(--arena-size, 50vw) - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));text-align:left}}.player-ui #overlay{background:linear-gradient(180deg,#13263299,#0f1d27f2 38%),#0f1d27f0;border:1px solid #5b7a8580;box-shadow:0 24px 90px #000b,inset 0 1px #ffffff10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.player-ui #overlay h1{margin-bottom:6px;letter-spacing:4px}#tagline{margin:0 0 18px;font-size:15px!important;color:#f6e7a8!important;letter-spacing:.3px}#legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}#legend figure{margin:0;padding:8px 8px 6px;border-radius:10px;background:radial-gradient(circle at 12% 50%,#e9dfb855,#a3b2b0 55%,#7d949b)}#legend svg{display:block;width:100%;height:auto}#legend figcaption{margin-top:4px;font-size:12px;font-weight:600;color:#11202a}#legend .hit{animation:legendPulse 1.1s ease-in-out infinite}#legend .hurt{animation:legendPulse .8s ease-in-out infinite}@keyframes legendPulse{50%{opacity:.25}}.player-ui #description{line-height:1.7;margin-bottom:18px;font-size:13px;color:#b9ccd2}#stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 12px}#stats div{padding:10px 4px 8px;border-radius:10px;background:#ffffff0d;border:1px solid #ffffff12}#stats b{display:block;font-size:24px;font-variant-numeric:tabular-nums;color:#f4f1e6}#stats span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8fa9b1}#best{margin:0 0 10px!important;font-weight:600;color:#b9f7f0!important}#best[data-new="1"]{color:#f6e7a8!important;animation:bestPop .5s ease-out}@keyframes bestPop{0%{transform:scale(1.25);opacity:0}}.player-ui #share{display:block;width:100%;min-height:42px;margin:6px 0 0;background:transparent;border:1px solid #b9f7f066;color:#d8fff2;font-size:14px}.player-ui #share:hover{background:#b9f7f014}.player-ui #overlay .primary{border-radius:10px;font-size:16px;letter-spacing:.5px;box-shadow:0 6px 24px #bbede233}.player-ui #settings{margin-top:16px;padding-top:12px;gap:6px}.player-ui #settings button{background:transparent;border-color:#ffffff1f;color:#9fb7bf;padding:7px 11px;font-size:11px}.player-ui #settings button:hover{color:#e9f4f2;background:#ffffff0d}.player-ui #coreHud,.player-ui #playerHud{font-weight:600;letter-spacing:1.5px;grid-template-columns:70px 64px auto}.player-ui #coreLabel,.player-ui #playerLabel{white-space:nowrap}.player-ui #coreLabel:before,.player-ui #playerLabel:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;vertical-align:1px}.player-ui #coreLabel:before{background:#fff3bb;box-shadow:0 0 8px #f5d78c}.player-ui #playerLabel:before{background:#b9f7f0;box-shadow:0 0 8px #75e2d4}.player-ui .meter{height:6px;border-radius:3px;overflow:hidden;background:#ffffff14}.player-ui .meter i{border-radius:3px;transition:width .2s ease-out}.player-ui #pause{border-radius:10px;background:#ffffff0f;border-color:#fff2}.player-ui #pause:before{content:"";display:inline-block;width:3px;height:10px;margin-right:12px;vertical-align:-1px;background:currentColor;box-shadow:5px 0 currentColor;border-radius:1px}.player-ui.touch #pause{width:46px;height:46px;padding:0;font-size:0}.player-ui.touch #pause:before{width:4px;height:14px;margin:0 5px 0 0;box-shadow:7px 0 currentColor}#waveTrack{--n: 7;position:absolute;left:50%;top:calc(26px + env(safe-area-inset-top));transform:translate(-50%);width:min(240px,46vw);height:6px;border-radius:3px;background:#ffffff1c;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(100% / var(--n) - 3px),#0000 0 calc(100% / var(--n)));mask:repeating-linear-gradient(90deg,#000 0 calc(100% / var(--n) - 3px),#0000 0 calc(100% / var(--n)));pointer-events:none}#waveFill{display:block;height:100%;background:linear-gradient(90deg,#f5d78c,#fff3bb);transition:width .35s ease-out}#waveTrack[data-boss="1"]{background:linear-gradient(90deg,#ffffff1c calc(100% - 100% / var(--n)),#f2b8db55 0)}.player-ui.touch #waveTrack{top:calc(66px + env(safe-area-inset-top));width:min(220px,60vw)}.overlay-open #waveTrack,.overlay-open #banner{display:none!important}#banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;text-align:center;white-space:nowrap;z-index:5;padding:14px 44px;border-radius:999px;background:radial-gradient(ellipse at center,#0b141bd9,#0b141bb3 50%,#0b141b00 72%);text-shadow:0 2px 14px #000,0 0 2px #000}#banner small{margin:0;font-size:12px;letter-spacing:4px;color:#f2b8db}#banner b{font-size:34px;letter-spacing:6px;color:#fffaf0}#banner span{font-size:13px;letter-spacing:1px;color:#d4e2e5}#banner[data-kind=clear] b{font-size:22px;color:#f6e7a8;letter-spacing:8px}#banner[data-kind=boss] b{font-size:44px;color:#f2b8db}#banner[data-anim=a]{animation:bannerA 1.2s ease-out both}#banner[data-anim=b]{animation:bannerB 1.2s ease-out both}#banner[data-kind=boss][data-anim=a]{animation:bannerA 2.1s ease-out both}#banner[data-kind=boss][data-anim=b]{animation:bannerB 2.1s ease-out both}@keyframes bannerA{0%{opacity:0;letter-spacing:14px}15%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes bannerB{0%{opacity:0;letter-spacing:14px}15%{opacity:1}75%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){#banner[data-anim],#legend .hit,#legend .hurt,#best[data-new="1"]{animation:none}}@media(max-width:420px){#banner b{font-size:28px}#banner[data-kind=boss] b{font-size:34px}#stats b{font-size:20px}}