:root{--rose:#ff8bd0;--gold:#ffe29a;--mint:#68f1c5;--bg:#17112b;--panel:#241b38;--line:#594169}body{background:radial-gradient(ellipse at 50% 0,#43204d,#17112b 75%)}button{border-color:#785379}button:hover{background:#663459;border-color:#ffa4d5}#titleScreen{background:linear-gradient(90deg,#1c153bd9,#1e17496b 55%,#17153b00),url('vivid-world.png') center/cover}.titleContent>small{font-size:12px}.titleFoot{color:#ffe7fa}.crest{color:#ff94d3}.primary{box-shadow:0 4px 24px #e669b32c}#app:fullscreen{background:#17112b;max-width:none;padding:0 14px}body.playing #app{height:100dvh;display:flex;flex-direction:column;max-width:none;padding:0 14px;padding-bottom:env(safe-area-inset-bottom)}body.playing header{height:62px;min-height:62px;border:0}body.playing .brand{font-size:14px}body.playing .brand small{font-size:8px}body.playing .crest{font-size:25px}body.playing main{flex:1;display:block;margin:0;min-height:0;overflow:hidden;border-color:#724e7b}body.playing .stage{height:100%;min-height:0}body.playing #sidebar{display:none}body.playing footer{display:none}body.playing #toolbar{min-height:65px;padding:9px 0;border:0}body.playing .toolgroup button{padding:8px 12px;font-size:12px}body.playing .shortcuts button{padding:8px 14px}body.playing .toolgroup button>span{font-size:16px}.stage{isolation:isolate}#hud{top:14px;left:14px;right:14px}.portrait{border-color:#ffbce7;background:#4f2864;box-shadow:0 3px 16px #22123555}.vitals,.coins{background:#211633dd;border-color:#d098ba55;box-shadow:0 3px 15px #2510304d}.vitals{width:185px;padding:9px}.vitals strong{font-size:12px}.meter{height:12px}.meter.hp i{background:linear-gradient(90deg,#f14698,#ff9eb3)}.meter.mana i{background:linear-gradient(90deg,#6462ed,#66e7f5)}.meter span{font-size:9px}#questMini{font-size:12px;background:#211633cc}#prompt{border:1px solid #ffcb7c;background:#34213ee6;color:#fff0d4;font-size:14px;bottom:28px;cursor:pointer;pointer-events:auto;padding:10px 20px;box-shadow:0 3px 20px #1d133a66}#locationToast{font-size:32px;color:#ffe2f5;top:25%;text-shadow:0 3px 8px #21152f}#bossHud{position:absolute;top:85px;left:50%;transform:translateX(-50%);width:min(380px,55%);text-align:center;pointer-events:none}#bossHud strong{font-size:13px;text-shadow:0 2px 4px #180d2e;color:#fff3dc;letter-spacing:1px}#bossHud>div{margin-top:5px;height:9px;background:#241233dd;border:1px solid #e1a888;border-radius:10px;overflow:hidden}#bossHud i{height:100%;display:block;background:linear-gradient(90deg,#a446e3,#ff628f);transition:width .12s}#comboHud{position:absolute;top:34%;left:50%;transform:translateX(-50%);font-weight:700;letter-spacing:3px;font-size:20px;color:#ffe698;text-shadow:0 2px 2px #71204c;pointer-events:none;white-space:nowrap}#miniGuide{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff0dc;text-shadow:0 2px 4px #21122d;font-size:12px;pointer-events:none}#touch{left:18px;right:18px;bottom:22px;align-items:end}#touch button{border:1px solid #f5d2f6aa;box-shadow:0 3px 15px #20113566;background:#382148b3;backdrop-filter:blur(4px);border-radius:50%;width:60px;height:60px;color:#fff3dc;font-size:24px;padding:0}#touch button:active{background:#b14690dd;transform:scale(.93)}#touch .touchMove{gap:12px}#touch .touchActions{display:grid;grid-template-columns:46px 60px 66px;grid-template-rows:44px 66px;gap:8px}#touchDash{grid-column:1;grid-row:1;font-size:11px!important;width:44px!important;height:44px!important}#touch [data-action="ability"]{grid-column:2;grid-row:1;width:44px;height:44px;font-size:22px;color:#a9edff}#touch [data-action="interact"]{grid-column:3;grid-row:1;width:54px;height:38px;font-size:12px;border-radius:20px}#touch [data-action="attack"]{grid-column:2;grid-row:2;background:#803256bd;width:60px;height:60px;font-size:26px}#touch [data-key=" "]{grid-column:3;grid-row:2;width:66px;height:66px;background:#4c3a94b8;font-size:33px}dialog{border-color:#a474a0;background:#241b36}.modalHead{background:#241b36}.speech{font-size:24px;line-height:1.55;padding:12px 0}.choices button{font-size:15px;padding:13px;background:#362443}.choices button:hover{background:#673956}#modalBody p{font-size:15px}.card{background:#2d2240}.modalHead h2{font-size:30px}.card p{font-size:14px!important}.card button{font-size:14px}.row input,.row select{font-size:16px}.note{background:#3c294b}#modalStatus:not(:empty){background:#633759}canvas{user-select:none;-webkit-user-select:none}body.playing #titleScreen[hidden]{display:none!important}
@media(pointer:coarse),(max-width:900px){body.playing #miniGuide{bottom:154px;font-size:11px}body.playing #prompt{bottom:165px;font-size:12px;padding:8px 15px}body.playing #toast{bottom:205px}body.playing #questMini{display:none}}
@media(max-width:850px){body.playing #app{padding:0 7px;padding-bottom:env(safe-area-inset-bottom)}body.playing header{height:53px;min-height:53px}.headerActions button{min-width:34px;padding:7px}.headerActions #sound{padding:7px}body.playing .brand{letter-spacing:1.5px;font-size:12px}body.playing .brand small{letter-spacing:1.4px;font-size:7px}body.playing .brand .crest{font-size:24px}body.playing #toolbar{min-height:80px;gap:4px;display:flex;flex-wrap:wrap;padding:5px 0}body.playing .toolgroup{gap:4px}body.playing .toolgroup button{padding:5px 2px;font-size:10px}body.playing .toolgroup button>span{font-size:16px;margin:0 0 2px}body.playing .shortcuts{gap:7px}body.playing .shortcuts button{padding:4px 18px;font-size:11px}#hud{top:10px;left:10px;right:10px;gap:7px}.portrait{display:none}.vitals{width:145px;padding:6px}.vitals strong{font-size:10px}.vitals strong span{font-size:9px}.coins{padding:7px 10px}.coins b{font-size:13px}.meter{height:10px}.meter span{font-size:8px}#bossHud{top:74px;width:65%}#bossHud strong{font-size:11px}#touch{left:12px;right:12px;bottom:18px}#touch .touchMove{gap:8px}#touch .touchMove button{width:52px;height:52px}#locationToast{font-size:25px}#comboHud{font-size:16px}body.playing .titleContent{padding:25px}#fullscreen{display:inline-block}}
@media(max-height:540px) and (orientation:landscape){body.playing #app{padding:0 max(8px,env(safe-area-inset-left))}body.playing header{height:38px;min-height:38px}body.playing .brand small,body.playing .crest,body.playing .chapter{display:none}body.playing #toolbar{min-height:39px;height:39px;flex-wrap:nowrap;gap:10px}body.playing .toolgroup{width:auto;flex:1}body.playing .toolgroup button{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px;font-size:10px}body.playing .toolgroup button>span{font-size:14px;margin:0}body.playing .shortcuts{width:auto}.shortcuts kbd{display:none}body.playing .shortcuts button{padding:4px 10px}#touch{bottom:12px;left:14px;right:14px}#touch .touchActions{grid-template-columns:40px 50px 56px;grid-template-rows:36px 54px;gap:5px}#touch button,#touch [data-action="attack"]{width:48px;height:48px}#touch [data-key=" "]{width:54px;height:54px}#touchDash,#touch [data-action="ability"]{width:36px!important;height:36px!important}#touch [data-action="interact"]{height:32px;width:50px}body.playing #miniGuide{bottom:10px;font-size:10px}body.playing #prompt{bottom:40px}body.playing #toast{bottom:75px}#bossHud{top:12px;width:30%;left:62%}#locationToast{top:30%}}
body.immersive #app{position:fixed;inset:0;z-index:100;background:#17112b}body.immersive header{height:40px;min-height:40px}body.immersive .brand small{display:none}@media(pointer:coarse){body.immersive #toolbar{min-height:44px;max-height:44px;flex-wrap:nowrap}body.immersive .toolgroup{flex:1}body.immersive .shortcuts{width:auto}body.immersive .toolgroup button{font-size:9px;padding:3px}body.immersive .shortcuts button{padding:3px 7px}body.immersive kbd{display:none}}