:root{font-family:Georgia,Times New Roman,Batang,serif;color:#e1d5bb;background:#090b0d;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #f4dba0;outline-offset:4px}button{-webkit-tap-highlight-color:transparent}canvas{display:block;width:100%;height:100%;touch-action:none}button:disabled{cursor:default}.sanctum-ui{position:fixed;inset:0;pointer-events:none;z-index:5;user-select:none;-webkit-user-select:none}.sanctum-ui button,.sanctum-ui input,.sanctum-ui label{pointer-events:auto}.location{position:absolute;top:max(30px,env(safe-area-inset-top));left:max(36px,env(safe-area-inset-left));text-shadow:0 2px 8px #000}.chapter{font:10px Arial,sans-serif;letter-spacing:2px;color:#9d9788}.chapter i{display:inline-block;width:17px;border-top:1px solid #8d724a;margin:0 9px 3px}.location h1{font-size:26px;font-weight:400;letter-spacing:5px;margin:10px 0 13px}.location-rule{width:160px;height:1px;background:linear-gradient(90deg,#a68a52,transparent)}.location p{font:12px Arial,sans-serif;color:#c0bcae;margin:12px 0}.top-controls{position:absolute;top:max(30px,env(safe-area-inset-top));right:max(32px,env(safe-area-inset-right));display:flex;gap:7px}.top-controls button{width:39px;height:39px;border:1px solid #65583e88;background:linear-gradient(#232523d9,#111312de);font-size:21px;box-shadow:0 2px 12px #0005}.top-controls button:hover{border-color:#b6995d;background:#343329}.encounter{position:absolute;top:32px;left:50%;transform:translate(-50%);text-align:center;color:#998b72;font:9px Arial,sans-serif;letter-spacing:4px;text-shadow:0 1px 6px #000}.encounter div{margin:13px auto;color:#9b7743;font-size:8px}.bottom-hud{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:23px}.resource{width:112px;text-align:center}.orb-frame{padding:6px;border-radius:50%;background:conic-gradient(from 10deg,#ae9570,#282b2a,#8e7651,#222629,#a28a61,#313639,#ae9570);box-shadow:0 5px 18px #000,0 0 0 1px #0b0c0c,inset 0 0 0 2px #383a36;position:relative}.orb-frame:before,.orb-frame:after{content:"◆";position:absolute;color:#a7936f;font-size:13px;top:42%;text-shadow:0 2px #080808;z-index:2}.orb-frame:before{left:-5px}.orb-frame:after{right:-5px}.orb{height:100px;width:100px;border-radius:50%;background:#120b0b;overflow:hidden;position:relative;border:3px solid #171a19;box-shadow:inset 0 2px 9px #000}.orb-liquid{position:absolute;bottom:0;width:100%;height:100%;background:radial-gradient(ellipse at 32% 23%,#e75240,#981a1c 48%,#390a12 92%);box-shadow:inset 0 5px 12px #f7624144;transition:height .18s}.stamina .orb{background:#120e07}.stamina .orb-liquid{background:radial-gradient(ellipse at 30% 22%,#f4d782,#b07527 48%,#40270e 92%);box-shadow:inset 0 5px 12px #ffe3a144}.orb-gloss{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 35% 17%,#fff5,transparent 37%),linear-gradient(120deg,transparent 70%,#0008);box-shadow:inset 0 0 17px #000a}.resource-name{font:10px Arial,sans-serif;color:#beab89;letter-spacing:1px;margin-top:10px;white-space:nowrap}.resource-name strong{font-weight:400;color:#dfd5bd;letter-spacing:0;margin-left:5px}.ability-tray{text-align:center;padding-top:5px}.tray-title{display:flex;align-items:center;justify-content:center;gap:13px;font-size:11px;letter-spacing:5px;color:#ac936b;margin-bottom:12px}.tray-title span{height:1px;width:64px;background:linear-gradient(90deg,transparent,#796449)}.tray-title span:last-child{transform:rotate(180deg)}.skillbar{display:flex;gap:7px;padding:8px 11px 7px;border:1px solid #77664980;border-top-color:#a28c615c;background:linear-gradient(#222320ed,#111413ed);box-shadow:0 5px 20px #000b;position:relative}.skillbar:before,.skillbar:after{content:"◆";position:absolute;top:29px;color:#aa9166;font-size:10px}.skillbar:before{left:-6px}.skillbar:after{right:-6px}.ability{position:relative;width:58px;height:58px;border:1px solid #796b4b;background:radial-gradient(ellipse at center,#424138,#181c1c);box-shadow:inset 0 0 0 2px #161b1b,inset 0 0 0 3px #61563b44;touch-action:none;color:#cab58a;display:flex;align-items:center;justify-content:center}.ability svg{width:37px;height:37px;filter:drop-shadow(0 2px 2px #000)}.ability:hover,.ability.pressed{border-color:#dfc086;color:#ffe6ac;background:radial-gradient(#6b5435,#27241c)}.keycap{position:absolute;top:-5px;left:50%;transform:translate(-50%);font:9px Arial,sans-serif;white-space:nowrap;background:#171b1a;padding:0 4px;color:#d2bd96}.ability-name{position:absolute;bottom:-22px;white-space:nowrap;font:9px Arial,sans-serif;color:#b2a993;display:none}.cooldown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:20px Georgia,serif;color:#f7e7c8;text-shadow:0 2px 3px #000}.on-cooldown .cooldown{background:#080b0ccc}.potion-count{position:absolute;bottom:2px;right:5px;font:11px Arial,sans-serif;color:#f7e7c8}.control-hint{margin-top:13px;font:9px Arial,sans-serif;letter-spacing:.5px;color:#8c8a7d;white-space:nowrap}.control-hint span{color:#c2b293}.control-hint b{margin:0 8px;color:#605b4f}.game-toast{position:absolute;left:50%;top:21%;transform:translate(-50%,-5px);opacity:0;transition:.2s;font:13px Arial,sans-serif;text-shadow:0 2px 4px #000;background:#121614d9;border:1px solid #8e754755;padding:11px 23px;max-width:90%;text-align:center}.game-toast.visible{opacity:1;transform:translate(-50%)}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(ellipse at center,#070b0e50,#07090bdc);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:24px;overflow:auto}.game-overlay[hidden]{display:none}.overlay-panel{width:470px;max-width:100%;padding:26px 44px 28px;text-align:center;background:linear-gradient(145deg,#181c1ae8,#0c1010f5);border:1px solid #8f774657;box-shadow:0 0 0 5px #0b101080,0 0 0 6px #73614522,0 30px 100px #0008;position:relative}.overlay-panel:before,.overlay-panel:after{content:"◆";position:absolute;font-size:10px;color:#aa8d52;top:-6px}.overlay-panel:before{left:-5px}.overlay-panel:after{right:-5px}.panel-crest{font-size:40px;color:#b79253;line-height:1;margin:0 0 17px;text-shadow:0 0 25px #c2974a30}.eyebrow{font:9px Arial,sans-serif;letter-spacing:5px;color:#b59a6c;margin:0 0 19px}.overlay-panel h2{font-size:28px;letter-spacing:3px;font-weight:400;margin:0 0 21px}.overlay-panel .title-large{font-size:47px;letter-spacing:9px;margin:0 0 16px;color:#eee1c6;text-shadow:0 2px 15px #000}.title-rule{font-size:8px;color:#bb995f;display:flex;gap:16px;align-items:center;justify-content:center}.title-rule:before,.title-rule:after{content:"";width:73px;height:1px;background:linear-gradient(90deg,transparent,#9f8357)}.title-rule:after{transform:rotate(180deg)}.panel-description{font-size:13px;line-height:2.1;color:#aaa99b;margin:22px 0 26px}.primary-button{display:block;width:100%;min-height:49px;letter-spacing:3px;border:1px solid #af9051;background:linear-gradient(#443823,#272217);box-shadow:inset 0 0 0 3px #15171199,0 4px 15px #0005;color:#eed9b0;font-size:14px;padding:13px 16px}.primary-button span{float:right;color:#c4a56a}.primary-button:hover{background:linear-gradient(#635035,#3e3221);border-color:#e8c78b}.secondary-button{background:none;border:0;color:#ab9b7f;min-height:48px;font-size:12px;margin:8px 0 0;letter-spacing:2px}.intro-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px 4px;margin:23px 0 24px;font:10px Arial,sans-serif;color:#8c9087}.intro-controls b{font-size:9px;color:#c8b99c;display:inline-block;min-width:48px;font-weight:400}.chapter-caption{border-top:1px solid #77634644;padding-top:17px;margin:0;color:#807962;font-size:10px;letter-spacing:1px}.chapter-caption span{margin:0 6px}.touch-intro{display:none;font:11px Arial,sans-serif;color:#9b9c8e;margin:20px 0}.death-title{color:#c17767}.settings-list{margin:20px 0 27px;text-align:left}.settings-list label{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #6f654633;font:13px Arial,sans-serif;gap:12px;min-height:60px}.settings-list small{display:block;font-size:10px;line-height:1.5;color:#919183;margin-top:6px}.settings-list input{width:24px;height:24px;accent-color:#bca06b}.error-copy{font:13px Arial,sans-serif;line-height:1.8;color:#b8b0a2;margin:18px 0 25px;overflow-wrap:anywhere}.portrait-notice,#joystick{display:none}.reduced-motion *{transition:none!important;animation:none!important}@media(max-width:850px){.encounter{display:none}.location{top:20px;left:22px}.top-controls{top:20px;right:22px}.bottom-hud{gap:14px;bottom:16px}.orb{width:78px;height:78px}.resource{width:90px}.ability{width:52px;height:52px}.overlay-panel{padding:22px 32px}.overlay-panel .title-large{font-size:39px}.location h1{font-size:22px}}@media(pointer:coarse){.location{left:max(18px,env(safe-area-inset-left));top:max(13px,env(safe-area-inset-top))}.location h1{font-size:19px;letter-spacing:3px;margin:6px 0 8px}.chapter{font-size:8px;letter-spacing:1px}.location p{font-size:10px;margin:8px 0}.location-rule{width:130px}.top-controls{right:max(15px,env(safe-area-inset-right));top:max(13px,env(safe-area-inset-top));gap:5px}.top-controls button{width:48px;height:48px}.encounter{display:none}.bottom-hud{inset:auto 0 max(14px,env(safe-area-inset-bottom));transform:none;display:block;height:130px;pointer-events:none}.resource{position:absolute;width:59px;bottom:0}.life{left:calc(50% - 66px)}.stamina{left:calc(50% + 7px)}.orb-frame{padding:4px}.orb{width:51px;height:51px;border-width:2px}.orb-frame:before,.orb-frame:after{font-size:8px}.resource-name{font-size:8px;letter-spacing:0;margin-top:5px}.resource-name strong{display:block;font-size:8px;margin:2px 0 0}.ability-tray{position:absolute;right:max(17px,env(safe-area-inset-right));bottom:2px;width:210px;height:125px;padding:0}.tray-title,.control-hint{display:none}.skillbar{border:0;box-shadow:none;background:none;display:block;padding:0;height:100%}.skillbar:before,.skillbar:after{display:none}.ability{position:absolute;width:52px;height:52px;border-radius:8px;box-shadow:inset 0 0 0 2px #131917,0 3px 10px #0008;background:radial-gradient(#3b3e35e8,#161c19ed)}.ability-attack{width:70px;height:70px;right:0;bottom:0;border-radius:50%;border-color:#b29963}.ability-attack svg{width:42px;height:42px}.ability-cleave{right:2px;bottom:79px}.ability-slam{right:64px;bottom:70px}.ability-dodge{right:82px;bottom:3px}.ability-potion{right:148px;bottom:31px}.keycap{display:none}.ability .cooldown{border-radius:inherit}.ability svg{width:33px;height:33px}#joystick{display:block;position:absolute;left:max(33px,env(safe-area-inset-left));bottom:max(29px,env(safe-area-inset-bottom));width:112px;height:112px;border:1px solid #b1a47b48;border-radius:50%;background:radial-gradient(#12191630,#1d26246b);box-shadow:inset 0 0 0 15px #94a18b08;touch-action:none;pointer-events:auto}.stick-directions{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:102px;font-weight:400;color:#b8b69728}#joystick-knob{position:absolute;width:47px;height:47px;left:32px;top:32px;border-radius:50%;border:1px solid #a79f7180;background:radial-gradient(at 30% 20%,#666a5480,#29332ddb);box-shadow:0 3px 9px #0005;pointer-events:none}.intro-controls{display:none}.touch-intro{display:block}.game-overlay{padding:16px}.overlay-panel{max-height:calc(100dvh - 32px);overflow:auto;padding:18px 28px;width:410px}.panel-crest{font-size:25px;margin-bottom:10px}.eyebrow{font-size:8px;margin-bottom:10px}.overlay-panel .title-large{font-size:34px;letter-spacing:6px;margin-bottom:12px}.overlay-panel h2{font-size:25px;margin-bottom:12px}.panel-description{font-size:11px;line-height:1.8;margin:13px 0 17px}.chapter-caption{font-size:9px;padding-top:12px}.touch-intro{margin:14px 0}.primary-button{min-height:48px}.game-toast{top:25%;font-size:11px}}@media(pointer:coarse)and (orientation:portrait){.portrait-notice{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c1212f5;pointer-events:auto;text-align:center;padding:28px;z-index:8}.portrait-notice>span{font-size:56px;color:#b79860}.portrait-notice h2{font-size:21px;font-weight:400;letter-spacing:1px;margin-top:22px}.portrait-notice p{font:12px Arial,sans-serif;line-height:1.8;color:#a6a694}.top-controls{z-index:9}.game-overlay{z-index:10}.game-overlay[hidden]{display:none}.bottom-hud{opacity:.2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}