:root{--ink:#11182b;--gold:#f9d987;--teal:#86e1cc;--paper:#fff6df;--muted:#b1b8d1;--line:#d6c8ff2b;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffe79f;outline-offset:4px}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}#app{height:var(--height,100dvh);max-width:1500px;margin:auto;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,#26375a,#11182b 70%);overflow:hidden}.topbar{height:66px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px max(22px,env(safe-area-inset-right)) 8px max(22px,env(safe-area-inset-left));background:#11182bf0;border-bottom:1px solid var(--line);gap:12px;z-index:4}.back-link{font-size:24px;display:flex;align-items:center;gap:8px;min-height:44px;color:#d1d5e6}.back-link span{font-size:12px;font-weight:700}.brand{background:none;border:0;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;text-align:left;line-height:1.5}.brand b{font-size:12px;letter-spacing:1.3px;color:var(--gold)}.brand-star{font-size:36px;color:var(--gold)}.icon-btn{background:#a4afd614;border:1px solid var(--line);width:42px;height:42px;border-radius:50%;font-size:20px;flex:none;display:grid;place-items:center}.menu{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.menu-hero{height:clamp(330px,45vh,490px);position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#09192be8,#17314618),url('assets/realm.png') center 58%/cover;display:flex;align-items:center;padding:40px 8%}.menu-hero:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#11182b);z-index:-1}.hero-copy{z-index:2}.eyebrow{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:2px;margin:0 0 9px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(36px,4.5vw,62px);letter-spacing:-2px;line-height:1.06;margin:0 0 18px}h1 em{color:#b4efdc;font-style:normal}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;color:#d4dbec;margin-bottom:20px}.hero-sienna{position:absolute;height:118%;right:7%;bottom:-15%;filter:drop-shadow(0 12px 24px #02091a66);z-index:1;animation:float 5s ease-in-out infinite}.hero-stars{position:absolute;color:#ffdd91;font-size:70px;right:42%;top:22%;text-shadow:0 0 30px #fbdaa9}.primary{background:linear-gradient(120deg,#ffe5a0,#efc96a);border:1px solid #ffe8b9;border-bottom:4px solid #ba954a;color:#302842;padding:14px 22px;border-radius:14px;font-weight:900;font-size:15px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 5px 22px #090b2444}.primary span{font-size:22px}.menu-bottom{padding:0 6% 18px;margin-top:-8px;position:relative;z-index:2}.map-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.map-title h2{font-family:Georgia,serif;font-size:27px;font-weight:500;margin-bottom:0}.map-title>span{font-size:12px;color:var(--muted)}.chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.chapter{position:relative;text-align:left;background:linear-gradient(145deg,#263557,#17243c);border:1px solid #9fa6d244;border-radius:16px;padding:16px 13px 12px;min-height:143px;overflow:hidden}.chapter:disabled{opacity:.48}.chapter.current{border-color:var(--gold);box-shadow:inset 0 0 20px #edd07810}.chapter-icon{display:grid;place-items:center;border-radius:13px;width:46px;height:46px;margin-bottom:12px;font-size:27px;color:var(--gold);background:#b6bdfe12}.chapter strong{display:block;font-size:13px;line-height:1.25}.chapter small{display:block;margin-top:7px;font-size:10px;color:var(--muted)}.chapter .stars{color:var(--gold);letter-spacing:3px}.chapter-number{position:absolute;right:12px;top:12px;font-size:11px;color:#99a7c6}.menu-tools{display:flex;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}.menu-tools button{background:none;border:1px solid var(--line);padding:10px 15px;border-radius:10px;font-size:12px;color:#d9dcf0;min-height:40px}.save-note{text-align:center;font-size:10px;color:#8f9ab4;margin:14px 0 0}.game{flex:1;min-height:0;display:flex;flex-direction:column}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 25px 9px;flex:none}.game-hud .eyebrow{font-size:9px;margin-bottom:4px}.game-hud h2{font-family:Georgia,serif;font-weight:500;font-size:24px;margin:0}.vitals{display:flex;align-items:center;gap:16px}#hearts{font-size:23px;color:#ff94bc;letter-spacing:3px;white-space:nowrap}.lost-heart{color:#3d4967}.objective{padding:0 25px 12px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#d6dcee}.objective>span:last-child{color:var(--gold);white-space:nowrap}.chapter-progress{height:3px;background:#8092b025;flex:none}.chapter-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#84ddc7,#ffe3a2);transition:width .3s}#arena{position:relative;flex:1;min-height:150px;overflow:hidden;background:#111c30;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}#mirrorButtons{position:absolute;inset:0;pointer-events:none}.mirror-control{position:absolute;width:46px;height:46px;transform:translate(-50%,-50%);pointer-events:auto;opacity:.01;border-radius:50%;padding:0;background:transparent;color:transparent}.mirror-control:active:not(:disabled){transform:translate(-50%,-50%)}.mirror-control:focus-visible{opacity:1;background:#b0edf333;color:transparent}.controls{flex:none;min-height:113px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px max(24px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(#172238,#11182b);border-top:1px solid var(--line)}.stick{position:relative;width:91px;height:91px;flex:none;border-radius:50%;background:radial-gradient(#627f9340,#35426030);border:2px solid #bdeada58;box-shadow:inset 0 0 15px #03091966;touch-action:none}.stick-cross{position:absolute;inset:0;display:grid;place-items:center;font-size:72px;color:#c2e6e117}.stick i{position:absolute;left:23px;top:23px;width:41px;height:41px;background:linear-gradient(145deg,#caeee3,#6aaba1);border:2px solid #f0fff6;border-radius:50%;box-shadow:0 4px 8px #01081766;pointer-events:none}.cast-button{width:96px;height:91px;border-radius:25px;border:2px solid #ffe8a6;border-bottom:5px solid #aa873d;background:linear-gradient(130deg,#ffe5a5,#ddb459);color:#312644;box-shadow:0 0 22px #e7c78018;flex:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;touch-action:none}.cast-symbol{font-size:34px;line-height:1}.cast-button b{font-size:11px;letter-spacing:1px}.cast-button.held{background:#fff0bf;box-shadow:0 0 30px #fdd77c55}.control-copy{flex:1;max-width:240px;display:flex;flex-direction:column;text-align:center;gap:7px}.control-copy b{font-size:10px;letter-spacing:1px;color:var(--gold)}.control-copy span{font-size:11px;line-height:1.5;color:#b3c0d8}.controls.centered{justify-content:center;gap:30px}.controls.centered .cast-button{width:155px;border-radius:18px;height:75px;flex-direction:row;gap:10px}.controls.centered .control-copy{text-align:left;flex:0 1 220px}#announcement{position:absolute;top:16px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;background:#111c34ed;border:1px solid #a7eada80;color:#e5fffa;padding:10px 17px;border-radius:14px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;text-align:center;transition:opacity .2s;z-index:3}#announcement.show{opacity:1}#runeHint{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#95adc9;pointer-events:none}#runeHint.ready{color:#fff0b5;text-shadow:0 0 14px #f8d775}dialog{border:1px solid #f0d89370;border-radius:25px;padding:0;margin:auto;width:min(520px,calc(100% - 28px));max-height:calc(var(--height,100dvh) - 26px);overflow:auto;color:var(--paper);background:linear-gradient(145deg,#263354,#161e36);box-shadow:0 25px 100px #0009;touch-action:pan-y;overscroll-behavior:contain}dialog::backdrop{background:#070c20b5;backdrop-filter:blur(8px)}.modal{padding:28px}.modal h2{font-family:Georgia,serif;font-weight:500;font-size:30px;line-height:1.08;margin:8px 0 13px}.modal p{color:#c7d0e8;line-height:1.55;font-size:14px;margin-bottom:16px}.modal .primary{width:100%;margin-top:15px}.secondary{width:100%;min-height:44px;background:none;border:0;color:#bfcae0;font-size:12px;font-weight:700;margin-top:7px}.story-stage{height:190px;position:relative;background:radial-gradient(ellipse at bottom,#4d5b974d,transparent 70%);border-bottom:1px solid #d2daf324;margin-bottom:21px}.story-stage img{position:absolute;height:110%;bottom:0;left:50%;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 5px 12px #040a2266)}.story-stage img.cat{height:70%}.story-stage .sparkle{position:absolute;font-size:70px;left:15%;top:25%;color:var(--gold);opacity:.7}.story-stage .sparkle+span{left:auto;right:15%;top:5%;font-size:35px}.speech-name{font-size:10px;color:var(--teal);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.choices{display:grid;gap:10px}.choice{display:block;width:100%;background:#0c19357a;border:1px solid #a3bad04d;border-radius:15px;padding:15px;text-align:left}.choice strong{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#f9e6b0;margin-bottom:6px}.choice span{font-size:12px;color:#bac6df;line-height:1.45;display:block}.choice:hover{background:#4054795c;border-color:#f0d787}.choice .choice-impact{color:#96d9c9;margin-top:8px;font-size:11px}.difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.difficulty button{padding:16px 8px;min-height:85px;background:#18253f;border:1px solid #778baa5e;border-radius:15px;font-weight:800}.difficulty small{display:block;font-size:10px;font-weight:400;line-height:1.5;margin-top:6px;color:#b3bed5}.difficulty button[aria-pressed=true]{background:#f8d988;color:#2c2942;border-color:#ffe9b1}.difficulty button[aria-pressed=true] small{color:#605348}.crew-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.crew-card{background:#0f1a304f;border:1px solid var(--line);border-radius:17px;padding:10px;text-align:center}.crew-card img{height:165px;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 6px #050b1744)}.crew-card h3{font-size:15px;margin:5px 0}.crew-card p{font-size:11px;margin-bottom:4px}.crew-card small{font-size:9px;color:var(--gold)}.riddle-icon{width:75px;height:75px;background:radial-gradient(#ac83d788,#9564b41a);display:grid;place-items:center;border:1px solid #d9bdff5e;border-radius:50%;font-family:Georgia,serif;font-size:45px;color:#eccaff;margin-bottom:20px;box-shadow:0 0 40px #b78efa16}.riddle-question{font-family:Georgia,serif;font-size:22px!important;color:#fff3d8!important;line-height:1.4!important}.riddle-answers{display:grid;gap:9px}.riddle-answers button{background:#111e36;border:1px solid #aebfde55;border-radius:13px;min-height:54px;text-align:left;padding:13px 16px;font-size:14px}.riddle-answers button:hover{border-color:var(--gold)}.riddle-answer{padding:16px;background:#172c3888;border:1px solid #8de2bc80;border-radius:16px;margin:15px 0}.riddle-answer b{color:#a7f4d2;font-size:19px}.riddle-answer p{margin:8px 0 0;font-size:13px}.fine-print{font-size:11px!important;color:#9eacc7!important}.chapter-reward{text-align:center}.chapter-reward .stars{color:var(--gold);font-size:46px;letter-spacing:10px;text-shadow:0 0 30px #ffdc934d}.medallion{font-size:54px;color:var(--gold);margin:5px 0 18px}.record{border-left:2px solid #e2c47770;padding:0 0 15px 15px;margin-left:7px}.record b{display:block;color:var(--gold);font-size:12px}.record p{font-size:12px;margin:5px 0 0}.loading{position:fixed;inset:0;background:#11182b;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:13px;color:#d0d8eb}.loading-star{font-size:72px;color:var(--gold);animation:float 2s ease-in-out infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:translateY(-9px)}}
@media(min-width:900px){#arena{margin:0 12%;border-left:1px solid var(--line);border-right:1px solid var(--line)}.game-hud,.objective{padding-left:12%;padding-right:12%}.controls{padding-left:calc(12% + 25px);padding-right:calc(12% + 25px)}}
@media(max-width:650px){.topbar{height:55px;padding:6px 15px}.brand{font-size:7px;gap:5px}.brand b{font-size:9px}.brand-star{font-size:29px}.back-link span{font-size:10px}.icon-btn{width:37px;height:37px}.menu-hero{height:315px;padding:20px}.hero-copy{max-width:65%}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.02}.hero-copy>p:not(.eyebrow){font-size:11px;max-width:170px}.hero-sienna{right:-13%;height:102%;bottom:-8%;max-width:68%;object-fit:contain}.hero-stars{right:28%;top:12%;font-size:40px}.primary{font-size:13px;padding:12px 15px;gap:13px;min-height:46px;border-radius:12px}.menu-bottom{padding:0 17px 15px}.map-title{margin-bottom:12px}.map-title h2{font-size:23px}.map-title .eyebrow{font-size:8px;margin-bottom:5px}.map-title>span{font-size:10px}.chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chapter{padding:10px 9px;min-height:104px;border-radius:13px}.chapter-icon{width:32px;height:32px;font-size:21px;margin-bottom:7px;border-radius:9px}.chapter strong{font-size:11px}.chapter small{font-size:8px;margin-top:5px}.chapter-number{font-size:9px;top:9px;right:9px}.menu-tools{gap:7px;margin-top:13px}.menu-tools button{padding:8px 10px;font-size:10px;min-height:36px}.save-note{font-size:9px;margin-top:10px}.game-hud{padding:10px 15px 8px}.game-hud h2{font-size:20px}.game-hud .eyebrow{font-size:8px;letter-spacing:1.5px}.vitals{gap:9px}#hearts{font-size:19px;letter-spacing:2px}.objective{font-size:10px;padding:0 15px 9px;line-height:1.3}.controls{padding:9px 16px max(10px,env(safe-area-inset-bottom));min-height:108px;gap:9px}.stick{width:84px;height:84px}.stick i{left:21px;top:21px;width:38px;height:38px}.cast-button{width:84px;height:84px;border-radius:24px}.control-copy span{font-size:10px;line-height:1.35}.control-copy b{font-size:9px}.modal{padding:24px}.modal h2{font-size:28px}.modal p{font-size:13px}.story-stage{height:155px;margin-bottom:17px}.crew-card img{height:137px}.riddle-question{font-size:21px!important}.choice{padding:13px}.choice strong{font-size:14px}.choice span{font-size:11px}.controls.centered{gap:20px}.controls.centered .cast-button{width:135px}.controls.centered .control-copy{max-width:150px}}
@media(max-height:690px){.topbar{height:48px}.menu-hero{height:265px}.hero-copy h1{font-size:28px}.game-hud{padding-top:6px;padding-bottom:4px}.controls{min-height:90px;padding-top:6px;padding-bottom:6px}.stick,.cast-button{width:72px;height:72px}.stick i{left:17px;top:17px;width:34px;height:34px}.game-hud h2{font-size:18px}.story-stage{height:115px}.modal{padding:20px}.chapter{min-height:94px}.chapter-icon{width:28px;height:28px;font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}