:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f8ff;background:#10131c}*{box-sizing:border-box}body{margin:0;overflow:hidden}#game-canvas{display:block;width:100vw;height:100vh;touch-action:none;outline:none;transform-origin:center}#ui-root{position:fixed;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}.difficulty-selection{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:34px;pointer-events:auto;background:radial-gradient(circle at 50% 38%,#243150f2,#070a11fa 68%)}.difficulty-selection.hidden{display:none}.difficulty-card{width:min(874px,calc(100vw - 38px));padding:clamp(28px,4.6vw,49px);border:1px solid #93bce47a;background:#0c1422f2;box-shadow:0 28px 92px #000c,inset 0 0 48px #6aa8dc12;text-align:center}.difficulty-kicker{margin:0 0 9px;color:#8fdfff;font:800 13px/1 ui-monospace,monospace;letter-spacing:.28em}.difficulty-card h1{margin:0 0 32px;color:#f3f8ff;font-size:clamp(26px,4.6vw,40px);letter-spacing:.13em}.difficulty-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.difficulty-option{min-height:178px;padding:25px;border:1px solid #7894b6;background:linear-gradient(160deg,#172843,#0d1524);color:#e8f2ff;cursor:pointer;display:grid;align-content:center;gap:14px;font:inherit;text-align:left;transition:transform .16s,border-color .16s,box-shadow .16s}.difficulty-option strong{color:#f8fbff;font-size:26px;letter-spacing:.08em}.difficulty-option span{color:#bfd0e4;font-size:16px;line-height:1.5}.difficulty-option:hover,.difficulty-option:focus-visible{transform:translateY(-4px);outline:none;border-color:#83dfff;box-shadow:0 0 28px #57c8ff38}.difficulty-easy{position:relative;border-color:#66d98b99;box-shadow:inset 0 0 28px #55d77b12,0 0 23px #42d6751c}.difficulty-easy:hover,.difficulty-easy:focus-visible{border-color:#7ff0a0;box-shadow:inset 0 0 31px #55d77b18,0 0 30px #42e47748}.difficulty-recommended{position:absolute;top:13px;right:14px;width:auto;padding:5px 8px;border:1px solid #75e99a99;border-radius:999px;background:#143c23d9;color:#9affb8!important;font:900 10px/1 ui-monospace,monospace!important;letter-spacing:.11em}.difficulty-hard{border-color:#c6789388;background:linear-gradient(160deg,#351927,#160d16)}.difficulty-hard:hover,.difficulty-hard:focus-visible{border-color:#ff7b9d;box-shadow:0 0 28px #ff4f8338}.loading{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:37px;background:#070b12f2;color:#ccefff;text-align:center;font:800 18px/1.5 ui-monospace,monospace;letter-spacing:.12em;white-space:pre-line}.loading-card{width:min(520px,calc(100vw - 74px));padding:34px 36px 30px;border:1px solid #87b9d980;background:#0c1725ed;box-shadow:0 18px 55px #000a,inset 0 0 32px #5ea6cf13}.loading-title{margin-bottom:14px;color:#f0fbff;font-size:24px;letter-spacing:.22em}.loading-state{color:#b8d4e7;font-size:14px;letter-spacing:.24em}.loading-track{height:8px;margin-top:20px;overflow:hidden;border:1px solid #87b9d955;background:#050b13}.loading-fill{width:0;height:100%;background:linear-gradient(90deg,#4bc4e3,#9ce6ff);box-shadow:0 0 16px #67dcff99;transition:width .12s linear}.loading-tip{min-height:48px;margin:23px auto 0;color:#c7d9e9;font:650 14px/1.55 system-ui,sans-serif;letter-spacing:.015em;opacity:1;transition:opacity .18s ease}.loading-tip.changing{opacity:0}.loading.error{color:#ffb4b4;background:#16090df2}.loading.hidden{display:none}.ability-screen-fx{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0}.health-vignette{--health-danger-opacity: 0;position:absolute;inset:0;z-index:5;pointer-events:none;opacity:var(--health-danger-opacity);background:radial-gradient(circle at 0 0,#d91e3d99 0%,transparent 38%),radial-gradient(circle at 100% 0,#d91e3d99 0%,transparent 38%),radial-gradient(circle at 0 100%,#d91e3d99 0%,transparent 38%),radial-gradient(circle at 100% 100%,#d91e3d99 0%,transparent 38%);box-shadow:inset 0 0 12vw 2vw #9d132b88;transition:opacity .22s ease-out}.health-vignette.damage-hit{animation:damage-vignette-hit .34s ease-out both}#game-canvas.damage-shake{animation:damage-shake .22s ease-out both}.blink-screen-fx{background:radial-gradient(circle at 50% 54%,#e9ffffe6 0%,#70f2ff8f 8%,#16bce83d 28%,transparent 62%);mix-blend-mode:screen}.blink-screen-fx.active{animation:blink-screen .46s ease-out both}@keyframes blink-screen{0%{opacity:0;transform:scale(.82)}20%{opacity:1}to{opacity:0;transform:scale(1.16)}}.realm-name{position:absolute;inset:18px 18px auto auto;padding:10px 17px;border:1px solid #8292ad88;background:#101725dd;box-shadow:0 5px 20px #0007;letter-spacing:.16em;font-size:14px;font-weight:800}.objective{position:absolute;top:calc(min(43.7vh,329px) + 32px);left:18px;width:min(414px,calc(100vw - 36px));min-height:59px;padding:12px 56px 12px 14px;border:1px solid #8292ad55;background:#101725bb;color:#dbe8ff;text-align:left;font-size:14px;font-weight:700;letter-spacing:.08em;transition:transform .24s ease-in-out,box-shadow .2s}.objective.collapsed{transform:translate(calc(-100% + 48px));box-shadow:5px 0 18px #0008}.objective-content{transition:opacity .14s ease}.objective.collapsed .objective-content{opacity:0}.objective-toggle{position:absolute;top:0;right:0;bottom:0;width:46px;border:0;border-left:1px solid #8292ad66;background:#17243adb;color:#dbe8ff;cursor:pointer;pointer-events:auto;font:900 21px/1 ui-monospace,monospace;transition:background .15s,color .15s}.objective-toggle:hover,.objective-toggle:focus-visible{outline:none;background:#23405fd9;color:#7eeaff}.objective-title{display:block}.objective-trees{display:flex;gap:8px;margin-top:12px}.objective-tree{width:21px;height:21px;border:1px solid #ff8693;background:#8d2735;box-shadow:inset 0 0 0 2px #210a10,0 0 10px #ff536544}.objective-tree.cleansed{border-color:#8ff2a3;background:#2eaa50;box-shadow:inset 0 0 0 2px #0d3518,0 0 10px #6cf39188}.objective.exit-objective{border-color:#81ec9c;color:#b8ffca;box-shadow:0 0 18px #57e77a35}.prompt{position:absolute;left:50%;bottom:155px;transform:translate(-50%);min-width:242px;padding:11px 15px;background:#0b101dcc;border:1px solid #9ed5ff80;font-size:18px;text-align:center;opacity:0;transition:opacity .15s,border-color .15s,color .15s}.prompt.visible{opacity:1}.prompt.recharging{border-color:#ffc75eaa;color:#ffe6a7}.prompt.recharging strong{margin-left:6px;color:#fff4cf;font-variant-numeric:tabular-nums}.ability-bar{--ability-height: clamp(79px, 10.4vh, 95px);position:absolute;bottom:clamp(17px,3.45vh,32px);left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(6,minmax(0,111px));gap:clamp(5px,.92vw,12px);width:min(736px,calc(100vw - 28px));justify-content:center;align-items:end}.channel-bar{position:absolute;left:50%;bottom:clamp(124px,16vh,148px);transform:translate(-50%);width:min(430px,calc(100vw - 40px));padding:9px 12px 11px;border:2px solid #8cc9ff;background:#09111ded;box-shadow:0 0 26px #4caeff45,inset 0 0 18px #1c78bb24}.channel-bar.hidden{display:none}.channel-label{display:flex;justify-content:space-between;margin-bottom:7px;color:#d8efff;font:800 12px/1 ui-monospace,monospace;letter-spacing:.1em}.channel-track{height:13px;border:1px solid #6e93ad;background:#07101a;overflow:hidden}.channel-fill{width:0;height:100%;background:linear-gradient(90deg,#278bd1,#9be6ff);box-shadow:0 0 15px #63cfffaa}.ability{--cooldown-progress: 0%;position:relative;isolation:isolate;min-width:0;height:var(--ability-height);padding:8px 9px 9px;overflow:hidden;border:1px solid #70809a;background:linear-gradient(180deg,#172238f2,#0d1423f2);color:#d6e4ff;display:grid;grid-template:auto 1fr auto / 1fr;align-items:center;box-shadow:inset 0 0 21px #8bb7ff0b,0 6px 23px #0007;pointer-events:auto;transition:transform .15s,border-color .15s,box-shadow .15s,filter .15s}.ability.tree-ability{width:min(100%,var(--ability-height));height:auto;aspect-ratio:1;justify-self:center;padding:9px 12px;border-radius:50%;border-color:#947bd0;background:radial-gradient(circle at 50% 32%,#2b1d4af2,#110d20f2 72%);box-shadow:inset 0 0 23px #a477ff1c,0 6px 23px #0007}.tree-ability .ability-top{padding:0 2px}.tree-ability .ability-status{font-size:7px}.tree-ability .ability-icon{color:#c9adff;text-shadow:0 0 14px #a56bffaa}.ability.tree-ability .label{overflow:visible;font-size:9.5px;line-height:1.05;text-align:center;text-overflow:clip;white-space:normal}.ability-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:4px}.ability .key{display:grid;place-items:center;min-width:25px;height:23px;padding:0 5px;border:1px solid #9bb1d477;background:#080d17bb;color:#f0f6ff;font-size:15px;font-weight:900;line-height:1}.ability-status{color:#78f0c5;font:800 8px/1 ui-monospace,monospace;letter-spacing:.06em;white-space:nowrap}.ability-icon{position:relative;z-index:1;justify-self:center;color:#a8dfff;font:700 clamp(23px,3.7vh,34px)/1 serif;text-shadow:0 0 16px #66cfff88}.ability .label{position:relative;z-index:3;overflow:hidden;color:#dce9ff;font-size:11px;font-weight:800;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.ability.active{transform:translateY(-4px);border-color:#82e7ff;box-shadow:inset 0 0 22px #55cbff29,0 0 24px #55cbff55;animation:ability-active 1s ease-in-out infinite}.ability.active .ability-status,.ability.active .ability-icon{color:#a6f5ff}.ability.flash{border-color:#d6ccff;box-shadow:0 0 22px #8e76ff;transform:translateY(-4px)}.ability[data-key=Q].flash{border-color:#69dcff;box-shadow:inset 0 0 28px #149de05c,0 0 30px #32bfffcc;animation:arc-card-cast .28s ease-out both}.cooldown-shade{position:absolute;z-index:2;inset:0;height:100%;display:grid;place-items:center;background:linear-gradient(160deg,#a30d21e8,#4b0712ed);border:1px solid #ff5c6f99;opacity:1;transition:opacity .12s ease}.cooldown-value{color:#fff4f5;font:900 18px/1 ui-monospace,monospace;text-shadow:0 1px 5px #250006}.ability:not(.cooldown) .cooldown-shade{height:100%;border:0;opacity:0;pointer-events:none}.ability.cooldown .ability-icon{filter:grayscale(.7);opacity:.42}.ability.disabled{border-color:#4a5364;filter:saturate(.35);color:#8791a2}.ability.disabled .ability-status{color:#9aa3b3}.ability.disabled .ability-icon,.ability.disabled .label{opacity:.42}.ability-lock{position:absolute;z-index:6;inset:5px;display:grid;place-items:center;min-width:0;min-height:0;padding:8px;border:1px solid #b8c5d8b3;border-radius:50%;background:#070b12f5;box-shadow:0 0 20px #000e,inset 0 0 16px #a7b8d229;color:#e1e7f0;font:900 8.5px/1.17 ui-monospace,monospace;letter-spacing:.035em;text-align:center;text-wrap:balance;white-space:normal}.ability-lock.hidden{display:none}.tree-ability.disabled .ability-status{opacity:0}.ability-duration{position:absolute;z-index:5;left:50%;bottom:5px;transform:translate(-50%);width:calc(100% - 12px);color:#c9f8ff;font:900 9px/1 ui-monospace,monospace;text-align:center;opacity:0;transition:opacity .12s}.ability-duration.visible{opacity:1}.ability-tooltip{position:absolute;z-index:8;bottom:calc(clamp(17px,3.45vh,32px) + clamp(79px,10.4vh,95px) + 108px);left:50%;transform:translate(-50%,9px);width:min(550px,calc(100vw - 40px));padding:11px 16px;border:1px solid #88aee277;background:#0d1524e8;color:#d7e8ff;font-size:15px;font-weight:700;line-height:1.4;text-align:center;opacity:0;transition:opacity .14s,transform .14s}.ability-tooltip.visible{opacity:1;transform:translate(-50%)}.tutorial-active .ability-tooltip{opacity:0!important}@keyframes ability-active{50%{box-shadow:inset 0 0 30px #55cbff3d,0 0 30px #55cbff70}}@keyframes arc-card-cast{45%{transform:translateY(-7px) scale(1.045);filter:brightness(1.35)}}@media(max-width:520px),(max-height:620px){.ability-bar{--ability-height: 74px;grid-template-columns:repeat(6,minmax(0,94px))}.ability{padding:6px 7px}.ability-status{font-size:7px}.ability-icon{font-size:23px}}@media(max-width:620px){.difficulty-options{grid-template-columns:1fr}.difficulty-option{min-height:129px}}@media(max-width:520px){.ability-bar{--ability-height: 67px;width:calc(100vw - 14px);gap:3px}.ability{padding:5px}.ability .key{min-width:21px;height:20px;padding:0 2px;font-size:12px}.ability-status{font-size:6px;letter-spacing:0}.ability .label{font-size:8px}.tree-ability .ability-icon{display:none}.ability.tree-ability{padding:4px 5px}.tree-ability .ability-top{display:grid;justify-items:center;justify-content:center;gap:1px;padding:0}.tree-ability .ability-status{max-width:51px;overflow:hidden;font-size:5.5px;text-overflow:clip}.tree-ability .ability-lock{inset:3px;padding:5px;font-size:6.5px;letter-spacing:.015em}}.debug{position:absolute;top:29px;left:29px;min-width:288px;padding:14px;border:1px solid #8090a555;background:#0d1320e6;font:15px/1.55 ui-monospace,monospace;white-space:pre-line}.debug.hidden{display:none}.message{position:absolute;top:278px;left:50%;transform:translate(-50%);max-width:min(720px,calc(100vw - 36px));padding:8px 13px;border:1px solid transparent;background:transparent;color:#dceaff;text-shadow:0 2px 4px #000;font-size:18px;text-align:center;opacity:0;transition:opacity .2s,color .15s,border-color .15s,background .15s}.message.visible{opacity:1}.message.recharging{border-color:#ff5267aa;background:#350911df;color:#ff8796;box-shadow:0 0 22px #ff284b44;text-shadow:0 1px 4px #190006}.kill-streak{--streak-colour: #62dfff;position:absolute;z-index:7;top:calc(min(43.7vh,329px) + 139px);left:18px;width:min(194px,calc(100vw - 36px));padding:7px 10px 8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--streak-colour) 68%,#fff 12%);background:linear-gradient(150deg,#101b32ed,#080d18ed);box-shadow:0 6px 20px #0008,inset 0 0 18px color-mix(in srgb,var(--streak-colour) 15%,transparent);color:#e9f7ff;transition:border-color .2s,box-shadow .2s}.kill-streak.hidden{display:none}.kill-streak[data-tier="0"]{--streak-colour: #8ea0bb}.kill-streak[data-tier="1"],.kill-streak[data-tier="2"]{--streak-colour: #c78c55}.kill-streak[data-tier="3"],.kill-streak[data-tier="4"]{--streak-colour: #d6a347}.kill-streak[data-tier="5"],.kill-streak[data-tier="6"]{--streak-colour: #e0b93e}.kill-streak[data-tier="7"],.kill-streak[data-tier="8"]{--streak-colour: #efca45}.kill-streak[data-tier="9"]{--streak-colour: #f6d85a}.kill-streak[data-tier="10"]{--streak-colour: #ffd76a}.kill-streak-main{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:7px}.kill-streak-main strong{color:var(--streak-colour);font:950 19px/1 ui-monospace,monospace;font-variant-numeric:tabular-nums;text-shadow:0 0 12px var(--streak-colour)}.kill-streak-main span{color:color-mix(in srgb,var(--streak-colour) 68%,#fff 32%);font:900 10px/1 ui-monospace,monospace;letter-spacing:.1em}.kill-streak-main .kill-streak-timer{color:color-mix(in srgb,var(--streak-colour) 58%,#b8c1ce 42%);font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.kill-streak-track{height:3px;margin-top:6px;overflow:hidden;background:#03070dcc}.kill-streak-fill{display:block;width:100%;height:100%;background:var(--streak-colour);box-shadow:0 0 12px var(--streak-colour);transition:width .1s linear}.kill-callout{position:absolute;z-index:8;top:126px;left:50%;width:min(720px,calc(100vw - 36px));transform:translate(-50%);color:#dff8ff;text-align:center;pointer-events:none}.kill-callout.hidden{display:none}.kill-callout strong,.kill-callout span{display:block}.kill-callout strong{font:950 clamp(20px,2.5vw,31px)/1.1 ui-monospace,monospace;letter-spacing:.1em;text-shadow:0 0 10px #2f89ff,0 0 25px #42d9ff99,0 3px 5px #000}.kill-callout span{margin-top:7px;color:#f4fbff;font:900 14px/1 ui-monospace,monospace;letter-spacing:.14em;text-shadow:0 0 12px #45cfffaa,0 2px 4px #000}.kill-callout.visible{animation:kill-callout-impact 1.35s ease-out both}.health{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(334px,calc(100vw - 161px));padding:9px 12px 10px;border:1px solid #d16f7e99;background:#15101ae8;box-shadow:0 6px 23px #0008,inset 0 0 16px #ff52611c;color:#ffd1d7}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font:800 12px/1 ui-monospace,monospace;letter-spacing:.14em}.health-header strong{color:#fff1f3;font-size:15px;letter-spacing:.04em}.health-track{height:12px;overflow:hidden;border:1px solid #e58a9588;background:#260e14}.health-fill{width:100%;height:100%;background:linear-gradient(90deg,#278f45,#66e489);box-shadow:0 0 14px #4de576aa;transition:width .15s ease-out,background .22s ease-out,box-shadow .22s ease-out}.torn-timer{position:absolute;left:0;right:0;top:188px;width:276px;margin:0 auto;padding:9px 14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #c58bff99;background:#160d25e8;box-shadow:0 0 21px #8d3bce2c;color:#e6d3ff;font-size:13px;font-weight:800;letter-spacing:.12em;transition:border-color .18s,background .18s,box-shadow .18s}.torn-timer strong{color:#f5ecff;font:800 28px/1 ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em}.torn-timer.urgent{border-color:#ffc75ecc;background:#24170de8;box-shadow:0 0 25px #ffb42f35;color:#ffe0a0;animation:torn-urgent 1s ease-in-out infinite}.torn-timer.urgent strong{color:#ffd26f}.torn-timer.critical{border-color:#ff5f70;background:#2c0911ed;box-shadow:0 0 34px #ff334f66;color:#ffc0c7;animation:torn-critical .42s ease-in-out infinite}.torn-timer.critical strong{color:#ff7180}.torn-timer.hidden{display:none}.minimap{position:absolute;top:18px;left:18px;bottom:auto;height:min(43.7vh,329px);width:auto;border:1px solid #91a9bc99;background:#07100ee8;box-shadow:0 7px 28px #0009,inset 0 0 21px #6aa4c51a;image-rendering:auto}.minimap.hidden{display:none}.stabilized{position:absolute;top:24%;left:50%;transform:translate(-50%);min-width:min(598px,calc(100vw - 46px));padding:25px 35px;border:1px solid #72f5c588;background:#08140ee8;box-shadow:0 0 46px #72f5c52b;text-align:center;letter-spacing:.12em;animation:stabilized-in 2s ease both}.stabilized h1{margin:0 0 10px;color:#72f5c5;font-size:33px}.stabilized p{margin:0;font-size:15px;font-weight:800}.stabilized.hidden{display:none}.exit-locked-notice{position:absolute;z-index:16;left:50%;bottom:calc(clamp(17px,3.45vh,32px) + clamp(79px,10.4vh,95px) + 26px);width:min(560px,calc(100vw - 32px));padding:15px 22px;transform:translate(-50%,10px) scale(.98);border:1px solid #ff815fcc;background:linear-gradient(145deg,#39100fed,#1c0908f2);box-shadow:0 0 34px #ff4b3052,inset 0 0 24px #ff7a4314;color:#ffd5c7;text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.exit-locked-notice strong,.exit-locked-notice span{display:block}.exit-locked-notice strong{color:#ff8d70;font:950 clamp(20px,2.7vw,29px)/1.1 ui-monospace,monospace;letter-spacing:.13em;text-shadow:0 0 15px #ff4a2e88}.exit-locked-notice span{margin-top:7px;font:850 clamp(11px,1.6vw,15px)/1.2 ui-monospace,monospace;letter-spacing:.11em}.exit-locked-notice.visible{opacity:1;transform:translate(-50%) scale(1)}.exit-locked-notice.hidden{display:none}.death-state{position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#0d365ca8,#030711f2 68%);pointer-events:none;animation:death-state-in .28s ease-out both}.death-state.hard{background:radial-gradient(circle,#67151fbd,#100306f4 68%)}.death-state.hidden{display:none}.death-state-panel{width:min(650px,calc(100vw - 38px));padding:clamp(27px,5vw,48px);border:1px solid #5ed6ff99;background:#071626e8;box-shadow:0 0 58px #39bfff3b,inset 0 0 35px #51ceff12;text-align:center}.death-state.hard .death-state-panel{border-color:#ff5f6fa8;background:#24070deb;box-shadow:0 0 58px #ff304445,inset 0 0 35px #ff526514}.death-state-primary,.death-state-secondary,.death-state-status,.death-state-support{display:block}.death-state-primary{color:#75ddff;font:950 clamp(29px,5vw,48px)/1 ui-monospace,monospace;letter-spacing:.13em;text-shadow:0 0 22px #39c8ff77}.death-state.hard .death-state-primary{color:#ff6978;text-shadow:0 0 22px #ff304477}.death-state-secondary{margin-top:15px;color:#e6f7ff;font:850 clamp(16px,2.4vw,23px)/1.2 ui-monospace,monospace;letter-spacing:.12em}.death-state-status{margin-top:20px;color:#58d8ff;font:900 clamp(13px,2vw,18px)/1.25 ui-monospace,monospace;letter-spacing:.1em}.death-state.hard .death-state-status{color:#ff9b83}.death-state-support{margin-top:12px;color:#a8bdcc;font:750 clamp(10px,1.45vw,13px)/1.45 ui-monospace,monospace;letter-spacing:.06em}.completion{position:absolute;z-index:55;inset:0;display:grid;place-items:center;overflow:auto;padding:20px;background:radial-gradient(circle,#1a536277,#050b12f3 70%);pointer-events:auto}.completion.hidden{display:none}.pdcr-panel{width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 40px);padding:clamp(22px,3.5vw,38px);overflow:auto;border:1px solid #68e6d1a8;background:linear-gradient(155deg,#0a2025f5,#07121bf8);box-shadow:0 24px 80px #000d,0 0 50px #47daca2d,inset 0 0 36px #5fffe40d;color:#dffefa}.pdcr-kicker,.pdcr-code{margin:0;color:#73ead9;font:900 12px/1 ui-monospace,monospace;letter-spacing:.2em;text-align:center}.pdcr-panel h1{margin:11px 0 8px;color:#ecfffc;font:950 clamp(24px,4vw,39px)/1.12 ui-monospace,monospace;letter-spacing:.08em;text-align:center;text-wrap:balance}.pdcr-code{margin-bottom:24px;color:#8ba9af}.pdcr-stats{border-top:1px solid #6bd9ca4c}.pdcr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:10px 5px;border-bottom:1px solid #6bd9ca2d;align-items:baseline}.pdcr-row span{color:#91b8b8;font:800 clamp(10px,1.4vw,13px)/1.2 ui-monospace,monospace;letter-spacing:.09em}.pdcr-row strong{color:#e8fffb;font:900 clamp(12px,1.7vw,16px)/1.2 ui-monospace,monospace;letter-spacing:.06em;text-align:right}.restart-run{display:block;min-width:190px;margin:25px auto 0;padding:13px 24px;border:1px solid #68e6d1;background:#123339;box-shadow:0 0 24px #47daca32;color:#effffc;cursor:pointer;font:900 14px/1 ui-monospace,monospace;letter-spacing:.13em}.restart-run:hover,.restart-run:focus-visible{outline:2px solid #effffc;outline-offset:3px;filter:brightness(1.18)}.shift{position:absolute;inset:0;opacity:0;background:radial-gradient(circle,#d4b2ff77,#5a2d8f55 35%,#05020b);mix-blend-mode:screen;transition:opacity .18s}.shift.active{opacity:1;animation:pulse .65s ease-in-out}@keyframes pulse{50%{opacity:.9;filter:blur(3px)}}.realm-collapse{position:absolute;inset:0;z-index:12;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#ffffff20,#a929df55 26%,#2b063cce 68%,#050208f2);opacity:0}.realm-collapse:before{content:"";position:absolute;inset:-15%;border:5px solid #d65fff88;transform:rotate(12deg) scale(.8);box-shadow:inset 0 0 90px #e56eff55,0 0 80px #9a33cc55}.realm-collapse span{position:relative;padding:15px 21px;border:1px solid #ff9effaa;background:#17051cbb;color:#ffd1ff;font-size:21px;font-weight:900;letter-spacing:.16em;text-shadow:0 0 18px #ff6eff}.realm-collapse.active{animation:realm-collapse .95s ease-out both}.realm-collapse.hidden{display:none}@keyframes stabilized-in{0%{opacity:0;transform:translate(-50%,12px) scale(.96)}14%,82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(1.02)}}@keyframes death-state-in{0%{opacity:0}to{opacity:1}}@keyframes torn-urgent{50%{box-shadow:0 0 34px #ffb42f66}}@keyframes torn-critical{50%{transform:scale(1.025);box-shadow:0 0 48px #ff334f88}}@keyframes realm-collapse{0%{opacity:0;filter:saturate(1)}18%{opacity:1;filter:saturate(1.8) contrast(1.2)}48%{opacity:.92}to{opacity:0;filter:blur(5px) saturate(.4)}}@keyframes damage-vignette-hit{0%{opacity:var(--health-danger-opacity);filter:saturate(1)}18%{opacity:.7;filter:saturate(1.45)}to{opacity:var(--health-danger-opacity);filter:saturate(1)}}@keyframes damage-shake{0%,to{transform:translate(0) scale(1)}22%{transform:translate(1.25px,-.75px) scale(1.002)}48%{transform:translate(-1px,.65px) scale(1.002)}72%{transform:translate(.55px,.35px) scale(1.001)}}@keyframes kill-callout-impact{0%{transform:translate(-50%) scale(.68);opacity:0;filter:brightness(1.8)}13%{transform:translate(-50%) scale(1.09);opacity:1;filter:brightness(1.35)}24%,68%{transform:translate(-50%) scale(1);opacity:1;filter:brightness(1)}to{transform:translate(-50%) translateY(-9px) scale(1.025);opacity:0;filter:brightness(.9)}}.tutorial-layer{--tutorial-accent: #58d9ff;position:fixed;inset:0;z-index:60;overflow:hidden;pointer-events:auto;-webkit-user-select:none;user-select:none}.tutorial-layer.hidden{display:none}.tutorial-shade{position:absolute;z-index:1;background:#02050cd1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease;pointer-events:none}.tutorial-input-catcher{position:absolute;z-index:2;inset:0;cursor:pointer;pointer-events:auto}.tutorial-spotlight-outline{position:absolute;z-index:3;border:2px solid var(--tutorial-accent);border-radius:9px;box-shadow:0 0 8px var(--tutorial-accent),0 0 25px color-mix(in srgb,var(--tutorial-accent) 72%,transparent),inset 0 0 11px color-mix(in srgb,var(--tutorial-accent) 25%,transparent);transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease,border-radius .2s ease,opacity .14s;pointer-events:none}.tutorial-layer.circular .tutorial-spotlight-outline{border-radius:50%}.tutorial-layer.no-target .tutorial-spotlight-outline{opacity:0}.tutorial-card{position:absolute;z-index:4;top:50%;left:50%;width:min(540px,calc(100vw - 40px));max-height:calc(100vh - 36px);padding:clamp(22px,3vw,32px);overflow:auto;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--tutorial-accent) 67%,#fff 8%);background:linear-gradient(155deg,#111b2df5,#090e19f7);box-shadow:0 24px 75px #000d,0 0 38px color-mix(in srgb,var(--tutorial-accent) 20%,transparent),inset 0 0 30px color-mix(in srgb,var(--tutorial-accent) 8%,transparent);color:#dcecff;text-align:center;transition:top .2s ease,border-color .2s,box-shadow .2s;pointer-events:auto}.tutorial-counter{display:block;margin-bottom:14px;color:var(--tutorial-accent);font:900 12px/1 ui-monospace,monospace;letter-spacing:.18em}.tutorial-card h2{margin:0 0 16px;color:#f3f8ff;font-size:clamp(22px,3.2vw,31px);line-height:1.13;letter-spacing:.1em;text-wrap:balance}.tutorial-card p{margin:0 auto 24px;max-width:480px;color:#c9d9eb;font-size:clamp(15px,1.8vw,18px);font-weight:650;line-height:1.58;text-wrap:pretty}.tutorial-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.tutorial-next{min-width:132px;padding:11px 22px;border:1px solid var(--tutorial-accent);background:color-mix(in srgb,var(--tutorial-accent) 18%,#0b1422 82%);box-shadow:0 0 18px color-mix(in srgb,var(--tutorial-accent) 26%,transparent);color:#f5fbff;cursor:pointer;font:900 14px/1 ui-monospace,monospace;letter-spacing:.13em}.tutorial-next:hover,.tutorial-next:focus-visible{outline:2px solid #fff;outline-offset:3px;filter:brightness(1.18)}.tutorial-skip{padding:11px 17px;border:1px solid #7f91a8;background:#0a111dd9;color:#b9c8d9;cursor:pointer;font:800 12px/1 ui-monospace,monospace;letter-spacing:.08em}.tutorial-skip:hover,.tutorial-skip:focus-visible{outline:2px solid #dcecff;outline-offset:3px;border-color:#b9c8d9;color:#f0f6ff}@media(max-width:620px),(max-height:650px){.pdcr-panel{max-height:calc(100vh - 20px);padding:18px}.pdcr-code{margin-bottom:15px}.pdcr-row{padding:7px 3px;gap:12px}.restart-run{margin-top:17px}.death-state-panel{padding:24px 18px}.tutorial-card{width:min(500px,calc(100vw - 24px));max-height:calc(100vh - 20px);padding:18px 19px}.tutorial-counter{margin-bottom:9px}.tutorial-card h2{margin-bottom:11px;font-size:clamp(19px,5vw,26px)}.tutorial-card p{margin-bottom:16px;font-size:14px;line-height:1.45}}@media(prefers-reduced-motion:reduce){.tutorial-shade,.tutorial-spotlight-outline,.tutorial-card,.loading-tip,.exit-locked-notice{transition-duration:.01ms}.death-state{animation-duration:.01ms}}