@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#dbbf83;--ink:#091321;--line:#dbbf8347}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#f4eee1;font-family:Inter,system-ui,sans-serif;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ade4ff;outline-offset:4px}#game{display:block;width:100vw;height:100dvh;touch-action:none}#hud{position:fixed;z-index:2;top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}#player-panel{display:flex;gap:10px;align-items:center}#avatar{width:50px;height:50px;border:1px solid var(--gold);border-radius:50%;object-fit:cover}#stats{width:110px}#health{color:var(--gold);letter-spacing:4px;font-size:16px;text-shadow:0 2px 4px #000}.mana-track{margin-top:6px;height:4px;background:#142b41;border-radius:4px;overflow:hidden}#mana{width:100%;height:100%;background:linear-gradient(90deg,#3183ae,#b9e6f5)}#quest{padding:10px 18px;background:#0a152bd9;border:1px solid var(--line);border-radius:6px;font-size:12px;letter-spacing:1px}#hud-right{display:flex;align-items:center;gap:10px}#coin-panel{color:var(--gold);font-size:14px}#hud button{pointer-events:auto;background:#0a152bd9;border:1px solid var(--line);border-radius:6px;padding:10px;color:var(--gold)}#controls{position:fixed;z-index:3;bottom:max(14px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none}.group{display:flex;gap:12px}.control{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;width:62px;height:62px;border:1px solid #dbbf8377;border-radius:50%;background:radial-gradient(circle at 30% 20%,#253c53bb,#091321e8);color:#f4e5c8;font-size:36px;box-shadow:0 4px 15px #0004}.spell{color:#bde9ff;border-color:#87b8d9}.control.active{background:#36526c;transform:scale(.96)}#pause-label{position:fixed;z-index:4;top:40%;left:50%;transform:translateX(-50%);background:#091321e8;border:1px solid var(--line);padding:24px;text-align:center;letter-spacing:3px;font-family:Cinzel,Georgia,serif}#pause-label small{display:block;font:12px Inter,system-ui;letter-spacing:0;margin-top:10px}#pause-label[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#rotate{display:none;position:fixed;inset:0;z-index:4;align-items:center;justify-content:center;flex-direction:column;background:#091321ee;font-size:18px;text-align:center;padding:30px;pointer-events:none}#rotate span{font-size:70px;margin:20px}#modal{position:fixed;inset:0;z-index:5;overflow:auto;background:var(--ink);isolation:isolate}#modal.hidden{display:none}.chapter-scenery{position:absolute;inset:0;background:url('assets/castle-v4.webp') center/cover;z-index:-3}.chapter-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07111af2 0%,#07111ab8 42%,#07111a18 75%),linear-gradient(0deg,#07111af5 0%,transparent 60%);z-index:-2}.home-link{position:absolute;top:max(24px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));color:#d9cba7;text-decoration:none;font:13px Cinzel,Georgia;letter-spacing:2px}#card{position:relative;padding:clamp(80px,14vh,130px) 0 32px;margin-left:7vw;width:min(49vw,620px)}#chapter-number{color:#c6b181;font-size:11px;letter-spacing:4px;margin-bottom:16px}h1{font:600 clamp(28px,4.5vw,62px)/1.12 Cinzel,Georgia,serif;margin:0;color:#f3e9d4;text-shadow:0 3px 20px #0007}.gold-rule{width:60px;height:1px;background:var(--gold);margin:24px 0}#story{font-size:clamp(13px,1.3vw,17px);line-height:1.7;max-width:480px;color:#c8d2df}.mission{font-size:12px;line-height:1.6;color:#c6b790;margin:18px 0 24px}.mission span{font-size:23px;margin-right:8px}#start{padding:15px 32px;border:1px solid #e3c58b;border-radius:4px;background:linear-gradient(120deg,#f0d89e,#b98b47);color:#1c1d22;font-weight:600;box-shadow:0 4px 25px #c6a05722;font-size:14px}#start:hover{filter:brightness(1.1)}.instructions{font-size:11px;color:#b5c4d2;line-height:1.9;margin:18px 0 0}.instructions span{font-size:10px;color:#7d93a6}.chapter-hero{position:absolute;right:8vw;top:17%;width:28vw;max-width:400px;pointer-events:none;filter:drop-shadow(0 16px 20px #0008)}.chapter-hero img{width:100%}.chapter-library{position:relative;margin:0 7vw 28px;padding-top:20px;border-top:1px solid var(--line)}.library-title{font-size:10px;letter-spacing:3px;color:#9caaaf;margin-bottom:14px}#chapter-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#chapter-picker[hidden]{display:none}#chapter-picker button{text-align:left;padding:14px 12px;background:#0e1e2bcc;border:1px solid #9c865331;border-radius:4px;color:#d5d6ce;font-size:11px;line-height:1.5}#chapter-picker button[aria-pressed=true]{border-color:#e1c78c;background:#28313add;color:#f2dba4}#chapter-picker button:disabled{opacity:.5;cursor:default}@media(max-height:500px) and (orientation:landscape){#card{padding-top:65px;padding-bottom:14px}h1{font-size:30px}.gold-rule{margin:14px 0}#story{font-size:12px;margin:8px 0}.mission{margin:8px 0 12px;font-size:10px}#start{padding:11px 24px}.instructions{margin:8px 0;font-size:10px}.chapter-hero{top:13%;width:25vw;right:10vw}.chapter-library{padding-top:12px;margin-bottom:18px}#chapter-picker button{padding:9px;font-size:10px}.control{width:52px;height:52px}#avatar{width:38px;height:38px}#stats{width:75px}#hud{top:8px}#quest{padding:8px 10px;font-size:10px}}@media(orientation:portrait){#rotate{display:flex}#card{margin:0 7vw;width:86vw;padding-top:90px;padding-bottom:26px;min-height:58vh}.chapter-shade{background:linear-gradient(0deg,#07111a 0%,#07111ab8 80%)}h1{font-size:36px;max-width:350px}.chapter-hero{right:2vw;top:32%;width:45vw;opacity:.28;z-index:-1}.chapter-library{margin:0 7vw 28px}#chapter-picker{grid-template-columns:repeat(2,1fr)}.home-link{left:7vw}#card p{max-width:90%}}@media(prefers-reduced-motion:no-preference){#card{animation:reveal .7s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
.chapter-hero{height:52vh;max-height:460px;width:auto;right:16vw;top:14%}.chapter-hero img{height:100%;width:auto}@media(max-height:500px) and (orientation:landscape){.chapter-hero{height:60vh;width:auto;top:12%;right:18vw}}@media(orientation:portrait){.chapter-hero{height:39vh;width:auto;top:22%;right:2vw;opacity:.23}}

