:root{color-scheme:dark;--navy:#102c38;--sand:#f4d799;--teal:#72d1c9;--pink:#f8bdba}*{box-sizing:border-box}body{margin:0;background:#091d29;color:#fff2d6;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background-image:radial-gradient(ellipse at 20% 5%,#17627555,transparent 45%)}button,a{touch-action:manipulation}button{color:inherit;background:#214653;border:1px solid #76aaa9;border-radius:12px;padding:12px 16px;font:inherit;cursor:pointer;min-height:44px}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:#326372}button:focus-visible,a:focus-visible{outline:3px solid #f9d080;outline-offset:4px}a{color:inherit}header{height:70px;padding:12px max(18px,calc((100vw - 1100px)/2));display:flex;align-items:center;gap:16px;border-bottom:1px solid #416973;background:#0d2535ee;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:1px}.tk{background:linear-gradient(130deg,#77e3fa,#bf87ff);color:#13263b;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);padding:9px;font-size:14px}.preview{font-size:10px;letter-spacing:2px;color:var(--sand);margin-left:auto}header button{font-size:13px;padding:9px 12px}main{max-width:1100px;margin:auto;min-height:80vh}.hero{position:relative;height:570px;overflow:hidden;border-radius:0 0 32px 32px;background:#446f74}.hero img{width:100%;height:100%;object-fit:cover;object-position:50% 0;filter:brightness(.8)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#09222be8 90%)}.hero-copy{position:absolute;bottom:34px;left:clamp(22px,5vw,65px);right:20px;z-index:1}.eyebrow{font-size:12px;letter-spacing:3px;color:#ade7e2;text-transform:uppercase}.hero h1{font-size:clamp(44px,8vw,86px);letter-spacing:-3px;margin:8px 0;color:#ffdfa1;text-shadow:3px 4px #724921;font-weight:950;line-height:1}.hero p{max-width:530px;font-size:18px;color:#fbebce;line-height:1.5}.primary{background:linear-gradient(#ffe4ac,#eab761);color:#382b20;border:2px solid #ffdf9e;font-weight:800;box-shadow:0 4px 0 #785630}.primary:hover:not(:disabled){background:#ffe4ab}.section{padding:35px clamp(18px,4vw,48px)}h2{font-size:30px;margin:0 0 10px;color:var(--sand)}.section p{color:#c9dde0}.season-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0}.season-heading small{border:1px solid #517880;border-radius:20px;padding:8px 12px;white-space:nowrap}.chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.chapter{text-align:left;position:relative;min-height:145px;display:flex;flex-direction:column;align-items:start;gap:8px;background:linear-gradient(150deg,#315259,#183744);border:1px solid #627b71;border-radius:16px;padding:18px}.chapter b{font-size:16px}.chapter>span{font-size:28px;color:#f5ca83}.chapter small{font-size:11px;color:#bde0df}.chapter:disabled{opacity:.65}.chapter.ready{border:2px solid #f7c877;background:linear-gradient(145deg,#665534,#224652)}.cast{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cast article{padding:18px;background:#173844;border:1px solid #385c62;border-radius:16px}.cast b{color:#ffe0a4}.cast p{font-size:14px;line-height:1.5}.cast-icon{font-size:26px;margin-bottom:8px}.reader{padding:18px 24px 120px;max-width:1000px;margin:auto}.reader-heading{display:flex;align-items:center;gap:12px;margin:6px 0 20px}.reader-heading .page-num{color:#162c35;background:var(--sand);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;font-weight:900}.reader-heading h1{font-size:26px;margin:0;color:#ffe4b3}.reader-heading p{font-size:12px;color:#9cc5c7;margin:5px 0}.comic-page{display:grid;grid-template-columns:1fr 1fr;gap:18px}.frame{background:#fbebce;color:#342e2c;border:3px solid #604731;border-radius:14px;overflow:hidden;box-shadow:0 6px 25px #0004;position:relative}.frame:first-child{grid-column:1/-1}.art{position:relative;width:100%;aspect-ratio:3;background-size:100% 200%;background-position:0 0;image-rendering:auto}.frame:nth-child(2) .art,.frame:nth-child(3) .art{aspect-ratio:1.5;background-size:200% 200%;background-position:0 100%}.frame:nth-child(3) .art{background-position:100% 100%}.expand{position:absolute;right:10px;top:10px;background:#0c2b35d9;color:white;border:1px solid #ffe6a5;font-size:20px;padding:4px 10px}.watermark{position:absolute;left:8px;bottom:8px;background:#102d36aa;color:#fff4d7;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:750;letter-spacing:.5px}.dialogue{padding:14px 18px;display:grid;gap:12px}.caption{margin:0;font-size:17px;line-height:1.5;font-style:italic;color:#624b32}.speech{background:white;border:2px solid #77553c;border-radius:13px;padding:10px 14px;position:relative;box-shadow:3px 3px #c4a17266}.speech:before{content:'';position:absolute;top:-6px;left:22px;width:8px;height:8px;border-left:2px solid #77553c;border-top:2px solid #77553c;background:white;transform:rotate(45deg)}.speech b{display:block;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:#b26729;margin-bottom:3px}.speech.Marea b{color:#9b5280}.speech.Scheggia b{color:#246c95}.speech.Brina b{color:#735399}.speech p{margin:0;font-size:18px;line-height:1.4}.focus .comic-page{display:block}.focus .frame{margin-bottom:18px}.frame[hidden]{display:none!important}#reader-controls{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:6px;background:#102d3af5;border:1px solid #a98f62;padding:8px;border-radius:18px;box-shadow:0 8px 25px #0008;max-width:calc(100vw - 16px)}#reader-controls[hidden]{display:none}#reader-controls button{min-width:44px;padding:8px 12px;font-size:20px}#position{min-width:76px;text-align:center;font-size:13px;color:#edd8ad}.end-card{padding:28px;background:linear-gradient(140deg,#465442,#163849);border:1px solid #baad77;border-radius:16px;margin-top:24px}.end-card h2{font-size:26px}.end-card p{line-height:1.6}.reactions{padding:22px;border:1px solid #608382;border-radius:16px;background:#173a48;margin:20px 0}.reactions h3{color:#ffdfa1;margin:0 0 6px}.reactions p{font-size:13px;color:#bcd0d3}.emotes{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.emotes button{padding:9px;display:grid;justify-items:center;min-width:65px;gap:4px}.emotes button[aria-pressed=true]{border:2px solid #ffe6a6;background:#456257}.emotes svg{width:32px;height:32px;image-rendering:pixelated}.emotes span{font-size:12px}.reactions>small{font-size:11px;color:#a7c5ce;display:block}.like{margin-top:5px}.summary{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.summary th,.summary td{padding:14px;border-bottom:1px solid #45646d;text-align:left}.summary th{color:var(--sand)}dialog{border:1px solid #b1aa7a;border-radius:18px;background:#122f3b;color:#fff0d5;max-width:96vw;width:1100px;max-height:94dvh;padding:18px}dialog::backdrop{background:#020d16e8}#closeZoom{position:sticky;top:0;float:right;z-index:3;min-width:44px;background:#183c49}#zoomContent{clear:both;padding-top:12px}#zoomContent .frame{width:100%;}#zoomContent .art{aspect-ratio:3;background-size:100% 200%}#zoomContent .lower .art{aspect-ratio:1.5;background-size:200% 200%;background-position:0 100%}#zoomContent .right .art{background-position:100% 100%}footer{max-width:1100px;margin:auto;padding:24px 20px 105px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#94b6be;font-size:11px}footer button{font-size:11px;padding:7px 11px;min-height:36px}#status{position:fixed;z-index:30;bottom:95px;left:50%;transform:translateX(-50%);background:#f7d498;color:#25353b;padding:12px 20px;border-radius:14px;max-width:90vw}.note{font-size:12px;color:#9bc2c7}.review-label{border:1px solid #8f906a;padding:12px;border-radius:10px;font-size:13px;margin-bottom:20px}@media(max-width:650px){header{height:60px;padding:9px 14px;gap:10px}.brand{font-size:13px}.preview{font-size:8px}.hero{height:520px}.hero img{object-position:45% 0}.hero h1{letter-spacing:-2px;font-size:50px}.hero-copy{bottom:28px;left:22px}.hero p{font-size:16px}.section{padding:26px 18px}.chapters{grid-template-columns:1fr 1fr}.chapter{min-height:140px;padding:14px}.cast{grid-template-columns:1fr 1fr}.season-heading{align-items:start}.season-heading h2{font-size:25px}.reader{padding:18px 12px 110px}.reader-heading h1{font-size:22px}.comic-page{grid-template-columns:1fr;gap:14px}.frame:first-child{grid-column:auto}.frame{border-width:2px}.dialogue{padding:15px}.caption,.speech p{font-size:18px}.reader-heading .page-num{width:38px;height:38px}.watermark{font-size:8px}.end-card{padding:20px}.art{min-height:130px}.cast p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}[hidden]{display:none!important}
/* Comic-world interface v2: sand, shells and readable in-panel dialogue. */
:root{color-scheme:light;--sand:#70421f;--teal:#215b71}body{color:#493622;background:#ecd3a0;background-image:linear-gradient(#ffedc766,#e3bc8366),url('assets/page-01.webp');background-size:cover;background-position:center top;background-attachment:fixed}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#e8bc8688,#f6e5cbee 25%,#f6e5cbee 75%,#e8bc8688);z-index:-1;pointer-events:none}header{background:linear-gradient(#b68343,#76502c);border-bottom:4px solid #56351e;box-shadow:0 3px 12px #6d481e40;color:#fff0cf;backdrop-filter:none}.preview{color:#ffe3a5}.tk{background:#79c7cc;color:#173d52}.brand{text-shadow:1px 2px #49341c}button{background:linear-gradient(#eed3a1,#d0a266);color:#4b341e;border:2px solid #947145;border-radius:10px;box-shadow:inset 0 0 0 2px #f9e4bb55}button:hover:not(:disabled){background:#f5dfb6}.hero{border:4px solid #80572e;border-top:0;border-radius:0 0 25px 25px}.hero h1{color:#ffe2a9;text-shadow:3px 4px #674123,0 0 20px #62381f}.hero p{color:#fff5e0}.hero .eyebrow{color:#c3f4ec}.hero:after{background:linear-gradient(transparent 28%,#17333dc2 88%)}.section{background:#f5e8cddb;border:1px solid #caad7f;border-radius:20px;margin:20px 14px;box-shadow:0 6px 24px #7b562530}.section p{color:#655341}.eyebrow{color:#326f81}.season-heading small{border-color:#b19463;background:#f9edce}.chapter{background:linear-gradient(#fae9bc,#d9b67b);border:2px solid #a27b47;box-shadow:inset 0 0 0 3px #fff0c6}.chapter.ready{background:linear-gradient(#f8e1a4,#dbba76);border-color:#5b807f}.chapter>span{color:#326d7c}.chapter b{color:#54381e}.chapter small{color:#6e5437}.cast article{background:#f9eacc;border:2px solid #c8a572;box-shadow:inset 0 0 0 2px #fff5df}.cast b{color:#845223}.reader{max-width:1160px;padding-bottom:110px}.reader-heading{background:#f8e8c5e8;border:2px solid #ab814d;border-radius:13px;padding:14px;box-shadow:3px 4px #d2b38580}.reader-heading h1{color:#76441f}.reader-heading p{color:#387082}.reader-heading .page-num{background:#275f72;color:#f8e6b9;border:2px solid #76b9bb}.comic-page{gap:16px}.frame{border:3px solid #714b2d;border-radius:10px;background:#f3dfb8;box-shadow:4px 5px #be9a6655}.art{border-bottom:0}.dialogue:empty{display:none}.dialogue{padding:12px 17px;background:#f8e4b4}.caption{font-size:17px;font-weight:600;color:#76562c;font-style:normal}.art .speech{position:absolute;top:12px;left:12px;width:44%;max-width:275px;background:#fffdf1f5;border:2px solid #695443;border-radius:15px;padding:10px 12px;box-shadow:3px 4px #31261333;z-index:2}.art .speech.bubble-1{left:auto;right:12px;top:18px}.speech:before{top:auto;bottom:-8px;left:30%;width:12px;height:12px;border:0;border-right:2px solid #695443;border-bottom:2px solid #695443;background:#fffdf1;transform:rotate(45deg)}.speech.bubble-1:before{left:auto;right:28%}.art .speech b{font-size:11px;letter-spacing:.5px;font-weight:900;border-bottom:1px solid #ccba9a;padding-bottom:4px;margin-bottom:5px}.art .speech p{font-size:16px;line-height:1.25;color:#282820;font-weight:650}.speech.Pikko{border-color:#ad7028}.speech.Marea{border-color:#a45c87}.speech.Scheggia{border-color:#2f7696}.speech.Granito{border-color:#617260}.art .speech.Granito b{color:#49634b}.expand{z-index:4;top:auto;bottom:8px;right:8px;background:#24586ee8;color:#fff8df;border-color:#dfbe88;min-height:36px;padding:3px 8px}.watermark{bottom:8px;left:8px;background:#3c4d4cc2;color:#fff5d8}#reader-controls{background:linear-gradient(#ae8150,#74502f);border:2px solid #573d24;box-shadow:0 6px 16px #47351b66}#reader-controls button{font-weight:800}#position{color:#fff4dd}.end-card{background:linear-gradient(#f6e4b8,#e3c893);border:2px solid #a7844e}.end-card h2{color:#734921}.reactions{background:#efddba;border:2px solid #ae8858}.reactions h3{color:#805229}.reactions p,.reactions>small{color:#66533c}.emotes button[aria-pressed=true]{background:#a4ceca;border-color:#286779}.note{color:#5b6554}footer{color:#5f4d37;font-weight:600}footer button{font-size:12px}dialog{color:#493b29;background:#f5e4c4;border:3px solid #896637}dialog::backdrop{background:#2d251de0}#closeZoom{background:#264f5e;color:#fff0d0}#zoomContent .speech{max-width:320px}#zoomContent .speech p{font-size:20px}.review-label{background:#fff1d8;border-color:#b59663}.summary th{color:#744a29}.summary td,.summary th{border-color:#c7ac81}.focus .frame{max-width:1050px;margin:0 auto 18px}.focus .frame .art{min-height:0}.hero img{height:200%;object-fit:cover;object-position:top;width:100%}@media(max-width:650px){.reader{padding:10px 7px 110px}.reader-heading{padding:10px}.reader-heading h1{font-size:21px}.comic-page{gap:12px}.art{min-height:0}.art .speech{top:7px;left:7px;padding:7px 8px;width:44%;border-radius:11px;max-width:none}.art .speech.bubble-1{right:7px;top:7px}.art .speech p{font-size:14px;line-height:1.18}.art .speech b{font-size:9px;padding-bottom:3px;margin-bottom:3px}.speech:before{bottom:-7px;width:10px;height:10px}.watermark{font-size:8px}.caption{font-size:16px}.section{margin:15px 8px;padding:24px 16px}.hero{height:480px}.hero img{height:100%;width:300%;max-width:none;object-fit:fill;object-position:top;margin-left:-80%}.hero h1{font-size:48px}.hero-copy{left:17px;right:15px}.focus .frame .art{min-height:0}#zoomContent .speech p{font-size:15px}#zoomContent .speech{padding:7px 9px}.cast article{padding:13px}.expand{min-width:34px;min-height:34px;font-size:18px}}

/* Final preview: undistorted cover and readable mobile balloons */
.hero{background-image:linear-gradient(transparent 20%,#193643df 92%),url('assets/page-01.webp');background-size:cover,auto 205%;background-position:center,50% top}.hero img{display:none}.art .speech{width:43%;max-width:300px}.art .speech p{margin:0}.art .speech b{display:block}.narration-bar{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fbebcf;border:2px solid #b59461;border-radius:12px;margin:10px 0}.narration-bar small{font-size:12px}.audio-active{box-shadow:0 0 0 4px #3b9e9b!important}.video-preview{width:100%;max-height:75vh;background:#132c37;border-radius:14px;margin-top:10px}@media(max-width:650px){.hero{background-size:cover,auto 205%;background-position:center,35% top}.art .speech p{font-size:14px}.art .speech{width:44%}.art .speech b{font-size:10px}.narration-bar{flex-wrap:wrap}}
.gentle-motion .art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffeabc12 46%,transparent 66%);background-size:240% 100%;animation:light-breath 14s ease-in-out infinite;z-index:1}@keyframes light-breath{0%,100%{background-position:0% 0;opacity:.3}50%{background-position:100% 0;opacity:.8}}@media(prefers-reduced-motion:reduce){.gentle-motion .art:after{animation:none;opacity:0}}

/* Final preview: undistorted cover and readable mobile balloons */
.hero{background-image:linear-gradient(transparent 20%,#193643df 92%),url('assets/page-01.webp');background-size:cover,auto 205%;background-position:center,50% top}.hero img{display:none}.art .speech{width:43%;max-width:300px}.art .speech p{margin:0}.art .speech b{display:block}.narration-bar{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fbebcf;border:2px solid #b59461;border-radius:12px;margin:10px 0}.narration-bar small{font-size:12px}.audio-active{box-shadow:0 0 0 4px #3b9e9b!important}.video-preview{width:100%;max-height:75vh;background:#132c37;border-radius:14px;margin-top:10px}@media(max-width:650px){.hero{background-size:cover,auto 205%;background-position:center,35% top}.art .speech p{font-size:14px}.art .speech{width:44%}.art .speech b{font-size:10px}.narration-bar{flex-wrap:wrap}}
@media(max-width:380px){header{gap:7px;padding:8px}.preview{display:none}header button{padding:8px;min-width:38px}.brand{gap:6px;font-size:13px}.tk{padding:6px}.emotes{grid-template-columns:repeat(3,minmax(0,1fr))}.season-heading{flex-wrap:wrap}#reader-controls{gap:5px;padding:7px;max-width:calc(100vw - 14px)}#reader-controls button{padding:8px 10px}#position{font-size:12px}}

#reader-controls{position:sticky;top:70px;bottom:auto;left:auto;transform:none;width:fit-content;max-width:calc(100vw - 16px);margin:12px auto;z-index:8}#reader-controls[hidden]{display:none}@media(max-width:650px){#reader-controls{top:60px}}

.art{overflow:hidden}.scene-layer{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat}.gentle-motion .scene-layer{animation:scene-drift 13s ease-in-out infinite;transform-origin:50% 55%;will-change:transform}.frame:nth-child(2) .scene-layer{animation-delay:-4s}.frame:nth-child(3) .scene-layer{animation-delay:-8s}@keyframes scene-drift{0%,100%{transform:scale(1.015) translate(-.25%,.15%)}50%{transform:scale(1.023) translate(.25%,-.15%)}}@media(prefers-reduced-motion:reduce){.gentle-motion .scene-layer{animation:none;transform:none;will-change:auto}}