:root{font-family:Arial,Helvetica,sans-serif;color:#e4e4ce;background:#0b1519;font-synthesis:none;color-scheme:dark;--gold:#c1b383;--dim:#83978e;--ice:#9bc8c5;--red:#9c4237}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #c8e8da;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}#game{position:absolute;inset:0}canvas{display:block}#interface{position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 180px 40px #020a0d99;pointer-events:none}.hud{position:absolute;top:max(25px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;z-index:2;text-shadow:0 2px 8px #000}.hero-panel{display:flex;gap:14px;align-items:center;min-width:210px}.hero-sigil{border:1px solid #8ba6a25c;background:#101e24b8;width:46px;height:51px;display:grid;place-items:center;color:var(--ice);font:36px Georgia}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--gold);font-weight:600;display:block}.health-track{width:155px;height:6px;background:#112027;border:1px solid #7d92894d;margin-top:9px}.health-track i{display:block;height:100%;background:#b86c5b;transition:width .15s}.health-label{display:block;font-size:10px;color:#b5b9a9;margin-top:6px;letter-spacing:1px}.run-clock{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.run-clock strong{font:36px Georgia,serif;display:block;margin-top:5px;letter-spacing:2px;font-variant-numeric:tabular-nums}.run-tools{display:flex;gap:10px;align-items:center}.kill-counter{text-align:right;margin-right:16px}.kill-counter strong{font:27px Georgia;display:block;margin-top:5px}.icon-button{width:40px;height:40px;border:1px solid #8ba6a238;background:#101e24c9;font-size:19px;pointer-events:auto}.icon-button:hover,.icon-button.sound-on{color:#f0e3b8;border-color:#c0b47b99}.experience{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:32px;right:32px;text-align:center}.experience-track{height:3px;background:#55756f38}.experience-track i{display:block;height:100%;background:#93cfcd;box-shadow:0 0 15px #79d4d477;transition:width .15s}.experience>span{font-size:9px;letter-spacing:3px;background:#142023;padding:0 16px;position:relative;top:-10px;color:#acc6bc}.arena-caption{position:absolute;bottom:63px;left:32px;font-size:9px;letter-spacing:2px;color:#a0afa2;display:flex;gap:10px;align-items:center}.small-diamond{color:#b4a478;font-size:8px}.caption-help{font-size:8px;letter-spacing:1px;color:#82988b77;margin-left:15px}.build-tag{position:absolute;bottom:8px;right:32px;font-size:8px;letter-spacing:1.3px;color:#8fa89b70}.build-tag span{padding:0 7px}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:auto;background:#061014cc;-webkit-backdrop-filter:none;backdrop-filter:none;padding:30px;overflow-y:auto;touch-action:pan-y}.overlay.visible{display:flex}.overlay.menu-overlay{background:linear-gradient(90deg,#09151ad9,#0c171be8 65%,#0c171bf7);-webkit-backdrop-filter:none;backdrop-filter:none;padding:30px 6vw 70px}.title-screen{display:grid;grid-template-columns:1fr 1fr;width:min(1100px,100%);align-items:center;gap:2vw}.title-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.title-art:after{content:"";position:absolute;left:4%;right:0;bottom:11%;height:12%;background:#060f12;filter:blur(30px);opacity:.5}.title-art img{width:112%;max-height:79vh;object-fit:contain;position:relative;z-index:1;filter:none}.art-orbit{position:absolute;border:1px solid #839c7b22;border-radius:50%;width:82%;aspect-ratio:1;transform:rotate(-18deg)}.art-orbit:after{content:"";position:absolute;inset:-12px;border:1px dashed #9ba58922;border-radius:50%}.art-note{position:absolute;bottom:0;text-align:center;font-size:8px;letter-spacing:3px;color:#8b9a8399;z-index:2}.chapter{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:9px;letter-spacing:2.2px;white-space:nowrap}.chapter span{height:1px;background:#a2966855;width:24px}h1{font:clamp(70px,8.1vw,119px)/1 Georgia,"Times New Roman",serif;letter-spacing:4px;margin:21px 0 0;color:#e5e4ce;text-shadow:0 3px 40px #97c6b013}h1>span{display:block;font:clamp(13px,1.55vw,21px) Georgia,serif;letter-spacing:5.5px;margin-top:12px;white-space:nowrap}.intro{font:italic 18px/1.7 Georgia,serif;color:#aab7a8;margin:29px 0 28px}.hero-select{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid #8d9d7c36;background:linear-gradient(90deg,#44625b26,transparent);margin-bottom:15px}.hero-select-icon{font:34px Georgia;color:var(--ice);border-right:1px solid #84977d33;padding-right:15px}.hero-select strong{font-size:11px;letter-spacing:2px;font-weight:500}.hero-select div>span{display:block;font-size:11px;color:var(--dim);margin-top:7px}.selected-dot{margin-left:auto;color:var(--gold);font-size:9px}.primary-button{background:#b6ad86;color:#142124;border:1px solid #dbd0a2;font-size:11px;font-weight:700;letter-spacing:2px;padding:21px 25px;display:flex;justify-content:space-between;align-items:center;width:100%;transition:background .2s,transform .2s}.primary-button span{font-size:22px;line-height:12px}.primary-button:hover{background:#d8cba1;transform:translateY(-1px)}.start-details{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#8a9989;margin-top:13px}.instructions{border-top:1px solid #87998024;padding-top:20px;margin-top:25px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:10px;color:#8b9d91;line-height:1.6}.instructions b{font-size:10px;color:#bac4b1;letter-spacing:2px}.instructions span:last-child{width:100%;color:#71877c}.menu-footer{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#859582;border-top:1px solid #81917b30;padding-top:17px;align-items:center}.menu-footer>span:nth-child(2){color:#748270}.menu-footer button{background:none;border:none;font-size:15px;color:#a7b29a;display:flex;gap:9px;align-items:center;padding:0}.menu-footer button span{font-size:8px;letter-spacing:1.5px}.dialog{width:min(490px,100%);text-align:center;padding:40px;border:1px solid #788b7140;background:linear-gradient(145deg,#1b2b2b,#0d191f);box-shadow:0 20px 100px #0007;position:relative}.dialog:before{content:"◆";position:absolute;top:-8px;left:calc(50% - 5px);font-size:10px;color:var(--gold)}h2{font:38px/1.2 Georgia,serif;color:#e5e5ce;margin:17px 0}.dialog p,.upgrade-dialog>p{font:italic 15px/1.7 Georgia,serif;color:#91a79b;margin-bottom:30px}.text-button{border:0;background:none;color:#9daf9b;letter-spacing:2px;font-size:9px;padding:22px 10px 0}.upgrade-dialog{width:min(930px,100%);text-align:center}.upgrade-dialog>h2{font-size:48px}.upgrade-dialog>p{margin:0 0 28px}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.upgrade-card{text-align:left;background:linear-gradient(145deg,#1d3031,#101c23);border:1px solid #7b94844d;padding:24px;position:relative;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,transform .2s;min-height:285px}.upgrade-card:hover{border-color:#c4b68d;transform:translateY(-6px)}.card-number{position:absolute;right:20px;top:20px;font:12px Georgia;color:#9dab8e66}.upgrade-rune{font:54px Georgia;color:var(--ice);margin-bottom:22px;line-height:1}.upgrade-card strong{font:21px Georgia;color:#d8dec8}.card-description{font-size:12px;color:#91a597;line-height:1.6;margin:13px 0 17px}.card-detail{color:#c7b987;font-size:11px;margin-top:auto}.card-choose{font-size:9px;letter-spacing:1.5px;border-top:1px solid #8c9c7930;padding-top:17px;margin-top:22px;width:100%;display:flex;justify-content:space-between;color:#acb8a3}.keyboard-note{display:block;margin-top:25px;font-size:8px;letter-spacing:1.8px;color:#718d80}.result-rune{font:64px Georgia;color:var(--gold);margin-bottom:20px}.result-stats{display:flex;justify-content:space-around;margin:25px 0 35px;border-top:1px solid #83937933;border-bottom:1px solid #83937933;padding:23px 0}.result-stats strong{font:29px Georgia;display:block;color:#d5d9c2}.result-stats span{display:block;font-size:8px;letter-spacing:1px;color:#7f9787;margin-top:8px}.seed{display:block;color:#698477;font-size:9px;letter-spacing:1px;margin-top:22px}.joystick{display:none;position:absolute;left:0;top:100px;bottom:95px;width:65%;pointer-events:auto;touch-action:none}.stick-ring{position:absolute;bottom:10px;left:65px;width:110px;height:110px;border:1px solid #bbd9c74d;border-radius:50%;background:#0e222d44;transform:translate(-50%,-50%);display:grid;place-items:center;opacity:.5}.stick-ring:after{content:"ДВИЖЕНИЕ";position:absolute;bottom:-25px;font-size:8px;letter-spacing:2px;color:#acc2b0}.stick-ring i{width:43px;height:43px;background:#9dc5be33;border:1px solid #c9e2cd66;border-radius:50%;display:block}.stick-ring.active{opacity:1}.stick-ring.active:after{display:none}@media(pointer:coarse){.is-playing .joystick{display:block}.caption-help{display:none}.arena-caption{left:auto;right:24px}.keyboard-note{display:none}}@media(max-width:800px){.overlay.menu-overlay{padding:20px 5vw 70px}.title-screen{gap:0;grid-template-columns:.85fr 1.15fr}.chapter{font-size:7px;letter-spacing:1.2px;gap:7px}.chapter span{width:12px}h1{font-size:75px}h1>span{font-size:13px;letter-spacing:3px}.intro{font-size:15px;margin:22px 0}.hero-select{padding:11px;gap:11px}.hero-select div>span{font-size:9px}.primary-button{padding:18px;font-size:10px}.start-details{font-size:7px;letter-spacing:.5px}.instructions{margin-top:18px;padding-top:14px;font-size:9px;gap:6px 13px}.title-art img{width:130%}.art-note{font-size:6px;letter-spacing:1px}.hud{left:18px;right:18px;top:max(17px,env(safe-area-inset-top))}.hero-panel{min-width:140px;gap:9px}.hero-sigil{width:34px;height:43px;font-size:28px}.health-track{width:100px}.eyebrow{font-size:8px;letter-spacing:1.4px}.run-clock strong{font-size:29px}.kill-counter{margin-right:4px}.kill-counter strong{font-size:22px}.icon-button{width:34px;height:34px}.run-tools{gap:7px}.upgrade-card{padding:19px}.upgrade-card strong{font-size:18px}.upgrade-rune{font-size:40px}.upgrade-dialog>h2{font-size:37px}.menu-footer{font-size:7px;letter-spacing:1px}.menu-footer>span:nth-child(2){display:none}}@media(max-width:540px)and (orientation:portrait){.overlay.menu-overlay{align-items:flex-start;padding:25px 25px 80px}.title-screen{display:flex;flex-direction:column;width:100%;gap:0}.title-art{height:30vh;min-height:180px;align-self:center;width:100%;overflow:hidden;margin-bottom:12px}.title-art img{height:125%;width:auto;max-height:none;position:absolute;top:-4%}.art-orbit{height:85%;width:auto}.art-note{display:none}.title-copy{width:100%;text-align:center}.chapter{justify-content:center;font-size:7px;letter-spacing:1.6px}h1{font-size:77px;margin-top:12px;letter-spacing:5px}h1>span{font-size:12px;margin-top:6px;letter-spacing:4px}.intro{font-size:14px;margin:17px 0;line-height:1.5}.hero-select{text-align:left;margin-bottom:12px}.hero-select strong{font-size:10px}.hero-select div>span{font-size:10px}.hero-select-icon{font-size:28px}.primary-button{padding:17px}.instructions{justify-content:center;margin-top:17px;padding-top:13px;font-size:9px;gap:4px 12px}.instructions span:first-child{display:none}.start-details{font-size:7px}.menu-footer{bottom:25px;left:25px;right:25px}.menu-footer button span{font-size:7px}.hud{left:13px;right:13px;top:max(15px,env(safe-area-inset-top))}.hero-panel{min-width:100px}.hero-sigil{display:none}.health-track{width:87px}.run-clock .eyebrow{font-size:7px}.run-clock strong{font-size:27px}.kill-counter{display:none}.run-tools{gap:6px}.icon-button{width:32px;height:32px}.experience{left:18px;right:18px;bottom:max(27px,env(safe-area-inset-bottom))}.arena-caption{bottom:64px;font-size:7px;letter-spacing:1.4px;right:20px}.build-tag{font-size:6px;right:18px}.dialog{padding:30px 22px}.dialog h2{font-size:30px}.dialog p{font-size:14px}.result-stats{margin:20px 0 27px}.overlay{padding:20px}.upgrade-dialog>h2{font-size:34px;margin:12px 0}.upgrade-dialog>p{font-size:13px;margin-bottom:18px}.upgrade-cards{grid-template-columns:1fr;gap:10px}.upgrade-card{min-height:0;padding:17px 18px 17px 68px}.upgrade-rune{position:absolute;left:20px;top:18px;font-size:34px;margin:0}.upgrade-card strong{font-size:18px}.card-description{font-size:10px;margin:7px 0 10px}.card-detail{font-size:10px}.card-choose{display:none}.card-number{font-size:10px;top:13px;right:12px}.upgrade-card:hover{transform:none}.stick-ring{left:70px;bottom:0}}@media(max-height:540px)and (orientation:landscape){.overlay.menu-overlay{padding:16px 8vw 48px}.title-screen{width:850px;grid-template-columns:.8fr 1.2fr;gap:20px}.title-art img{max-height:85vh}.chapter{font-size:7px}h1{font-size:66px;margin-top:10px}h1>span{font-size:12px;margin-top:6px}.intro{font-size:13px;line-height:1.45;margin:15px 0}.hero-select{padding:8px 12px;margin-bottom:10px}.hero-select-icon{font-size:24px}.hero-select div>span{margin-top:4px}.primary-button{padding:13px 18px}.start-details{margin-top:9px}.instructions{margin-top:11px;padding-top:8px;gap:4px 14px;font-size:8px}.instructions span:last-child{display:none}.menu-footer{bottom:18px;padding-top:10px}.art-note{display:none}.upgrade-dialog>h2{font-size:30px;margin:10px 0}.upgrade-dialog>p{margin-bottom:16px;font-size:13px}.upgrade-card{min-height:205px;padding:18px}.upgrade-rune{font-size:31px;margin-bottom:14px}.card-description{font-size:10px;margin:9px 0}.card-detail{font-size:10px}.card-choose{margin-top:12px;padding-top:12px;font-size:8px}.keyboard-note{margin-top:15px}.dialog{padding:20px 35px}.dialog h2{font-size:28px;margin:12px 0}.dialog p{margin-bottom:18px;font-size:13px}.result-rune{font-size:34px;margin-bottom:10px}.result-stats{margin:15px 0;padding:12px 0}.result-stats strong{font-size:23px}.seed{margin-top:13px}.arena-caption{bottom:44px}.experience{bottom:20px}.health-label{font-size:8px}.vignette{box-shadow:inset 0 0 100px 15px #020a0d88}.joystick{bottom:45px}.stick-ring{left:100px;bottom:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(pointer:coarse){.icon-button{width:44px;height:44px}}@media(max-width:540px)and (orientation:portrait){h1{font-size:clamp(60px,19.7vw,77px)}}.upgrade-cards{grid-template-columns:repeat(var(--choice-count,3),minmax(0,1fr));width:min(100%,var(--cards-width,932px));margin:0 auto}.rank-text{font-size:9px;letter-spacing:1px;color:#94b5a9;margin-top:10px}.ultimate-rank{color:#debf73!important}.progression-note{display:block;font-size:9px;line-height:1.7;letter-spacing:1px;color:#b9ac7d;margin-top:20px}.result-build{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;text-align:left;margin:-10px 0 25px}.result-build>div{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#9bad9f}.result-build b{color:#d6dcc5;white-space:nowrap}.overlay{align-items:flex-start}.overlay>section{margin-top:auto;margin-bottom:auto}@media(max-width:540px)and (orientation:portrait){.upgrade-cards{grid-template-columns:1fr}.rank-text{font-size:8px;margin-top:7px}.progression-note{font-size:8px;margin-top:15px;letter-spacing:.6px}.card-description{margin:6px 0 9px}.result-build{font-size:9px;gap:8px 12px;margin-bottom:23px}.result-build>div{font-size:9px}}@media(max-height:540px)and (orientation:landscape){.upgrade-card .card-description{display:none}.progression-note{margin-top:10px;font-size:8px}.keyboard-note{margin-top:8px}.result-build{margin:0 0 17px;gap:6px 20px}}.utility-cap-note{display:block;margin-top:6px;font-size:8px;letter-spacing:1px;color:#8fa697;line-height:1.6}@media(max-width:540px){.utility-cap-note{font-size:7px;letter-spacing:.5px}}