button{touch-action:manipulation;-webkit-user-select:none;user-select:none}#controls,#controls *{touch-action:none;-webkit-touch-callout:none}#hud [data-music-toggle]{font-size:0;padding:8px;width:34px;height:34px}#hud [data-music-toggle]::after{content:"♫";font-size:16px}#hud [data-music-toggle][aria-pressed=false]::after{content:"♪";opacity:.4}

#hud{align-items:flex-start}#player-panel{padding:3px 8px 5px 3px;border:1px solid #cda46099;background:linear-gradient(120deg,#11294ced,#050b1ad9);border-radius:28px 7px 7px 28px;box-shadow:0 0 12px #be92392b}#avatar{border:2px solid #e8be70}#health{color:#ff6356;font-size:19px;text-shadow:0 2px 3px #6f1a11,0 0 6px #fc553344;letter-spacing:3px}.mana-track{height:6px;border:1px solid #bca87b;background:#061939}#mana{background:linear-gradient(0deg,#1261bf,#62e9ff)}#quest{border:2px solid #d3ad67;border-radius:8px;background:linear-gradient(135deg,#17263bea,#050b1beb);box-shadow:inset 0 0 14px #a27c2820,0 3px 12px #0007;color:#f4d591;text-align:center}#quest::before{content:'ENCONTRE OS 3 CRISTAIS';display:block;font:600 8px Cinzel,Georgia;letter-spacing:.6px;border-bottom:1px solid #af884645;padding-bottom:4px;margin-bottom:4px}#hud-right{gap:7px}#hud button{border:1px solid #dab56c;border-radius:50%;min-width:34px;height:34px;color:#ffdb91}#hud #menu{border-radius:7px}.control{border:2px solid #e4bd73;box-shadow:0 0 0 2px #312517aa,0 0 15px #9f723133;background:radial-gradient(circle at 32% 24%,#345278bb,#081426ed);font-size:45px}.spell{background:radial-gradient(circle,#17497bdc,#04152bed);border-color:#a9dfff;box-shadow:0 0 18px #3488d477;color:#d3f6ff}
@media(max-height:500px){#quest{padding:5px 9px;font-size:10px}#quest::before{font-size:7px}#health{font-size:16px}#stats{width:80px}#hud button{padding:6px;height:32px;min-width:32px}}