:root{color-scheme:dark;--ink:#edf1fa;--muted:#8e9db6;--accent:#a5baf4;--purple:#a78bfa;--line:rgba(171,194,238,.18);--panel:rgba(9,16,29,.9);--gold:#d9bb83;--red:#ef7895;--cyan:#84d6eb}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090e19;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;user-select:none;-webkit-user-select:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:rgba(35,49,72,.32);transition:background .18s,border-color .18s,transform .18s}button:hover{background:rgba(109,132,193,.2);border-color:rgba(180,203,248,.55)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.hidden,[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#edge-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,7,15,.48),transparent 25%,transparent 72%,rgba(3,7,15,.62))}#flash{position:fixed;inset:0;pointer-events:none;background:#8aaaff;opacity:0;z-index:12}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:650;color:var(--accent)}.small{font-size:12px;line-height:1.8;color:var(--muted)}.screen{position:absolute;inset:0;z-index:15}h1,h2,h3,h4,p{margin:0}#title-screen{background:linear-gradient(90deg,rgba(5,10,20,.89),rgba(5,10,20,.5) 35%,transparent 70%)}.title-top{position:absolute;left:4%;right:4%;top:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#b5bfd2}.tiny-brand{font-weight:650}.tiny-brand i{font-style:normal;opacity:.3;margin:0 16px}.build-label{opacity:.6}.title-copy{position:absolute;top:50%;left:8%;transform:translateY(-46%)}.status-dot{display:inline-block;width:5px;height:5px;background:#a7bdf8;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #83a4ff}.title-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(72px,8.5vw,145px);line-height:1.06;font-weight:400;letter-spacing:14px;text-shadow:0 4px 25px #080d20;margin-top:18px;color:#f1f0ee}.title-sub{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:8px;color:#b6bfd3;margin-top:10px}.title-sub span{width:32px;height:1px;background:#7685a0;opacity:.5}.tagline{font-family:Georgia,serif;font-size:29px;line-height:1.35;margin-top:32px;color:#d6dfef}.intro{font-size:12px;line-height:1.8;color:#91a2bd;margin-top:16px}.menu-actions{width:290px;margin-top:28px;display:flex;flex-direction:column;gap:10px}.primary{background:#c7d4ed;color:#111b2d;font-size:10px;letter-spacing:2px;font-weight:750;text-align:left;padding:18px 21px;border:1px solid #deebff;display:flex;align-items:center;justify-content:space-between;min-height:48px}.primary:hover{background:#e2eaff;color:#0a1325;box-shadow:0 0 28px #8294cd25}.primary span{font-size:18px;font-weight:400}.menu-secondary{display:flex;gap:18px}.menu-secondary button{border:0;background:none;font-size:9px;letter-spacing:1.8px;color:#a4b3cd;padding:10px 0}.menu-secondary button:hover{color:#fff}.gate-info{position:absolute;right:5%;bottom:18%;border-left:1px solid #97a9d232;padding:20px 24px;width:238px;background:linear-gradient(90deg,#0b122a66,transparent);backdrop-filter:blur(4px)}.gate-info .eyebrow{font-size:9px;letter-spacing:1.3px}.gate-info-line{width:35px;height:1px;background:#9cb6f777;margin:18px 0}.gate-info p{font-size:8px;letter-spacing:2px;color:#8291ad}.gate-info strong{font-family:Georgia,serif;display:block;font-size:29px;font-weight:400;margin:5px 0 12px}.gate-status{font-size:8px;letter-spacing:1px;color:#aac0eb;border-top:1px solid #a1bdeb26;padding-top:18px;margin-top:18px}.title-bottom{position:absolute;left:4%;right:4%;bottom:25px;display:flex;justify-content:space-between;color:#8c9cb6;font-size:8px;letter-spacing:1.4px}#loading{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#1a2541,#070c16 68%);text-align:center;padding:30px}.loading-mark{font-size:55px;color:#aebeff;margin-bottom:25px}#loading h2{font:30px Georgia,serif;margin-top:14px;color:#dbe3f5}#loading p{font-size:11px;color:#8d9ab5;line-height:1.8;margin-top:20px;max-width:600px}.loader-line{height:1px;width:220px;background:#647dba30;overflow:hidden;margin-top:30px}.loader-line i{display:block;width:50%;height:100%;background:#b0caff;animation:load 1.4s ease-in-out infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}#load-error{max-width:560px;color:#dcacb5;line-height:1.8;font-size:12px;margin-top:14px}#load-error button{margin:12px;padding:12px 20px}#hud{position:absolute;inset:0;pointer-events:none;z-index:5}#hud button,#hud kbd{pointer-events:auto}#player-panel{position:absolute;left:32px;top:30px;display:flex;align-items:center;gap:14px}.level-badge{width:51px;height:62px;border:1px solid #b0c3f44d;background:#0b152dcc;display:flex;align-items:center;flex-direction:column;justify-content:center;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}.level-badge small{font-size:8px;letter-spacing:2px;color:#899fc9}.level-badge strong{font-size:23px;font-weight:450;margin-top:0;line-height:1.25}.vitals{width:230px}.hunter-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;letter-spacing:1.3px;font-size:9px}.hunter-line b{font-weight:650}.hunter-line span{font-size:8px;color:#a4b6d8}.bar{background:#0b111fbb;border:1px solid #d4e6ff1a;position:relative;height:13px;overflow:hidden;margin:4px 0}.bar i{display:block;width:100%;height:100%;transition:width .15s}.bar span{position:absolute;inset:0;text-align:right;padding-right:6px;font-size:8px;line-height:11px;letter-spacing:.4px;text-shadow:0 1px 3px black}.health i{background:linear-gradient(90deg,#8d3d68,#d37996)}.essence{height:8px}.essence i{background:linear-gradient(90deg,#4a629f,#81b6e3)}.essence span{line-height:6px;font-size:6px;opacity:.8}.stamina{height:3px;margin-top:6px;border:0}.stamina i{background:#c4c0a0}.xp-track{height:1px;width:100%;background:#b1c1e51a;margin-top:5px}.xp-track i{height:100%;display:block;background:#b19de5;width:0}#location{position:absolute;left:50%;top:32px;text-align:center;transform:translateX(-50%);text-shadow:0 2px 8px #070c18;white-space:nowrap}#location .eyebrow{font-size:8px;color:#9caecb}#location h3{font-size:11px;font-weight:500;letter-spacing:2px;margin-top:9px}#cycle-label{font-size:9px;color:var(--gold);line-height:2}#map-panel{position:absolute;right:32px;top:28px;width:148px;border:1px solid #b0c6f02b;background:#07101b80;backdrop-filter:blur(6px)}#minimap{width:146px;height:146px;display:block;opacity:.9}.map-caption{padding:8px 12px;border-top:1px solid #b0c6f026;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#899dbf}.map-caption span:first-child{color:#e9c985;font-size:12px;letter-spacing:1px}#quest{position:absolute;right:32px;top:231px;width:205px;border-left:1px solid #97ade255;padding-left:15px;background:linear-gradient(90deg,#07101b66,transparent);padding-top:8px;padding-bottom:8px}#quest .eyebrow{font-size:8px;color:#b3a08c}#quest h4{font-size:12px;font-weight:500;line-height:1.5;margin-top:7px}#quest p{font-size:10px;color:#94a7c4;line-height:1.6;margin-top:7px}#quest-progress{font-size:10px;color:#d9bf8d;margin-top:8px;letter-spacing:1px}#menu-icon{position:absolute;right:199px;top:29px;width:31px;height:30px;background:#08122288;color:#c1d0ed;font-size:15px}#hotbar{position:absolute;bottom:33px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:end;pointer-events:auto}.skill{height:59px;width:61px;border:1px solid #a4bae63d;position:relative;background:linear-gradient(145deg,#182439dd,#0b1021dd);display:flex;align-items:center;justify-content:center;overflow:visible}.skill svg{height:25px;width:25px;stroke:#bfcef0;stroke-width:1.2;fill:none;z-index:1}.skill:nth-child(3) svg,.skill:nth-child(4) svg,.skill:nth-child(5) svg{stroke:#b8a2eb}.skill:first-child{height:65px;width:66px}.skill kbd{position:absolute;bottom:4px;font-size:7px;letter-spacing:1px;color:#8199c1;z-index:2;border:0;padding:0;background:none}.skill svg{transform:translateY(-5px)}.skill .cooldown{position:absolute;inset:0;background:#030611ba;transform-origin:bottom;pointer-events:none}.skill .cooldown-text{position:absolute;top:15px;font-size:18px;color:white;z-index:3;letter-spacing:.5px;text-shadow:0 1px 3px #000}.skill .charge{position:absolute;right:5px;top:4px;font-size:9px;color:#d8c294;z-index:2}.skill:hover{border-color:#adbeef}.skill .tip{position:absolute;bottom:75px;left:50%;width:215px;transform:translateX(-50%);display:none;background:#0b1427f5;border:1px solid var(--line);padding:14px;color:#9daccc;font-size:10px;line-height:1.6;text-align:left;box-shadow:0 8px 30px #0007}.skill .tip strong{display:block;color:#d6e0f5;font-size:12px;margin-bottom:4px}.skill:hover .tip{display:block}.skill.unavailable svg{opacity:.32}#bottom-hints{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:19px;white-space:nowrap;font-size:8px;color:#8da1c0}kbd{font-family:inherit;font-size:9px;padding:2px 4px;border:1px solid #a1b6dd4d;background:#0b1421b0;color:#aebde0;margin-right:4px;white-space:nowrap}#shadow-panel{position:absolute;bottom:45px;left:33px}#shadow-panel .eyebrow{font-size:8px;letter-spacing:1.5px;color:#9fa0c4}#shadow-slots{display:flex;gap:6px;margin:10px 0}.shadow-slot{width:28px;height:34px;border:1px solid #9b89d94a;display:grid;place-items:center;color:#a897d8;background:#211d3a44;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);font-size:18px}.shadow-slot.empty{color:#a8a8dd38}.shadow-slot.active{box-shadow:inset 0 0 14px #7158e650;color:#d0b6ff;border-color:#b697ff}#shadow-status{font-size:8px;color:#8599bd;letter-spacing:.4px}#toasts{position:absolute;left:35px;top:150px;display:flex;flex-direction:column;gap:7px;width:300px}.toast{font-size:11px;background:linear-gradient(90deg,#0b1728ed,#0b17284d);border-left:2px solid #8c9fde;padding:12px 14px;line-height:1.5;color:#bdcde8;animation:toast-in .22s ease-out}.toast.gold{border-color:var(--gold);color:#e3c893}.toast.purple{border-color:var(--purple);color:#c9b7ff}.toast.danger{border-color:#db6785;color:#e9a4b6}@keyframes toast-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}#floating{position:absolute;inset:0;overflow:hidden}.damage-number{position:absolute;font-weight:650;font-size:17px;text-shadow:0 2px 5px #050714;transform:translate(-50%,-50%);color:#e5eafa;pointer-events:none}.damage-number.crit{font-size:27px;color:#ebc589}.damage-number.heal{color:#9bebc5}.damage-number.hurt{color:#f18ba5}.damage-number.shadow{color:#b89bff}#center-banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);text-align:center;background:linear-gradient(90deg,transparent,#081323b0,transparent);width:min(760px,90vw);padding:20px 40px;animation:banner-in .55s ease-out;pointer-events:none}#center-banner .eyebrow{font-size:9px;letter-spacing:3px}#center-banner h2{font:36px Georgia,serif;letter-spacing:2px;line-height:1.5;text-shadow:0 2px 14px #000;margin-top:6px}#center-banner p{font-size:11px;color:#a3b9dd;letter-spacing:1px;line-height:1.8;margin-top:4px}@keyframes banner-in{from{opacity:0;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#interaction{position:absolute;bottom:126px;left:50%;transform:translateX(-50%);background:#081220dd;border:1px solid #a7bfe93d;padding:10px 17px;font-size:11px;white-space:nowrap;color:#c8d8f3}#interaction kbd{margin-right:9px;background:#c4d1ec;color:#0c1523;border:0;font-weight:750;padding:4px 7px}#boss-ui{position:absolute;bottom:129px;left:50%;transform:translateX(-50%);width:min(520px,50vw)}.boss-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;text-shadow:0 2px 5px #000}.boss-title span:last-child{font-size:8px;color:#d69cab}.boss-bar{height:7px;background:#0c0f1bd9;border:1px solid #d5849744;margin-top:8px}.boss-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#6e344b,#c8798a);transition:width .2s}#combo-ui{position:absolute;left:34px;top:44%;display:flex;align-items:center;gap:12px}#combo-ui strong{font:italic 43px Georgia,serif;color:#d5d5f6;text-shadow:0 3px 15px #000}#combo-ui span{font-size:9px;letter-spacing:1.7px;color:#b1aad2}#fps{position:absolute;bottom:18px;right:20px;color:#a0b3cf;font:10px monospace}#modal{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#030810aa;backdrop-filter:blur(9px);padding:25px}.modal-panel{position:relative;background:linear-gradient(135deg,#152238f7,#0b111fFA 65%);border:1px solid #98b0dc36;box-shadow:0 24px 100px #0008;width:min(820px,96vw);max-height:90dvh;overflow-y:auto;padding:37px 39px;scrollbar-width:thin;scrollbar-color:#3e4d6b #121e31}.close{position:absolute;right:16px;top:13px;border:0;background:none;font-size:27px;color:#9aaecf;line-height:1}.modal-panel h2{font:32px Georgia,serif;font-weight:400;letter-spacing:1px;margin:9px 0 10px}.modal-panel .subtext{font-size:12px;line-height:1.8;color:#95a9c8;max-width:600px}.modal-panel h3{font-size:10px;font-weight:600;letter-spacing:2px;color:#aebdda;margin:25px 0 12px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;align-items:center}.modal-actions button{padding:12px 17px;font-size:10px;letter-spacing:1px;min-height:42px}.modal-actions .primary{min-width:170px}.modal-actions .subtle{background:none;color:#9dadc8;border-color:transparent}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#9bb2d81a;border:1px solid #9bb2d81a;margin-top:24px}.control-row{display:flex;align-items:center;gap:12px;background:#101a2d;padding:13px;font-size:11px;color:#a5b8d5}.control-row kbd{min-width:60px;text-align:center;font-size:10px;padding:5px}.tip-box{margin-top:22px;border-left:2px solid #9280d0;padding:12px 16px;background:#7e6ed00a;color:#b5aed0;font-size:12px;line-height:1.8}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.setting{border-top:1px solid #a6b9de20;padding-top:13px;display:flex;flex-direction:column;gap:9px}.setting label{font-size:10px;letter-spacing:1px;color:#b6c5de}.setting select{padding:10px;background:#101b30;border:1px solid #9db3df30;color:#d0ddf1;min-height:40px}.setting input[type=range]{width:100%;accent-color:#aaa1dc;min-height:30px}.toggle-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:30px;color:#aabbda}.toggle-line input{width:17px;height:17px;accent-color:#b4a2ec}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:27px}.upgrade-card{text-align:left;background:linear-gradient(160deg,#25325388,#111827);border:1px solid #a4b2e441;padding:24px 20px;min-height:235px;position:relative}.upgrade-card svg{width:38px;height:38px;fill:none;stroke:#b6a2f0;stroke-width:1;margin-bottom:24px}.upgrade-card .eyebrow{font-size:8px;color:#a897c8}.upgrade-card h4{font:20px Georgia,serif;margin:10px 0;line-height:1.25}.upgrade-card p{font-size:11px;line-height:1.75;color:#a0b0d0}.upgrade-card:hover{border-color:#b49bea;background:#382f5855;transform:translateY(-4px)}.inventory-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:27px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #a0b7df19;font-size:11px;color:#9bafd0;gap:10px}.stat-row b{color:#d7e0f1;font-weight:500}.stat-row button{width:25px;height:25px;font-size:17px;padding:0;color:#d0c3f5}.stat-value{display:flex;align-items:center;gap:12px}.equipped{padding:12px 14px;background:#0815268c;border:1px solid #aab9dc20;margin-bottom:8px}.equipped small{font-size:8px;letter-spacing:1.8px;color:#8195b6}.equipped strong{display:block;font-size:12px;font-weight:500;margin-top:6px}.equipped span{display:block;font-size:10px;color:#8aa0c1;margin-top:5px}.inventory-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #aab9dc22;background:#101a2c;padding:11px 12px;margin-bottom:7px}.inventory-item strong{display:block;font-size:11px;font-weight:500}.inventory-item small{display:block;font-size:9px;color:#90a4c5;margin-top:4px}.inventory-item button{font-size:8px;letter-spacing:.5px;padding:7px}.inventory-item .item-actions{display:flex;gap:5px}.item-list{max-height:255px;overflow-y:auto;scrollbar-width:thin}.empty-note{font-size:11px;color:#7f91ae;line-height:1.8;padding:12px 0}.lore-text{font:19px/1.85 Georgia,serif;color:#cad2e4;margin-top:25px;max-width:630px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.result-stat{border-top:1px solid #b0bbdf33;padding-top:13px}.result-stat strong{font:28px Georgia,serif;display:block;color:#d8c699}.result-stat span{font-size:8px;letter-spacing:1.5px;color:#9caecc;display:block;margin-top:6px}#touch-controls{display:none;pointer-events:none}#fatal{position:fixed;inset:0;z-index:100;background:#070d19ed;display:grid;align-content:center;justify-items:center;text-align:center;padding:30px;gap:20px}#fatal h2{font:30px Georgia}#fatal p{color:#c19daf;max-width:600px;line-height:1.8;font-size:13px}#fatal button{padding:15px 30px}body.pointer-touch #touch-controls{display:block}body.pointer-touch #hotbar,body.pointer-touch #bottom-hints{display:none}#joystick{position:absolute;bottom:37px;left:35px;width:112px;height:112px;border-radius:50%;border:1px solid #a5b9e240;background:#11203b55;pointer-events:auto;touch-action:none}#joystick:after{content:'';position:absolute;inset:17px;border:1px solid #a1b6e322;border-radius:50%;pointer-events:none}#stick{position:absolute;left:34px;top:34px;width:44px;height:44px;border-radius:50%;background:#8ea5d844;border:1px solid #b2c8ee66;pointer-events:none}.touch-actions{position:absolute;right:25px;bottom:30px;display:grid;grid-template-columns:repeat(4,46px);gap:8px;align-items:center}.touch-actions button{width:46px;height:46px;border-radius:50%;pointer-events:auto;touch-action:none;background:#101b36b8;color:#c4cff2;font-size:12px}.touch-actions .touch-attack{width:62px;height:62px;grid-column:3 / 5;grid-row:2;justify-self:center;border:1px solid #b7c8f578;font-size:25px;background:#6579b440}.touch-actions .touch-dash{grid-column:1 / 3;grid-row:2;width:100%;height:42px;border-radius:20px;font-size:10px;letter-spacing:1px}.touch-actions .touch-interact{position:absolute;right:12px;top:-58px;color:#f1d297;border-color:#e9c98766}#touch-inventory{position:absolute;left:35px;bottom:164px;font-size:8px;letter-spacing:1px;padding:7px 11px;background:#101b36ad;pointer-events:auto}body.pointer-touch #interaction{bottom:210px}body.pointer-touch #shadow-panel{bottom:220px;left:25px}body.pointer-touch #boss-ui{bottom:206px}
@media(max-width:1100px){#quest{width:168px}#location h3{font-size:9px;letter-spacing:1.2px}.vitals{width:200px}#player-panel{left:22px}.gate-info{right:3%;width:208px}.title-copy{left:7%}#hotbar{bottom:30px}.skill{width:52px;height:55px}.skill:first-child{width:57px;height:60px}.title-copy h1{letter-spacing:10px}.title-copy .intro{max-width:310px}}
@media(max-width:760px){.title-top{top:20px;font-size:8px}.build-label,.gate-info,.title-bottom span:nth-child(2){display:none}.title-copy{left:8%;top:48%}.title-copy h1{font-size:76px;letter-spacing:8px}.title-sub{font-size:9px;letter-spacing:5px}.tagline{font-size:24px;margin-top:25px}.intro{font-size:11px}.menu-actions{width:260px;margin-top:22px}.title-bottom{font-size:7px;letter-spacing:.6px}.title-copy .eyebrow{font-size:8px;letter-spacing:1.3px}#player-panel{left:15px;top:17px;gap:8px}.level-badge{width:37px;height:47px}.level-badge strong{font-size:19px}.vitals{width:153px}.hunter-line{font-size:8px;letter-spacing:.7px}.hunter-line span{font-size:6px}.bar span{font-size:7px}#map-panel{right:15px;top:16px;width:91px}#minimap{width:89px;height:89px}.map-caption{padding:5px;font-size:5px;letter-spacing:.5px}.map-caption span:first-child{font-size:10px}#menu-icon{right:117px;top:16px;width:26px;height:26px}#location{left:15px;top:108px;transform:none;text-align:left}#location .eyebrow{font-size:6px;letter-spacing:1.2px}#location h3{font-size:8px;letter-spacing:1px;margin-top:5px}#quest{right:15px;top:150px;width:125px;padding-left:10px}#quest .eyebrow{font-size:6px;letter-spacing:1px}#quest h4{font-size:10px}#quest p{font-size:8px}#quest-progress{font-size:8px}#toasts{left:15px;top:162px;width:205px}.toast{font-size:9px;padding:9px 11px}.modal-panel{padding:30px 22px;width:96vw;max-height:91dvh}.modal-panel h2{font-size:27px}.upgrade-cards{grid-template-columns:1fr;gap:9px;margin-top:20px}.upgrade-card{min-height:120px;padding:15px 18px 15px 78px}.upgrade-card svg{position:absolute;left:21px;top:23px;width:34px;height:34px}.upgrade-card h4{font-size:19px;margin:6px 0}.upgrade-card p{font-size:10px}.control-grid,.settings-grid{grid-template-columns:1fr}.control-grid{margin-top:16px}.control-row{padding:9px;font-size:10px}.control-row kbd{font-size:9px}.inventory-layout{grid-template-columns:1fr;gap:8px}.modal-panel h3{margin-top:20px}.item-list{max-height:180px}.result-stats{grid-template-columns:1fr 1fr}#boss-ui{width:80vw;bottom:214px}.boss-title{font-size:8px;letter-spacing:.6px}.boss-title span:last-child{font-size:6px}#center-banner{top:39%;padding:16px 12px}#center-banner h2{font-size:26px}#center-banner p{font-size:9px}#shadow-panel{left:17px;bottom:90px}#combo-ui{left:18px;top:45%}#hotbar{bottom:31px;gap:4px}.skill{width:44px;height:49px}.skill:first-child{width:48px;height:52px}.skill svg{width:21px;height:21px}.skill .tip{width:155px;font-size:9px}.skill:last-child .tip{left:auto;right:0;transform:none}#bottom-hints{gap:9px;font-size:6px}#bottom-hints kbd{font-size:6px}.lore-text{font-size:17px}#joystick{left:22px;bottom:35px;width:100px;height:100px}#stick{left:28px;top:28px}.touch-actions{right:15px;bottom:28px;grid-template-columns:repeat(4,40px);gap:6px}.touch-actions button{width:40px;height:40px}.touch-actions .touch-attack{width:56px;height:56px}#touch-inventory{left:25px;bottom:151px}body.pointer-touch #shadow-panel{left:18px;bottom:195px}#shadow-panel .eyebrow{font-size:6px}.shadow-slot{width:23px;height:28px}#shadow-status{font-size:7px}#interaction{font-size:9px;padding:9px 11px}body.pointer-touch #interaction{bottom:177px}#modal{padding:10px}}
@media(max-height:580px) and (min-width:761px){.title-copy{transform:translateY(-44%)}.title-copy h1{font-size:73px}.title-copy .tagline{font-size:22px;margin-top:17px}.title-copy .intro{display:none}.menu-actions{margin-top:20px}.gate-info{bottom:15%}#quest{top:167px}#map-panel{width:115px}#minimap{width:113px;height:113px}#player-panel{top:19px}#location{top:22px}#center-banner{top:38%}#boss-ui{bottom:122px}body.pointer-touch #shadow-panel{bottom:190px}body.pointer-touch #quest{top:145px}body.pointer-touch #location{top:95px;left:30px;transform:none;text-align:left}.control-grid{grid-template-columns:1fr 1fr}.modal-panel{max-height:94dvh;padding:24px 30px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Landscape touch HUD: reserve separate lanes for vitals, objectives and controls. */
@media (max-height:580px) and (orientation:landscape){
 body.pointer-touch #player-panel{left:16px;top:14px;gap:8px}
 body.pointer-touch .level-badge{width:37px;height:48px}
 body.pointer-touch .level-badge strong{font-size:19px}
 body.pointer-touch .vitals{width:170px}
 body.pointer-touch .hunter-line{font-size:8px;letter-spacing:.7px}
 body.pointer-touch .hunter-line span{font-size:6px}
 body.pointer-touch #location{top:80px;left:17px;transform:none;text-align:left;max-width:240px}
 body.pointer-touch #location .eyebrow{font-size:6px;letter-spacing:1px}
 body.pointer-touch #location h3{font-size:8px;letter-spacing:1px;margin-top:5px}
 body.pointer-touch #cycle-label{font-size:6px}
 body.pointer-touch #map-panel{right:16px;top:14px;width:85px}
 body.pointer-touch #minimap{width:83px;height:83px}
 body.pointer-touch .map-caption{padding:5px 6px;font-size:5px;letter-spacing:.5px}
 body.pointer-touch .map-caption span:first-child{font-size:10px}
 body.pointer-touch #menu-icon{top:14px;right:113px;width:29px;height:29px}
 body.pointer-touch #quest{right:17px;top:127px;width:169px;padding:7px 10px}
 body.pointer-touch #quest h4,body.pointer-touch #quest p{display:none}
 body.pointer-touch #quest .eyebrow{font-size:6px;letter-spacing:1px}
 body.pointer-touch #quest-progress{font-size:8px;margin-top:7px}
 body.pointer-touch #shadow-panel{top:128px;bottom:auto;left:17px}
 body.pointer-touch #shadow-panel .eyebrow{display:none}
 body.pointer-touch #shadow-slots{margin:0 0 4px;gap:5px}
 body.pointer-touch .shadow-slot{width:22px;height:27px;font-size:15px}
 body.pointer-touch #shadow-status{font-size:7px}
 body.pointer-touch #joystick{left:22px;bottom:25px;width:100px;height:100px}
 body.pointer-touch #stick{left:28px;top:28px}
 body.pointer-touch #touch-inventory{left:25px;bottom:140px}
 body.pointer-touch .touch-actions{right:16px;bottom:20px;grid-template-columns:repeat(4,40px);gap:6px}
 body.pointer-touch .touch-actions button{width:40px;height:40px}
 body.pointer-touch .touch-actions .touch-attack{width:56px;height:56px}
 body.pointer-touch .touch-actions .touch-dash{width:100%;height:40px}
 body.pointer-touch .touch-actions .touch-interact{top:-50px;right:8px}
 body.pointer-touch #boss-ui{top:20px;bottom:auto;left:53%;width:34vw;min-width:220px;max-width:360px}
 body.pointer-touch .boss-title{font-size:7px;letter-spacing:.4px}
 body.pointer-touch .boss-title span:last-child{font-size:5px}
 body.pointer-touch #toasts{top:90px;left:50%;transform:translateX(-50%);width:35vw}
 body.pointer-touch .toast{font-size:8px;padding:8px 10px}
 body.pointer-touch #interaction{bottom:174px;font-size:8px}
 body.pointer-touch #combo-ui{top:185px;left:24px}
 .title-copy{top:49%;transform:translateY(-46%)}
 .title-copy h1{font-size:64px;margin-top:10px;letter-spacing:8px}
 .title-copy .tagline{font-size:18px;margin-top:12px}
 .title-copy .intro{display:none}
 .title-sub{margin-top:4px}
 .menu-actions{margin-top:14px}
 .menu-actions .primary{padding:11px 17px;min-height:40px}
 .title-top{top:16px}
 .title-bottom{bottom:14px}
}
#continue-btn:not(.hidden)+#start-btn{background:#13213999;color:#b2c1dd;border-color:#b4c7ef30;font-size:9px;min-height:38px;padding:10px 20px}