@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ivory:#ede5cd;--gold:#dbc18b;--muted:#a7b0a9;--rose:#d98e9b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0a1115;color:var(--ivory);font-family:Manrope,system-ui,sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;border:0;user-select:none;-webkit-user-select:none}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:active{transform:scale(.96)}[hidden]{display:none!important}#app{position:relative;width:100%;height:100%;height:100dvh;max-width:1100px;margin:auto;overflow:hidden;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #06101670;z-index:1}header{position:absolute;inset:max(24px,env(safe-area-inset-top)) 23px auto;z-index:3;display:flex;justify-content:space-between;align-items:start}.hud-left>span{font-size:9px;letter-spacing:2px;color:#c0c8bc;text-shadow:0 2px 6px #000}.hud-right{display:flex;gap:8px}.icon-button{width:37px;height:37px;background:#14232990;border:1px solid #e2d3ae30;border-radius:50%;font-size:18px;backdrop-filter:blur(8px)}#hearts{font-size:22px;letter-spacing:5px;color:#dd9b91;margin-top:8px;text-shadow:0 2px 5px #000}#hearts .empty{color:#e8cdb135}#objective{position:absolute;top:max(107px,calc(env(safe-area-inset-top) + 82px));left:20px;right:20px;text-align:center;font-size:11px;letter-spacing:.4px;color:#e4ddca;text-shadow:0 2px 6px #000;z-index:3}#objective::before{content:'◇';color:var(--gold);margin-right:8px}#boss-hud{position:absolute;top:105px;left:12%;right:12%;z-index:3;text-align:center}#boss-hud>span{font-size:10px;letter-spacing:2.4px;color:#e0d8c3}.boss-track{height:5px;background:#111a20;margin-top:10px;box-shadow:0 0 0 1px #c2ac7d50;padding:1px}#boss-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#a26a69,#e5b8a0);transition:width .25s}#boss-phase{display:block;margin-top:8px;font-size:9px;letter-spacing:1px;color:#c3beb2}#callout{position:absolute;top:28%;left:18px;right:18px;text-align:center;pointer-events:none;font-size:13px;letter-spacing:1px;font-weight:600;opacity:0;transition:opacity .18s;color:var(--gold);text-shadow:0 2px 12px #000;z-index:4}#callout.visible{opacity:1}#controls{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;z-index:5;pointer-events:none}.move-controls,.action-controls{display:flex;gap:10px;align-items:end;pointer-events:auto}#controls button{border:1px solid #c8d5ca38;background:linear-gradient(140deg,#d2dfcb12,#0a171d90);box-shadow:0 2px 20px #0002,inset 0 1px #ffffff10;backdrop-filter:blur(7px);width:59px;height:59px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}#controls button.pressed{background:#ead7a938;border-color:var(--gold)}.move-controls button{font-size:40px;line-height:1;font-family:Georgia,serif}#controls #sword{width:78px;height:78px;border:1px solid #dbc18b88;color:var(--gold);margin-bottom:14px;flex-direction:column;gap:3px}#sword svg{width:29px;stroke:currentColor;fill:none;stroke-width:1.7}#controls small{font-size:7px;letter-spacing:1px}#jump{flex-direction:column;gap:0}#jump span{font-size:24px}#guard-meter{position:absolute;bottom:8px;left:24px;height:2px;width:30px;background:var(--gold);transform-origin:left} .screen{position:absolute;inset:0;z-index:10;background:#101b20}.cover-art{position:absolute;inset:0;background-image:url('assets/chapter-art.png');background-size:auto 111%;background-position:2% center;opacity:.6;filter:saturate(.68)}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b151be8 0%,#10191a2a 40%,#0e171be3 75%,#0b1419 100%)}.menu-content{position:relative;height:100%;padding: max(58px,calc(env(safe-area-inset-top) + 32px)) 30px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;margin:auto}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:600;color:var(--gold);line-height:1.8}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;margin:18px 0 0;line-height:.98}h1{font-size:clamp(50px,11vw,78px);letter-spacing:-2px}em{font-style:normal;color:#e4c89a}h2{font-size:43px;line-height:1.06;letter-spacing:-.6px}.subtitle{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:2px;font-size:20px;margin:14px 0 0;color:#d0cbb9}.title-rule{width:140px;height:1px;background:linear-gradient(90deg,transparent,#d3b982,transparent);margin:24px auto;position:relative}.title-rule span{position:absolute;top:-9px;left:calc(50% - 6px);color:#d3b982;font-size:16px}.premise{font-size:13px;line-height:1.9;letter-spacing:.1px;color:#e4e3d8;text-shadow:0 2px 8px #000;margin-top:auto;margin-bottom:25px}.menu-actions{width:100%;max-width:340px}.primary,.secondary{display:block;width:100%;min-height:53px;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.3px;padding:15px 21px}.primary{background:linear-gradient(120deg,#e3cea0,#c6aa72);color:#202620;box-shadow:0 6px 24px #0003}.primary span{float:right;font-size:18px;font-weight:400;line-height:16px}.secondary{border:1px solid #d7c29845;background:#d5c7a808;margin-top:12px;color:#d9d5c6}.text-button{font-size:11px;padding:15px;background:transparent;color:#bfc3b7;letter-spacing:.5px}.text-button span{color:var(--gold);margin-left:7px}.menu-foot{font-size:9px;color:#939f9d;margin:10px 0 8px;letter-spacing:.2px}.menu-foot span{padding:0 9px}.edition{position:absolute;bottom:17px;left:25px;right:25px;font-size:7px;letter-spacing:1.8px;color:#aeb5a15f}.edition span{float:right}.overlay{position:absolute;inset:0;background:#071217b8;backdrop-filter:blur(7px);z-index:20;display:flex;align-items:center;justify-content:center;padding:22px}.panel{width:100%;max-width:380px;padding:28px 23px;border:1px solid #c8b38240;background:linear-gradient(160deg,#243137f7,#111f26fc);border-radius:10px;box-shadow:0 25px 100px #0007;text-align:center}.panel>p{font-size:12px;line-height:1.8;color:#aebbb5;margin:20px 0 25px}.panel .primary{margin-top:25px}.dialog-card{position:absolute;bottom:max(35px,env(safe-area-inset-bottom));left:22px;right:22px;max-width:480px;margin:auto;padding:25px;border-top:1px solid #ddc18b80;background:linear-gradient(160deg,#1f2b31f7,#102027fc);box-shadow:0 12px 60px #0005;border-radius:5px}#dialog{background:linear-gradient(0deg,#06121aa6,transparent);backdrop-filter:none;pointer-events:auto}#dialog-text{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;line-height:1.25;margin:14px 0 25px}.help-row{display:flex;text-align:left;gap:15px;align-items:center;margin-top:20px}.help-row b{width:42px;min-width:42px;font-size:25px;color:var(--gold);font-family:Georgia,serif}.help-row p{font-size:10px;line-height:1.7;color:#a7b7b4;margin:0}.help-row strong{display:block;color:#e3dfcf;font-size:12px;margin-bottom:3px}.panel .help-note{font-size:10px;margin:15px 0 0}#help .panel{max-height:92dvh;overflow-y:auto}#ending{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#55504030,#0a161cf0 70%)}.end-glow{position:absolute;top:-100px;width:100px;height:60vh;background:#d9b36330;filter:blur(40px);transform:rotate(15deg);pointer-events:none}.ending-content{text-align:center;max-width:400px;padding:30px 26px;width:100%;z-index:1}.ending-content>p{font-size:12px;line-height:1.8;color:#b2bab0}.end-symbol{font-size:52px;color:var(--gold);margin:18px auto 10px}.ending-content h2{font-size:45px}.end-note{font-size:8px;letter-spacing:2px;color:#758d8b;margin-top:25px}#stats{display:flex;gap:12px;justify-content:center;margin:25px 0}#stats div{flex:1;border-top:1px solid #bcb17c40;padding-top:12px}#stats b{font-family:Georgia,serif;font-weight:400;font-size:25px;color:var(--gold);display:block}#stats small{font-size:8px;color:#98aaa4}#companion-result{color:#c4b68f;font-size:10px!important}#toast{position:absolute;bottom:130px;left:24px;right:24px;z-index:40;font-size:12px;line-height:1.5;text-align:center;background:#20363cef;padding:14px;border:1px solid #d6c08d50;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}#orientation-note{display:none}@media(min-width:650px){.cover-art{background-size:auto 130%;background-position:left center;opacity:.38}.menu-content{padding-top:50px}.premise{margin-top:auto}#controls{left:45px;right:45px}#controls button{width:68px;height:68px}#controls #sword{width:88px;height:88px}#objective{font-size:13px}.dialog-card{bottom:42px}#app{border-left:1px solid #ffffff0a;border-right:1px solid #ffffff0a}}@media(max-height:650px){.menu-content{padding-top:30px;padding-bottom:25px}h1{font-size:50px}.subtitle{font-size:17px}.title-rule{margin:15px}.premise{font-size:11px;margin-bottom:15px}.menu-foot{margin-top:0}.eyebrow{font-size:8px}.panel{padding:18px}.panel h2{font-size:32px}.end-symbol{margin:0;font-size:30px}.ending-content h2{font-size:34px}#stats{margin:16px 0}#controls{bottom:16px}}@media(orientation:landscape) and (max-height:500px){.menu-content{padding-top:20px;max-width:600px}.menu-content h1{font-size:42px}.menu-content h1 br{display:none}.title-rule,.subtitle,.menu-foot{display:none}.premise{margin:16px 0}.menu-actions{max-width:300px}.edition{bottom:9px}#objective{top:70px}#boss-hud{top:30px;left:28%;right:28%}#orientation-note{display:block;position:absolute;bottom:5px;text-align:center;width:100%;font-size:8px;color:#93a6a3;pointer-events:none;z-index:12}.dialog-card{bottom:18px;padding:18px}#dialog-text{font-size:23px;margin:10px 0 15px}.ending-content{max-width:600px;padding:15px}.ending-content .eyebrow,.end-symbol,.ending-content>p,.end-note{display:none}.ending-content h2{font-size:30px}#stats{margin:10px 0}.ending-content .primary,.ending-content .secondary{min-height:40px;padding:10px}.help-row{margin-top:12px}}

