@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap";:root{--paper:#e7e3d9;--muted:#8b8989;--red:#ef4937;--line:rgba(224,216,206,.17)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#08090b;color:var(--paper);font-family:Barlow,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--paper);font-family:inherit}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;outline:none}#vignette{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 55% 45%,transparent 25%,rgba(4,5,7,.25) 65%,rgba(4,5,7,.88) 100%)}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.037;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;right:0;height:122px;padding:39px 45px;display:flex;justify-content:space-between;align-items:flex-start;z-index:5;pointer-events:none}.brand{display:flex;gap:13px;align-items:center;color:var(--paper);text-decoration:none;font-family:Barlow Condensed,Impact,sans-serif;font-weight:700;letter-spacing:5px;font-size:25px;pointer-events:auto}.brand small{font:8px Barlow,sans-serif;letter-spacing:3.5px;display:block;margin-top:5px}.sigil{font-size:36px;font-weight:400;color:#d3c5af;line-height:1;transform:rotate(180deg)}.chapter{position:absolute;left:50%;transform:translate(-50%);text-align:center;padding-top:0}.tiny{font-size:8px;letter-spacing:3px;color:#a19a92}.chapter>div{font-family:Barlow Condensed,sans-serif;font-size:18px;letter-spacing:4px;display:flex;align-items:center;gap:17px;margin:8px 0}.chapter i{width:29px;height:1px;background:#6c6056}.chapter>span:last-child{font-size:7px;letter-spacing:2px;color:#807970}.header-right{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.8px;color:#a5a09a}.live-dot{width:4px;height:4px;background:#d1533e;border-radius:100%;box-shadow:0 0 12px #f54b31}.header-right button{background:transparent;border:1px solid var(--line);width:29px;height:29px;font-size:14px;pointer-events:auto}.header-right button:hover{border-color:var(--red);color:var(--red)}#intro{position:absolute;left:7.1%;top:29%;z-index:3;max-width:450px}.eyebrow{font-size:9px;letter-spacing:2.9px;color:#b6aaa0}.eyebrow span{color:var(--red);margin-right:18px}h1{font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-weight:800;font-size:clamp(70px,7.5vw,122px);line-height:.9;letter-spacing:-2px;margin:23px 0 24px;white-space:nowrap}h1 em{font-style:normal;color:var(--red)}#intro p{font-size:13px;color:#afa9a3;line-height:1.7;letter-spacing:.3px;margin-bottom:27px}.intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}#start,.modal button:not(.secondary){background:#e74735;border:1px solid #f3664b;color:#f6e8df;min-width:254px;height:51px;padding:0 20px;font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:27px;box-shadow:0 0 30px #b325161c;transition:background .2s,transform .2s}#start:hover,.modal button:hover{background:#ff614b;transform:translateY(-2px)}#start span,.modal button span{font-size:23px;font-weight:400}.start-note{font-size:7px;letter-spacing:2px;color:#6f6c69}.intro-rule{height:1px;width:275px;background:var(--line);margin:27px 0 18px}.intro-meta{display:flex;gap:33px;font-size:7px;letter-spacing:1.7px;line-height:1.9;color:#706e6b}.intro-meta b{font-weight:400;color:#b8afa5}#location{position:fixed;right:4%;top:52%;width:196px}.vertical-rule{width:1px;height:34px;background:linear-gradient(transparent,#d56045);margin-bottom:17px}#location h2{font-family:Barlow Condensed,sans-serif;font-size:29px;font-weight:500;letter-spacing:1px;margin:8px 0}#location p{font-size:9px;line-height:1.8;color:#97918b}#location .tiny{font-size:7px;letter-spacing:1.5px}.coordinates{display:block;font-size:7px;letter-spacing:2px;color:#635f5d;margin-top:23px}footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;height:62px;margin:0 44px;border-top:1px solid var(--line);font-size:7px;letter-spacing:1.7px;color:#827c76;z-index:4;pointer-events:none}.red-square{display:inline-block;width:4px;height:4px;background:var(--red);margin-right:10px}#control-hint{display:flex;gap:24px;font-size:7px}#control-hint>span{display:flex;gap:8px;align-items:center}kbd{font-family:Barlow,Arial,sans-serif;font-size:7px;letter-spacing:1px;padding:4px 5px;border:1px solid #78706a44;color:#b9b0a6;min-width:24px;text-align:center}.footer-right{font-size:7px}.footer-right span{margin-left:18px;color:#e6d1ba}.hidden{display:none!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#vitals{position:absolute;bottom:95px;left:45px;width:265px}.vital-title{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;margin-bottom:12px}.diamond{font-size:24px;color:#ed6650}.vital-title>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px;color:#948e88}.health-track{height:5px;background:#472f2c;position:relative}.health-track>div{position:absolute;height:100%;width:100%}#health-fill{background:linear-gradient(90deg,#a12d29,#ed6751);transition:width .2s}#health-lag{background:#eecbb0;transition:width .8s}.mana-row{display:flex;align-items:center;gap:12px;margin-top:9px}.mana-track{height:2px;background:#214648;width:85%}#mana-fill{width:100%;height:100%;background:#80cfbd;box-shadow:0 0 8px #51bc9544;transition:width .15s}#mana-text{font-size:7px;color:#a5bfb8}.vital-foot{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.4px;color:#6f6864;margin-top:15px}.vital-foot span{color:#b8aba0}#style{position:absolute;right:48px;top:38%;display:flex;align-items:center;gap:18px;opacity:.9}#rank{font-family:Barlow Condensed,Impact,sans-serif;font-size:90px;font-style:italic;color:#bdada0;text-shadow:0 0 35px #d447221a}#rank-title{font-family:Barlow Condensed,sans-serif;font-size:22px;letter-spacing:3px}.style-track{height:2px;width:116px;background:#695042;margin:10px 0}#style-fill{height:100%;width:0;background:#ff7350}#combo{font-size:7px;letter-spacing:1px;color:#bfa491}#abilities{position:absolute;bottom:87px;left:50%;transform:translate(-50%);display:flex;gap:7px}.ability{width:75px;position:relative;display:flex;align-items:center;flex-direction:column;border-top:1px solid #c1a88a4a;padding:10px 4px 2px;background:linear-gradient(#090b0d00,#090b0d65);transition:background .1s}.ability-icon{height:30px;font-size:30px;line-height:30px;color:#e2c4a4;font-family:serif}.heavy-icon{font-size:25px}.ability-name{font-size:7px;letter-spacing:2px;margin:8px 0;color:#b4a294}.ability kbd{font-size:6px;border-color:#87715c33;padding:4px}.magic-ability{border-top-color:#81b7ad75}.magic-ability .ability-icon{color:#9adace}.ability.active{background:linear-gradient(#d4412833,#100b0866);border-color:#ff9771}#magic-cooldown{position:absolute;top:14px;font-size:22px;font-weight:600;text-shadow:0 1px 8px #000;color:#fff}#wave-progress{position:absolute;bottom:101px;right:45px;text-align:right}#remaining{font-size:8px;letter-spacing:2px;color:#ab9b8d}#enemy-pips{display:flex;justify-content:flex-end;gap:4px;margin-top:12px;max-width:220px;flex-wrap:wrap}#enemy-pips i{display:block;width:5px;height:13px;background:#bd4631;transform:skew(-15deg)}#announcement{position:fixed;top:23%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .4s;z-index:4;white-space:nowrap}#announce-small{font-size:9px;letter-spacing:5px;color:#eaad87}#announce-big{font-family:Barlow Condensed,Impact,sans-serif;font-size:55px;letter-spacing:8px;font-weight:500;margin:8px;color:#eed6bd;text-shadow:0 3px 30px #000}#announcement.show{opacity:1}#damage-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 160px #ef241d;opacity:0}#crosshair{position:fixed;left:50%;top:47%;width:3px;height:3px;border-radius:100%;background:#e8d4b255;display:none;pointer-events:none}#hit-label{position:fixed;top:62%;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:4px;color:#ffb89a;pointer-events:none;opacity:0;transition:opacity .2s}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080cba;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);display:grid;place-items:center;z-index:10}.modal-panel{text-align:center;max-width:480px;padding:30px}.modal h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:78px;letter-spacing:-1px;margin:20px 0}.modal p{font-size:12px;color:#ac9d94;line-height:2;margin-bottom:30px}.modal button{margin:auto}.secondary{background:transparent;border:0;font-size:9px;letter-spacing:2px;margin-top:20px!important;padding:12px;color:#988b80}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#090a0c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;font-size:9px;letter-spacing:4px}.load-sigil{font-size:44px;color:#ed593b;animation:spin 5s linear infinite}#loading>div{height:1px;width:120px;background:#e64b35;animation:pulse 1s infinite alternate}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{opacity:.15}}body.playing #vignette{background:radial-gradient(ellipse at center,transparent 40%,#05070a99 100%)}body.playing .chapter>span:last-child{color:#c8a18b}body.playing .brand{font-size:21px}body.playing .brand small{font-size:7px}@media(max-width:850px){header{padding:25px;height:100px}.header-right>span{display:none}.brand{font-size:20px}.chapter{top:26px}.chapter>span:last-child{display:none}#intro{left:7%;top:29%}h1{font-size:88px}#location{display:none}footer{margin:0 25px}.footer-right{display:none}#control-hint{gap:10px}#vitals{left:25px;width:200px;bottom:200px}#style{right:25px;top:32%}#abilities{bottom:86px}#wave-progress{bottom:198px;right:25px}.intro-meta,.intro-rule{display:none}}@media(max-height:700px){#intro{top:26%}h1{font-size:80px;margin:19px 0}#intro p{margin-bottom:19px}.intro-rule{margin:18px 0}.intro-meta{display:none}header{padding-top:25px}.modal h2{font-size:60px}#location{top:47%}}@media(max-width:1100px){#location{display:none}}