/* Chapter VI: engraved game HUD and a paper / ink motion comic. */
#hud{inset:max(18px,env(safe-area-inset-top)) 16px auto;align-items:center;gap:10px;filter:drop-shadow(0 3px 9px #0008)}
.hero-hud{display:flex;align-items:center;gap:9px;min-width:0}.portrait-frame{position:relative;flex:none;width:60px;height:66px;padding:5px 4px 11px;background:linear-gradient(145deg,#e6d49d,#705a36 45%,#d3b776 80%);clip-path:polygon(16% 0,84% 0,100% 15%,95% 78%,50% 100%,5% 78%,0 15%)}#portrait{width:52px;height:50px;background:radial-gradient(circle at 50% 30%,#667568,#152e31);border:1px solid #f5dfac88;border-radius:8px 8px 45% 45%}.portrait-bow{position:absolute;bottom:0;left:24px;color:#efd5a5;font-size:15px}.hero-vitals{width:151px;min-width:0}.hero-name{font-size:8px;letter-spacing:1px;color:#d9d2b5;white-space:nowrap;font-weight:800}#companion-badge{color:#f9df8f}#hearts{display:flex;gap:4px;margin:3px 0 5px;font-size:24px;line-height:26px;letter-spacing:0}.heart{font-style:normal;color:#142629;-webkit-text-stroke:1px #8c8367;text-shadow:0 2px 2px #000}.heart.full{color:#ce796e;-webkit-text-stroke:1px #f4c6a0;text-shadow:0 1px #edb6a1,0 3px #502a29,0 0 10px #ee8c6333}.courage-track{height:7px;background:#0c181c;border:1px solid #9b8751;transform:skewX(-17deg);padding:1px;box-shadow:0 2px 0 #0008}.courage-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b08a4c,#ffdc7f);box-shadow:0 0 7px #ffd57b80;transition:width .35s}.courage-caption{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;margin-top:4px;color:#b9ad86}.courage-caption b{font-size:7px;color:#e6cea0;font-weight:500}.hud-right{gap:5px}.icon-button{width:31px;height:33px;border-radius:8px;background:linear-gradient(#314044,#142428);border:1px solid #a28d5e88;box-shadow:inset 0 1px #e8d4a633,0 2px 0 #070d10;font-size:16px}.low-health .heart.full{animation:heart-beat 1s ease-in-out infinite}@keyframes heart-beat{50%{filter:brightness(1.5);transform:scale(1.09)}}
#journey{position:absolute;z-index:3;top:max(103px,calc(env(safe-area-inset-top) + 86px));left:23px;right:23px;display:grid;grid-template-columns:1fr 110px;gap:6px 14px;align-items:center;color:#c5bb9d;text-shadow:0 2px 4px #000}#chapter-label{font-size:8px;letter-spacing:1px;font-weight:700}.journey-track{position:relative;height:2px;background:#b7a67d3d;display:flex;justify-content:space-between;align-items:center}.journey-track i{position:absolute;left:0;top:0;height:2px;background:#d2ba7e}.journey-track b{font-size:12px;line-height:17px;font-weight:400;background:#1b2b2e;color:#d4be83;z-index:1}.journey-track b:nth-of-type(2){font-size:9px}#spark-count{grid-column:2;font-size:7px;letter-spacing:1px;text-align:right;color:#c1ad77}#objective{top:max(145px,calc(env(safe-area-inset-top) + 128px));left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:90%;font-size:10px;letter-spacing:.6px;background:linear-gradient(90deg,#101b2100,#101b21d9 18%,#101b21d9 82%,#101b2100);padding:8px 24px;border-top:1px solid #dbc18b32;border-bottom:1px solid #dbc18b32}#objective::before{content:'✧'}
#boss-hud{top:max(148px,calc(env(safe-area-inset-top) + 128px));left:10%;right:10%}.boss-title{display:flex;align-items:center;justify-content:center;gap:12px;font-family:Georgia,serif;font-size:12px!important;letter-spacing:1.5px!important}.boss-title i{font-style:normal;color:#cbb480;font-size:17px}.boss-track{height:10px;transform:skewX(-15deg);background:#100f16;padding:2px;box-shadow:0 0 0 1px #b7a06a,inset 0 1px 4px #000;margin-top:8px}#boss-fill{background:linear-gradient(90deg,#6e3d50,#c48681);box-shadow:0 0 9px #d18b7355;position:relative}#boss-fill::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#221a22 10%)}#boss-phase{font-size:8px;letter-spacing:1.3px;margin-top:7px}.vulnerable #boss-fill{background:linear-gradient(90deg,#ad8749,#ffe6a6)}.vulnerable #boss-phase{color:#ffe2a2}.vulnerable .boss-title{filter:drop-shadow(0 0 9px #eed18b)}
#callout{top:31%;font-size:11px;font-weight:800;letter-spacing:1.1px;text-shadow:0 2px 2px #071214,0 0 15px #000;padding:8px}#callout.visible{animation:callout-in .22s ease-out}@keyframes callout-in{from{transform:translateY(9px) scale(.94);opacity:0}to{transform:none;opacity:1}}
#controls{left:18px;right:18px;bottom:max(27px,calc(env(safe-area-inset-bottom) + 12px))}.move-controls{gap:6px}.action-controls{gap:12px}#controls button{width:54px;height:55px;border:1px solid #b9a97b9c;background:radial-gradient(circle at 35% 20%,#415354ee,#172a30ee 70%);box-shadow:inset 0 0 0 3px #14242a,inset 0 0 0 4px #81907835,0 5px 0 #091317,0 7px 18px #0005;color:#e3d4ac;backdrop-filter:blur(8px)}#controls button.pressed{transform:translateY(3px);box-shadow:inset 0 0 0 3px #263a3c,0 2px 0 #091317;background:#626448}#controls #sword{width:76px;height:76px;border:2px solid #d2b579;margin-bottom:13px;background:radial-gradient(circle at 35% 20%,#6b6850,#283b3e 75%);box-shadow:inset 0 0 0 3px #283a3c,inset 0 0 0 4px #b3a67566,0 5px 0 #0b151a,0 0 22px #f4d19613}#sword svg{width:31px;stroke-width:1.8}.control-hint{position:absolute;bottom:-30px;white-space:nowrap;font-size:6px;letter-spacing:1px;font-weight:500;color:#b7bca5}.move-controls button{border-radius:15px!important;font-size:36px}#controls #jump{width:52px;height:52px;margin-bottom:0}#controls .ability-button{position:absolute;pointer-events:auto;width:49px;height:49px;bottom:82px;display:flex;flex-direction:column;overflow:hidden;border-radius:15px}#controls #dash{left:30px}#controls #roar{right:15px;bottom:116px;border-radius:50%;width:52px;height:52px}#dash span{font-size:27px;line-height:22px}#roar span{font-size:21px;line-height:24px}#controls .ability-button small{font-size:6px;z-index:1}#dash-cooldown{position:absolute;inset:0;background:#071419ae;transform-origin:bottom;pointer-events:none}.cooling span,.cooling small{opacity:.5}#controls button.locked{opacity:.25}#roar:disabled{opacity:.5}#controls #roar.ready{border:2px solid #ffe2a2;background:radial-gradient(#9d743e,#3d3d30);color:#fff1c6;box-shadow:0 0 20px #ffcc6c66,inset 0 0 0 3px #302b24;animation:roar-ready 1.5s ease-in-out infinite}@keyframes roar-ready{50%{box-shadow:0 0 28px #ffcc6caa,inset 0 0 0 3px #302b24}}
#dialog{padding:0;background:#0a1014f2;align-items:center;overflow-y:auto}.comic-shell{width:100%;height:100%;max-width:620px;display:flex;flex-direction:column;position:relative;padding:max(19px,env(safe-area-inset-top)) 18px max(21px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 20%,#33423d55,#10191b 80%)}.comic-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex:none;color:#d5c6a4;font-size:8px;letter-spacing:1.1px}.comic-top i{font-style:normal;color:#8f9b94}.comic-top button{padding:10px 0 10px 10px;background:none;font-size:9px;color:#b2b6a5;white-space:nowrap;min-height:36px}.comic-art{position:relative;flex:1;min-height:140px;max-height:55vh;overflow:hidden;border:2px solid #cfc5a5;box-shadow:5px 5px 0 #0008;transform:rotate(-1deg);background:#354a4c;margin:0 3px 0 0}#comic-image{position:absolute;inset:0;background-image:url('assets/story-comic-v6.png');background-size:200% 300%;background-repeat:no-repeat}.comic-grain{position:absolute;inset:0;box-shadow:inset 0 0 70px #0a14195c;background:linear-gradient(0deg,#0610195e,transparent 45%);pointer-events:none}.comic-corner{position:absolute;right:10px;top:10px;background:#eadcb3;color:#22302f;font:bold 12px Georgia;padding:6px 11px;transform:rotate(6deg)}#comic-sfx{position:absolute;bottom:23px;left:19px;right:12px;font:italic 900 clamp(25px,8vw,43px) Georgia,serif;color:#fff1cd;letter-spacing:2px;transform:rotate(-8deg);text-shadow:3px 3px 0 #111e22,-1px -1px 0 #111e22,1px -1px 0 #111e22,-1px 1px 0 #111e22}.dialog-card{position:relative;bottom:auto;left:auto;right:auto;max-width:none;margin:0;padding:22px 0 0;border:0;border-radius:0;background:none;box-shadow:none;flex:none}.comic-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;letter-spacing:1.4px;color:#dfc18a;margin-bottom:11px}.comic-caption #speaker{font-weight:700}.comic-caption #comic-page{color:#7e938e;white-space:nowrap;font-size:9px}.speech-balloon{position:relative;padding:20px 20px 22px;background:#eee5cb;color:#243235;transform:rotate(.5deg);border:2px solid #162429;box-shadow:4px 4px 0 #0007;min-height:112px}.speech-balloon:before{content:'';position:absolute;top:-15px;left:29px;width:22px;height:24px;background:#eee5cb;clip-path:polygon(0 0,100% 100%,0 100%)}#dialog-text{font-family:Georgia,serif;font-size:clamp(19px,5.1vw,26px);line-height:1.4;margin:0;text-wrap:pretty}.comic-bottom{display:flex;align-items:center;gap:18px;margin-top:23px}.comic-bottom .primary{flex:1;min-height:52px;border-radius:2px;font-size:11px;text-align:right;padding:15px 18px;background:linear-gradient(110deg,#b39863,#e6d09e);box-shadow:3px 3px 0 #0006}#comic-dots{display:flex;gap:5px;max-width:90px;flex-wrap:wrap}#comic-dots i{width:7px;height:7px;border:1px solid #a99469;transform:rotate(45deg)}#comic-dots i.read{background:#dfc48a}#dialog[data-panel="4"] .comic-art{border-color:#9c8c80}#dialog[data-panel="5"] .comic-art{border-color:#e2ca86}
@media(min-width:650px){.hero-vitals{width:190px}.hero-name{font-size:9px}#journey{max-width:350px}#objective{top:35px}#boss-hud{top:35px;left:38%;right:15%}#controls{left:45px;right:45px}.comic-shell{max-width:620px}.comic-art{max-height:none}#dialog-text{font-size:24px}}
@media(max-width:359px){#hud{left:10px;right:10px;gap:5px}.hero-vitals{width:132px}.hero-name{font-size:7px}.hero-hud{gap:6px}.portrait-frame{width:52px;height:60px}#portrait{width:44px;height:45px}#hearts{gap:3px;font-size:22px}.hud-right{gap:4px}.icon-button{width:28px}.comic-shell{padding-left:13px;padding-right:13px}#dialog-text{font-size:18px}.speech-balloon{padding:16px}.comic-top{font-size:7px}.comic-top i{display:none}#controls{left:13px;right:13px}.action-controls{gap:8px}}
@media(max-height:690px){.comic-top{margin-bottom:8px}.comic-art{min-height:110px}.dialog-card{padding-top:17px}.speech-balloon{min-height:92px;padding:15px}#dialog-text{font-size:19px}.comic-bottom{margin-top:15px}.comic-shell{padding-bottom:16px}#journey{top:98px}#objective{top:132px}#boss-hud{top:133px}#callout{top:35%}}
@media(orientation:landscape) and (max-height:500px){#hud{top:12px}.hero-vitals{width:146px}#journey{top:90px;max-width:245px}#objective{top:20px;left:65%}#boss-hud{top:20px;left:43%;right:12%}#callout{top:34%;left:25%;right:10%}#controls{bottom:20px}#controls #roar{right:88px;bottom:78px}#controls #dash{bottom:68px;left:28px}.comic-shell{max-width:980px;padding:12px 23px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:30px 1fr;gap:12px 24px}.comic-top{grid-column:1 / -1;margin:0}.comic-art{height:100%;max-height:none;margin-bottom:7px}.dialog-card{align-self:center;padding:0}#dialog-text{font-size:18px}.comic-caption{font-size:7px}.speech-balloon{min-height:90px}.comic-bottom{margin-top:16px;gap:12px}.comic-bottom .primary{font-size:10px;min-height:46px;padding:12px}.comic-shell #comic-sfx{font-size:27px}.hero-name{font-size:7px}#orientation-note{display:none}}
@media(prefers-reduced-motion:reduce){.heart.full,#controls #roar.ready,#callout.visible{animation:none}#comic-image{transform:none!important}}

#encounter-hud{position:absolute;top:max(146px,calc(env(safe-area-inset-top) + 128px));left:30px;right:30px;text-align:center;z-index:4;pointer-events:none;text-shadow:0 2px 5px #000}#encounter-title{font:11px Georgia;color:#e9c4a4;letter-spacing:1.5px}#encounter-pips{display:flex;justify-content:center;gap:5px;margin-top:9px}#encounter-pips i{height:6px;width:31px;background:#151d25;border:1px solid #bc967b88;transform:skewX(-20deg)}#encounter-pips i.lit{background:linear-gradient(90deg,#8b5868,#d59a87);box-shadow:0 0 7px #d89d6a30}#encounter-hint{display:block;font-size:7px;color:#cdbb96;letter-spacing:1px;margin-top:9px}.event-card{max-width:370px;width:100%;text-align:center;background:linear-gradient(135deg,#2f3d37,#162c2d);border:1px solid #c3ad785c;box-shadow:inset 0 0 0 5px #0d1d2055,0 20px 80px #000b;padding:22px 24px}.event-sigil{font-size:45px;color:#d4ba82;line-height:1}.event-card h2{font-size:39px;line-height:1.04;margin:15px 0}.event-card p{font-size:12px;line-height:1.8;color:#bdc9b7;margin:20px 0}.event-card .primary{text-align:left;font-size:12px}.event-card button small{display:block;margin-top:8px;font-size:8px;font-weight:400;line-height:1.5;opacity:.8}
@media(min-width:650px){#encounter-hud{left:40%;right:12%;top:35px}}
@media(orientation:landscape) and (max-height:580px){#encounter-hud{left:43%;right:8%;top:30px}.event-card{max-width:560px;padding:16px 24px}.event-card .event-sigil{display:none}.event-card h2{font-size:29px;margin:6px 0}.event-card h2 br{display:none}.event-card p{font-size:11px;margin:10px 0}.event-card .primary,.event-card .secondary{min-height:43px;padding:10px 16px}.event-card button small{margin-top:4px}.event-card .eyebrow{font-size:7px}}

/* A title scene, composed around firelight and the little knight. */
#menu.camp-menu{background:#080e12;overflow:hidden;isolation:isolate}
.camp-scene{position:absolute;inset:0;transform:scale(1.025);transform-origin:50% 57%;transition:transform 1.3s ease-out;will-change:transform}
#camp-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
#camp-effects{position:absolute;inset:0;pointer-events:none}
.camp-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06101955,transparent 34%,transparent 72%,#060c11c9 87%,#060c11f2);}
.camp-heading{position:absolute;top:7.2%;left:16px;right:16px;text-align:center;pointer-events:none;color:#f5e6c7;text-shadow:0 3px 20px #000b,0 1px 2px #000}
.camp-chapter{font-size:8px;letter-spacing:2.5px;margin:0 0 17px;color:#cfbd98;font-weight:500}
.camp-heading h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(44px,12vw,68px);line-height:.84;letter-spacing:-1px;margin:0}
.camp-heading h1 span{font-size:1.22em;line-height:1.15;letter-spacing:1px}
.camp-ornament{display:flex;align-items:center;justify-content:center;gap:10px;height:26px;margin-top:6px;color:#c8a66c}
.camp-ornament i{width:54px;height:1px;background:linear-gradient(90deg,transparent,#c8a66c)}.camp-ornament i:last-child{transform:rotate(180deg)}
.camp-ornament svg{width:13px;height:26px;fill:none;stroke:currentColor;stroke-width:1.2}
.camp-subtitle{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;letter-spacing:2px;margin:4px 0 0;color:#dfcaa5}
.camp-actions{position:absolute;left:20px;right:20px;bottom:max(5.8%,calc(env(safe-area-inset-bottom) + 18px));text-align:center;display:flex;flex-direction:column;align-items:center;z-index:2}
.camp-location{font-size:8px;letter-spacing:2.1px;color:#c1b398;text-shadow:0 2px 7px #000;margin:0 0 9px;line-height:1.5}
.camp-primary{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;line-height:1.2;font-weight:500;letter-spacing:.4px;min-height:52px;padding:4px 15px;background:transparent;color:#f3e4c6;display:flex;align-items:center;justify-content:center;gap:22px;text-shadow:0 2px 8px #000,0 0 22px #d7973a35;transition:color .2s,text-shadow .2s,opacity .2s}
.camp-primary>span{font-family:Georgia,serif;font-size:19px;color:#d4ac6d;transition:transform .2s}
.camp-primary:hover,.camp-primary:focus-visible{color:#fff7e3;text-shadow:0 0 18px #ffc36b80}.camp-primary:hover>span:first-child{transform:translateX(-4px)}.camp-primary:hover>span:last-child{transform:translateX(4px)}
.camp-primary:disabled{opacity:.5;cursor:wait}
.camp-menu.has-save #start{font-family:Manrope,system-ui,sans-serif;font-size:10px;color:#c3b7a3;letter-spacing:.7px;min-height:36px;padding:5px 12px;order:3}.camp-menu.has-save #start>span{display:none}
.camp-promise{font-family:'Cormorant Garamond',Georgia,serif;font-size:15px;color:#c3b6a0;font-style:italic;margin:6px 0 0;letter-spacing:.2px}.has-save .camp-promise{display:none}
.camp-utilities{position:absolute;right:12px;bottom:max(11px,env(safe-area-inset-bottom));display:flex;gap:2px;z-index:4}
.camp-utilities button{display:grid;place-items:center;width:44px;height:44px;padding:12px;background:none;color:#b5ab97;opacity:.8}.camp-utilities button:hover{opacity:1;color:#f2dfb9}.camp-utilities svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.camp-utilities .muted{opacity:.4}
.camp-options{position:absolute;z-index:5;bottom:66px;right:20px;width:210px;padding:22px 18px 14px;background:#0b1319f5;border-top:1px solid #c7a5706b;box-shadow:0 10px 40px #0008;text-align:center}.camp-options>span{display:block;font-size:8px;letter-spacing:2px;color:#a78e65;margin-bottom:10px}.camp-options button{display:block;width:100%;background:none;min-height:44px;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;color:#e4d4b4}.camp-options button:hover{color:#fff4db}
.camp-pet{position:absolute;left:34%;top:37%;width:35%;height:30%;background:none;border-radius:50%;z-index:1;cursor:pointer}.camp-pet:focus-visible{outline:1px dashed #e8bf7966;outline-offset:0}
#camp-whisper{position:absolute;top:41%;left:62%;font:italic 18px 'Cormorant Garamond',Georgia,serif;color:#fff2d3;pointer-events:none;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .4s,transform .8s;transform:translateY(5px)}#camp-whisper.visible{opacity:1;transform:translateY(-5px)}
.camp-fade{position:absolute;inset:0;z-index:8;background:#070d12;opacity:0;pointer-events:none;transition:opacity .65s}.camp-menu.departing{pointer-events:none}.camp-menu.departing .camp-fade{opacity:1}.camp-menu.departing .camp-scene{transform:scale(1.085)}
@media(min-aspect-ratio:1/1){.camp-scene{left:0;}.camp-shade{background:linear-gradient(90deg,#080e12 7%,#080e12ed 25%,#080e1200 60%),linear-gradient(0deg,#080e12aa,transparent 20%)}.camp-heading{top:17%;left:3%;right:auto;width:43%}.camp-heading h1{font-size:clamp(45px,6vw,68px)}.camp-chapter{font-size:7px;letter-spacing:2px}.camp-actions{left:3%;right:auto;width:43%;bottom:14%}.camp-primary{font-size:30px;gap:15px}.camp-pet{left:55%;top:37%;width:25%;height:33%}#camp-whisper{left:76%;top:40%}.camp-utilities{right:auto;left:20px;bottom:14px}}
@media(orientation:portrait) and (min-width:650px){.camp-heading h1{font-size:86px}.camp-chapter{font-size:10px}.camp-subtitle{font-size:23px}.camp-primary{font-size:39px}.camp-location{font-size:10px}.camp-promise{font-size:19px}}
@media(max-height:650px) and (orientation:portrait){.camp-heading{top:5%}.camp-heading h1{font-size:42px}.camp-chapter{font-size:7px;margin-bottom:10px}.camp-ornament{margin-top:0;height:20px}.camp-subtitle{font-size:15px}.camp-actions{bottom:7%}.camp-primary{font-size:28px;min-height:46px}.camp-location{font-size:7px;margin-bottom:3px}.camp-promise{font-size:13px;margin-top:0}.camp-utilities{bottom:3px}}
@media(orientation:landscape) and (max-height:500px){.camp-heading{top:9%;width:43%}.camp-heading h1{font-size:39px}.camp-chapter{font-size:6px;margin-bottom:10px}.camp-ornament{height:17px;margin-top:0}.camp-ornament svg{height:19px}.camp-subtitle{font-size:15px}.camp-actions{bottom:13%}.camp-location{font-size:7px;margin-bottom:3px}.camp-primary{font-size:26px;min-height:44px}.camp-promise{font-size:12px;margin-top:2px}.camp-utilities{bottom:2px;left:8px}.camp-options{bottom:49px;left:16px;right:auto}.camp-menu.has-save #start{min-height:30px}}
@media(prefers-reduced-motion:reduce){.camp-scene,.camp-fade,#camp-whisper{transition:none}.camp-scene{transform:none}.camp-menu.departing .camp-scene{transform:none}}

/* v9: light, readable in-world HUD, with space for the environment. */
#hud{inset:max(18px,env(safe-area-inset-top)) 19px auto;filter:drop-shadow(0 2px 6px #000)}
.portrait-frame,.hero-name{display:none}.hero-vitals{width:145px}#hearts{font-size:24px;gap:5px;margin:0 0 8px}.heart.full{color:#e7ac98;-webkit-text-stroke:.6px #ffe5c1;text-shadow:0 2px 3px #38271f}.heart{color:#0d1b26;-webkit-text-stroke:.8px #aa9c81}.courage-track{height:4px;transform:none;border:0;padding:0;background:#090f19a8;box-shadow:0 0 0 1px #c7b18b40}.courage-track i{background:linear-gradient(90deg,#bf924e,#ffe0a4);box-shadow:0 0 8px #f2b96966}.courage-caption{font-size:6px;letter-spacing:1.2px;margin-top:6px}.icon-button{border:0;background:#0b172352;box-shadow:none;border-radius:50%;width:34px;height:36px;color:#e4d1ad}.hero-hud{gap:0}#journey{top:max(91px,calc(env(safe-area-inset-top) + 72px));left:20px;right:20px;grid-template-columns:1fr auto;gap:2px}#chapter-label{font-size:7px;letter-spacing:1.6px;color:#ddceb1}.journey-track{display:none}#spark-count{grid-column:2;grid-row:1;font-size:7px;letter-spacing:1px}#objective{top:122px;border:0;background:none;font-family:'Cormorant Garamond',Georgia,serif;font-size:16px;letter-spacing:.3px;color:#ebd7b4;padding:4px 12px;text-shadow:0 2px 8px #000}#objective:before{font-size:12px;color:#d0a66f}#boss-hud{top:119px;left:17%;right:17%}.boss-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:14px!important;letter-spacing:1.2px!important}.boss-title i{display:none}.boss-track{height:5px;transform:none;padding:0;box-shadow:0 0 0 1px #af92765c;margin-top:6px}#boss-fill{background:linear-gradient(90deg,#8f5b61,#e6ae8a)}#boss-fill:after{display:none}#boss-phase{font-size:7px}#encounter-hud{top:126px}#encounter-title{font:17px 'Cormorant Garamond',Georgia,serif;letter-spacing:.3px}#encounter-pips i{height:3px;width:19px;transform:none;border:0;background:#162430}#encounter-hint{font-size:6px;letter-spacing:1.2px}#callout{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;font-weight:500;letter-spacing:.5px;color:#ffdf9e}
#controls button{background:radial-gradient(ellipse at 35% 20%,#c8d5d018,#101b29ab 75%);border:1px solid #c7b58d77;box-shadow:inset 0 0 0 3px #06121d38,0 4px 12px #0003;backdrop-filter:blur(3px);color:#efdab6}#controls .move-controls button{border-radius:50%!important}#controls #sword{background:radial-gradient(ellipse at 35% 20%,#e9bf6d30,#172330bf 75%);border:1px solid #e6c58e;box-shadow:inset 0 0 0 4px #121b273b,0 0 20px #e7ac4715}#controls #dash{border-radius:50%}.control-hint{color:#cbb99d;font-size:6px}.keyboard-key{display:none}
.desktop-input #controls .keyboard-key{display:block;position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);font:10px Manrope,system-ui,sans-serif;line-height:16px;color:#d6c6a7;letter-spacing:1px;white-space:nowrap}.desktop-input #controls #jump .keyboard-key{font-size:8px}.desktop-input #controls #dash .keyboard-key,.desktop-input #controls #roar .keyboard-key{bottom:-18px}.desktop-input #controls .control-hint{display:none}.desktop-input #pause .keyboard-key{display:block;font:7px Manrope,system-ui,sans-serif;position:absolute;top:39px;color:#c8b99b;letter-spacing:1px}
#keyboard-lesson{z-index:30;background:#070e16d9;backdrop-filter:blur(12px);overflow-y:auto;padding:24px}.keyboard-lesson-card{width:100%;max-width:560px;margin:auto;text-align:center}.keyboard-lesson-card .eyebrow{font-size:8px;letter-spacing:2px;color:#c6a56e}.keyboard-lesson-card h2{font-size:40px;margin:12px 0 25px;color:#f0dfbe}.keyboard-lessons{display:grid;grid-template-columns:1fr 1fr;gap:19px 30px;text-align:left}.key-lesson{display:grid;grid-template-columns:1fr;align-content:start;gap:8px}.key-lesson p{margin:0;font-size:11px;line-height:1.65;color:#aebbbd}.key-lesson strong{display:block;color:#e8d8b8;font-size:13px;font-weight:500}.key-lesson kbd{display:inline-grid;place-items:center;min-width:29px;height:27px;padding:0 7px;margin:0 2px 0 0;border:1px solid #b79c7166;border-bottom:2px solid #b79c7180;border-radius:4px;background:#d6bc7c0b;color:#f3dfba;font:12px Manrope,system-ui,sans-serif}.key-lesson .wide-key{font-size:9px;letter-spacing:1px;min-width:85px}.keyboard-lesson-tip{font-size:11px;line-height:1.8;color:#bcb39e;margin:24px auto 14px;max-width:390px}.keyboard-lesson-card .camp-primary{margin:auto;font-size:27px;min-height:48px}.keyboard-lesson-card>small{display:block;font-size:8px;letter-spacing:1px;color:#829399;margin-top:8px}
@media(min-width:650px){#journey{max-width:320px}#objective{top:28px;left:55%}#boss-hud{top:28px;left:36%;right:16%}#encounter-hud{top:28px;left:35%;right:15%}}
@media(orientation:landscape) and (max-height:500px){#hud{top:12px}#journey{top:84px;max-width:240px}#objective{top:24px;left:60%}#boss-hud,#encounter-hud{top:24px;left:41%;right:11%}#controls{bottom:25px}.keyboard-lesson-card{max-width:720px}.keyboard-lesson-card h2{font-size:28px;margin:8px 0 15px}.keyboard-lessons{grid-template-columns:repeat(3,1fr);gap:12px 25px}.key-lesson{gap:5px}.key-lesson p{font-size:10px}.key-lesson strong{font-size:12px}.keyboard-lesson-tip{margin:14px auto 2px;font-size:10px;max-width:560px}.keyboard-lesson-card .camp-primary{font-size:24px;min-height:40px}.keyboard-lesson-card>small{display:none}#keyboard-lesson{padding:14px 24px}}
@media(max-width:359px){.hero-vitals{width:135px}#hearts{font-size:22px}#objective{font-size:15px}.keyboard-lessons{gap:16px}.keyboard-lesson-card h2{font-size:32px}.key-lesson p{font-size:10px}.keyboard-lesson-card .camp-primary{font-size:24px}}

#pause{position:relative}.desktop-input #pause .keyboard-key{left:50%;transform:translateX(-50%)}

/* Contextual practice prompts leave the world and its controls playable. */
#training-hint{position:absolute;z-index:12;top:max(88px,calc(env(safe-area-inset-top) + 76px));left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 32px));padding:14px 18px 12px;color:#f7e5bf;background:linear-gradient(110deg,#172424ed,#172424a8);border-left:2px solid #d6b877;box-shadow:0 8px 26px #0003;pointer-events:none;text-shadow:0 1px 3px #000}
.training-top{display:flex;justify-content:space-between;gap:12px;color:#d0b77e;font-size:10px;letter-spacing:.16em;margin-bottom:7px}#training-title{display:block;font:600 21px/1.18 Georgia,serif}#training-action{font-size:14px;line-height:1.3;margin:8px 0 0;color:#ffecbf}#training-feedback{display:block;min-height:15px;margin-top:6px;color:#c8d6c6;font-size:11px;line-height:1.3}.training-track{height:2px;background:#f3d59422;margin-top:9px}.training-track i{display:block;height:100%;background:#e9cb89;transition:width .35s}
#controls .training-focus{border-color:#ffe3a0!important;box-shadow:0 0 0 3px #e8ca8133,0 0 28px #e8ca8155!important;color:#ffe3a0!important}#controls .training-focus small{color:#ffe3a0}
@media(max-height:500px) and (orientation:landscape){#training-hint{top:14px;width:330px;padding:9px 13px}#training-title{font-size:17px}#training-action{font-size:12px;margin-top:4px}.training-top{font-size:9px;margin-bottom:3px}#training-feedback{font-size:10px;margin-top:4px}.training-track{margin-top:5px}}

/* Illustrated chapter reader — warm paper, generous art, quiet typography. */
#dialog{background:#0d171bf5;padding:0;overflow:auto;align-items:safe center}
#dialog .comic-shell{width:100%;height:auto;min-height:100%;max-width:680px;padding:max(23px,env(safe-area-inset-top)) 24px max(25px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:0;background:radial-gradient(ellipse at 20% 0,#fff9e8,#eee4ce 70%);color:#26352f;box-shadow:0 0 90px #0007}
#dialog .comic-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 19px;font-size:9px;letter-spacing:.12em;color:#827251}
#comic-location{font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.13em}#dialog #comic-title{font:500 clamp(24px,6vw,34px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.3px;margin:7px 0 0;color:#26372f}
#dialog .comic-top button{color:#697267;font-size:10px;padding:10px 0 10px 8px;min-height:44px}#dialog-skip span{color:#9b7f4e;margin-left:5px}
#dialog .comic-art{position:relative;width:min(100%,49dvh,490px);height:auto;aspect-ratio:1;min-height:0;max-height:none;flex:none;align-self:center;overflow:hidden;transform:none;margin:0;border:1px solid #44382c44;box-shadow:0 12px 28px #3e2c302b,0 0 0 5px #fff8e8;background:#233337}
#dialog #comic-image{background-image:none;background-repeat:no-repeat;transform-origin:center;will-change:transform}
#dialog .comic-grain{box-shadow:inset 0 0 35px #111b221a;background:linear-gradient(0deg,#08181b66,transparent 23%,transparent 85%,#191d2114)}
#dialog #comic-sfx{left:16px;bottom:17px;right:12px;font:italic 500 clamp(18px,5vw,27px)/1.2 Georgia,serif;letter-spacing:.03em;color:#fff0cb;transform:rotate(-4deg);text-shadow:0 2px 8px #000a}
#dialog .dialog-card{position:relative;bottom:auto;left:auto;right:auto;max-width:490px;width:100%;align-self:center;margin:0;padding:24px 0 0;background:none;border:none;border-radius:0;box-shadow:none;flex:none}
#dialog .comic-caption{font-size:9px;letter-spacing:.12em;color:#876b40;gap:10px;margin-bottom:12px}#dialog .comic-caption #comic-page{font-size:10px;color:#8d8e7b}
#dialog .speech-balloon{padding:0;min-height:0;transform:none;background:none;border:0;box-shadow:none;color:#2e3c35}#dialog .speech-balloon:before{display:none}
#dialog #dialog-text{font:400 clamp(20px,5.15vw,25px)/1.38 'Cormorant Garamond',Georgia,serif;letter-spacing:0;margin:0;text-wrap:pretty}
#dialog[data-kind="speech"] .speech-balloon{padding-left:15px;border-left:2px solid #c39486}
#dialog .comic-bottom{display:flex;align-items:center;gap:11px;margin-top:22px}#dialog-back{flex:none;width:38px;height:42px;background:none;border:1px solid #a99a7966;border-radius:50%;color:#435147;font-size:22px}#dialog-back:disabled{opacity:.25;cursor:default}
#dialog #comic-dots{gap:5px;flex:none;max-width:55px}#dialog #comic-dots i{width:4px;height:4px;border-radius:50%;border:0;background:#c3bda9;transform:none}#dialog #comic-dots i.read{background:#8c927a}#dialog #comic-dots i.current{background:#9f7255;box-shadow:0 0 0 2px #bca48c44}
#dialog .comic-bottom .primary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:13px 18px;border-radius:3px;background:#2d473c;color:#f3e8cb;font-size:11px;text-align:left;font-weight:600;box-shadow:0 4px 10px #1a302321;letter-spacing:.15px}
#dialog .primary #dialog-next-label{float:none;font-size:inherit;font-weight:inherit;line-height:1.35}#dialog .primary .comic-arrow{float:none;font-size:22px;line-height:1}
.comic-key-hint{display:none;text-align:right;color:#8b8f7d;font-size:9px;margin-top:12px;letter-spacing:.04em}.desktop-input .comic-key-hint{display:block}.comic-key-hint span{margin:0 7px}
#dialog button:focus-visible{outline:2px solid #8f6749;outline-offset:4px}
#dialog[data-tone="mist"] .comic-shell{background:radial-gradient(ellipse at 20% 0,#f1f1de,#dfe6da 80%)}#dialog[data-tone="dawn"] .comic-shell{background:radial-gradient(ellipse at 90% 0,#fff3cc,#f0e2c4 80%)}
@media(min-width:740px),(orientation:landscape) and (min-width:580px){#dialog .comic-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-content:center;min-height:100%;max-width:1100px;padding:25px 35px;gap:0 35px}#dialog .comic-top{grid-column:1/-1;margin-bottom:20px}#dialog .comic-art{width:min(100%,calc(100dvh - 130px));align-self:center;justify-self:center}#dialog .dialog-card{align-self:center;padding:0}#dialog #dialog-text{font-size:clamp(21px,2.7vw,29px)}#dialog .comic-bottom{margin-top:28px}}
@media(max-height:500px) and (orientation:landscape){#dialog .comic-shell{padding:12px 22px;gap:0 24px}#dialog .comic-top{margin-bottom:12px}#dialog #comic-title{font-size:25px;margin-top:3px}#comic-location{font-size:8px}#dialog .comic-art{width:min(100%,calc(100dvh - 92px))}#dialog #dialog-text{font-size:21px;line-height:1.3}#dialog .comic-bottom{margin-top:17px}#dialog .comic-caption{margin-bottom:9px;font-size:8px}.comic-key-hint{margin-top:8px}#dialog .comic-bottom .primary{min-height:44px;padding:10px 13px}}
@media(max-width:359px){#dialog .comic-shell{padding:18px 18px 22px}#dialog .comic-top{margin-bottom:14px}#dialog #comic-title{font-size:24px}#dialog .dialog-card{padding-top:20px}#dialog #dialog-text{font-size:20px}#dialog .comic-bottom{gap:8px;margin-top:18px}#dialog #comic-dots{display:none}}
@media(prefers-reduced-motion:reduce){#dialog #comic-image{will-change:auto}#dialog *{animation:none!important;transition:none!important}}
@media(max-height:650px) and (orientation:portrait){#dialog .comic-shell{padding-top:16px;padding-bottom:18px}#dialog .comic-top{margin-bottom:13px}#dialog #comic-title{font-size:24px}#dialog .comic-art{width:min(100%,32dvh)}#dialog .dialog-card{padding-top:17px}#dialog #dialog-text{font-size:20px;line-height:1.28}#dialog .comic-bottom{margin-top:15px}.comic-key-hint{margin-top:8px}}