@font-face{font-family:"Baloo 2";src:local("Baloo 2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#05060f;--bg:#0a0e27;--panel:#10152f;--ink:#f5f7ff;--ink-dim:#aab1d6;--accent-gold:#ffd23f;--accent-star:#ffe38a;--orion:#5ec8ff;--empire:#ff4d5e}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(ellipse at top, #131a3d 0%, var(--bg-deep) 70%);color:var(--ink);-webkit-font-smoothing:antialiased;width:100vw;height:100dvh;margin:0;font-family:"Baloo 2",Trebuchet MS,Segoe UI Rounded,system-ui,sans-serif;overflow:hidden}button{font-family:inherit}.app-shell{width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.story-reader{flex-direction:column;flex:1;gap:clamp(6px,1.4vh,14px);min-height:0;padding:clamp(10px,2vw,20px);display:flex}.chapter-banner{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.chapter-banner-text{align-items:baseline;gap:12px;min-width:0;display:flex}.chapter-roman{color:var(--accent-gold);letter-spacing:2px;flex-shrink:0;font-size:clamp(20px,2.6vw,30px);font-weight:800}.chapter-title{color:var(--ink-dim);text-transform:uppercase;letter-spacing:3px;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(15px,1.8vw,20px);overflow:hidden}.lang-toggle{background:#171d42;border:2px solid #2c3570;border-radius:999px;flex-shrink:0;gap:3px;padding:3px;display:flex}.lang-btn{color:var(--ink-dim);letter-spacing:1px;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:clamp(12px,1.4vw,14px);font-weight:800}.lang-btn-active{background:var(--accent-gold);color:#1a1200}.story-layout{flex:1;grid-template-columns:1.15fr 1fr;gap:clamp(10px,2vw,24px);min-height:0;display:grid}@media (width<=860px),(orientation:portrait){.story-layout{grid-template-rows:minmax(0,1.05fr) minmax(0,1fr);grid-template-columns:1fr}}.illustration-pane{flex-direction:column;gap:8px;min-height:0;display:flex}.text-pane{background:var(--panel);border:2px solid #232a54;border-radius:20px;flex-direction:column;gap:10px;min-height:0;padding:clamp(12px,2vw,22px);display:flex}.text-pane-scroll{--fit-scale:1;flex:1;min-height:0;padding-right:4px;overflow-y:auto}.story-measure-hidden{visibility:hidden;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:0;left:-9999px}.story-measure-hidden .story-paragraph,.story-measure-hidden .speech-bubble{width:100%}.comic-panel{background:linear-gradient(#0c1130 0%,#050814 100%);border:4px solid #1c2350;border-radius:20px;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #000,0 18px 40px -12px #000000b3}.comic-halftone{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.comic-caption{z-index:3;background:var(--accent-gold);color:#1a1200;letter-spacing:1.5px;border:2px solid #1a1200;border-radius:3px;padding:6px 12px;font-size:clamp(11px,1.4vw,14px);font-weight:800;position:absolute;top:14px;left:14px;transform:rotate(-1.5deg);box-shadow:3px 3px #00000080}.comic-content{z-index:2;flex:1;min-width:0;min-height:0;padding:clamp(10px,2vw,20px);display:flex;position:relative}.chess-board-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:0;display:flex}.chess-board-grid{background:#030812;border:2px solid #2a4a5c;border-radius:4px;flex-shrink:0;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5ec8ff26,inset 0 0 24px #5ec8ff1f,0 10px 40px -8px #000000e6}.chess-board-grid:before{content:"";z-index:1;pointer-events:none;background-image:repeating-linear-gradient(90deg,#5ec8ff29 0 1px,#0000 1px 12.5%),repeating-linear-gradient(#5ec8ff29 0 1px,#0000 1px 12.5%);position:absolute;inset:0}.chess-board-grid:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000,#5ec8ff12,#0000);height:40%;animation:5s linear infinite board-scan;position:absolute;left:0;right:0}@keyframes board-scan{0%{top:-40%}to{top:100%}}.chess-cell{background:radial-gradient(circle at 50% 40%,#5ec8ff0d,#0000 70%);justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.chess-cell-dark{background:radial-gradient(circle at 50% 40%,#5ec8ff1a,#0a142d8c 70%)}.chess-cell-last{box-shadow:inset 0 0 0 2px var(--accent-gold), inset 0 0 16px #ffd23f59;z-index:2}.chess-cell-last:before{content:"";z-index:1;background:#ffd23f33;position:absolute;inset:0}.chess-cell-coord{letter-spacing:.5px;color:#5ec8ff73;text-transform:uppercase;z-index:2;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(6px,.85vw,9px);font-weight:600;position:absolute;top:3px;left:3px}.chess-piece{z-index:2;animation:3.6s ease-in-out infinite piece-breathe;position:relative}@keyframes piece-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.chess-move-label{color:var(--ink-dim);letter-spacing:.5px;background:#171d42;border:1px solid #2c3570;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:clamp(11px,1.4vw,13px)}.speech-bubble{padding:calc(10px * var(--fit-scale,1)) calc(14px * var(--fit-scale,1));background:#1b224b;border:2px solid #2c3570;border-radius:16px;position:relative}.speech-bubble-speaking{border-color:var(--accent-gold);box-shadow:0 0 0 2px #ffd23f40}.speech-speaker{font-size:calc(clamp(10px, 1.2vw, 12px) * var(--fit-scale,1));letter-spacing:1.5px;color:var(--accent-gold);margin-bottom:4px;font-weight:800}.speech-line{font-size:calc(clamp(16px, 2vw, 20px) * var(--fit-scale,1));cursor:pointer;line-height:1.4}.story-content{gap:calc(12px * var(--fit-scale,1));flex-direction:column;display:flex}.story-paragraph{font-size:calc(clamp(16px, 2vw, 20px) * var(--fit-scale,1));color:var(--ink);margin:0;line-height:1.55}.sentence{cursor:pointer;border-radius:6px;transition:background .15s}.sentence:hover{background:#5ec8ff14}.sentence-speaking{background:#ffd23f2e}.word{border-radius:4px;padding:0 1px}.word:active,.word:hover{background:#ffd23f59}.tts-unsupported{color:var(--empire);font-size:13px}.reader-controls{border-top:1px solid #232a54;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding-top:6px;display:flex}.btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:999px;font-family:inherit;font-weight:700}.btn-ghost{color:var(--ink);background:#232a54;padding:10px 16px;font-size:clamp(13px,1.6vw,15px)}.btn-ghost:active{background:var(--accent-gold);color:#1a1200}.nav-buttons{align-items:center;gap:10px;display:flex}.btn-nav{background:var(--orion);color:#05122a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.btn-nav:disabled{opacity:.3;cursor:default}.page-count{color:var(--ink-dim);text-align:center;min-width:70px;font-size:13px}.move-count{opacity:.75}.progress-dots{padding:2px 0 env(safe-area-inset-bottom);flex-shrink:0;justify-content:center;gap:6px;display:flex;overflow-x:auto}.dot{background:#2c3570;border:none;border-radius:50%;flex-shrink:0;width:8px;height:8px;padding:0}.dot-active{background:var(--accent-gold);border-radius:5px;width:22px}.library-top{justify-content:flex-end;align-self:center;width:100%;max-width:min(920px,100%);display:flex}.library{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(20px,4vw,40px);padding:20px clamp(12px,3vw,24px) 40px;display:flex;overflow-y:auto}.library-heading h1{background:linear-gradient(180deg, #fff, var(--accent-gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,6vw,3.4rem)}.library-heading p{color:var(--ink-dim);margin:8px 0 0;font-size:clamp(1rem,2.4vw,1.2rem)}.library-shelf{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,3vw,28px);width:min(920px,100%);display:grid}.story-card{text-align:left;cursor:pointer;color:var(--ink);background:linear-gradient(160deg,#10152f,#1a2050);border:3px solid #2c3570;border-radius:20px;flex-direction:column;gap:10px;min-height:210px;padding:22px 20px 24px;font-family:inherit;display:flex;position:relative;box-shadow:0 12px 32px #00000080}.story-card:active{transform:scale(.98)}.story-card-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-gold);font-size:.78rem;font-weight:800}.story-card h2{margin:0;font-size:clamp(1.2rem,2.6vw,1.5rem)}.story-card p{color:var(--ink-dim);margin:0;font-size:.95rem;line-height:1.4}.story-card-go{color:var(--accent-gold);align-self:flex-start;margin-top:auto;font-weight:800}.story-card-castle{background:linear-gradient(160deg,#3a2a1a,#241708);border-color:#e8c88a}.story-card-castle .story-card-kicker,.story-card-castle .story-card-go{color:#e8c88a}.castle-perspective-pills{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.perspective-pill{color:#e8c88a;cursor:pointer;background:0 0;border:2px solid #e8c88a;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:800}.perspective-pill:active{transform:scale(.96)}.perspective-pill-black{color:#241708;background:#e8c88a}.theme-castle{background:radial-gradient(at top,#2a2038 0%,#1a1428 70%)}.theme-castle .library-heading h1{background:linear-gradient(#fff,#e8c88a);-webkit-background-clip:text;background-clip:text}.castle-shell{color:#3a2313;flex-direction:column;flex:1;gap:clamp(6px,1.4vh,14px);min-height:0;padding:clamp(10px,2vw,20px);display:flex}.castle-banner{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.castle-title{color:#f4e9d8;text-align:center;flex:1;min-width:0;margin:0;font-size:clamp(1rem,2.6vw,1.4rem)}.castle-layout{flex:1;grid-template-columns:1.15fr 1fr;gap:clamp(10px,2vw,24px);min-height:0;display:grid}@media (width<=860px),(orientation:portrait){.castle-layout{grid-template-rows:minmax(0,1.05fr) minmax(0,1fr);grid-template-columns:1fr}.castle-banner{flex-wrap:wrap;row-gap:4px}.castle-title{flex-basis:100%;order:1}}.castle-board-pane{background:linear-gradient(160deg,#f6ecd4,#efe0bd);border:4px solid #8a5a2b;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:0;padding:clamp(10px,2vw,20px);display:flex;box-shadow:0 18px 40px -12px #00000080}.castle-perspective-badge{color:#fff8e0;background:#b3541e;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:.85rem;font-weight:800}.castle-board-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex}.castle-board-grid{aspect-ratio:1;border:3px solid #3a2313;border-radius:8px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,420px);max-width:100%;max-height:100%;display:grid;overflow:hidden;box-shadow:0 10px 30px -8px #00000080}.castle-square{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.castle-square.light{background:#f0e4c8}.castle-square.dark{background:#9a7648}.castle-square.last-move{box-shadow:inset 0 0 0 3px #b3541e}.castle-text-pane{color:#3a2313;background:#f6ecd4;border:2px solid #8a5a2b;border-radius:20px;flex-direction:column;gap:10px;min-height:0;padding:clamp(12px,2vw,22px);display:flex}.castle-text-scroll{--fit-scale:1;flex:1;min-height:0;padding-right:4px;overflow-y:auto}.castle-text-scroll .story-content{gap:calc(12px * var(--fit-scale,1));flex-direction:column;display:flex}.castle-text-scroll .story-paragraph{font-size:calc(clamp(16px, 2vw, 20px) * var(--fit-scale,1));color:#3a2313;margin:0;line-height:1.55}.castle-text-scroll .speech-bubble{padding:calc(10px * var(--fit-scale,1)) calc(14px * var(--fit-scale,1));background:#efe0bd;border:2px solid #b3541e;border-radius:16px}.castle-text-scroll .speech-speaker{font-size:calc(clamp(10px, 1.2vw, 12px) * var(--fit-scale,1));letter-spacing:1.5px;color:#b3541e;margin-bottom:4px;font-weight:800}.castle-text-scroll .speech-line{font-size:calc(clamp(16px, 2vw, 20px) * var(--fit-scale,1));cursor:pointer;line-height:1.4}.castle-text-scroll .word:hover,.castle-text-scroll .word:active{background:#b3541e40}.castle-text-scroll .sentence-speaking{background:#b3541e2e}.castle-make-a-choice{color:#b3541e;margin:10px 0 0;font-weight:800}.castle-choice-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:6px;display:grid}.castle-choice-card{text-align:left;color:#3a2313;cursor:pointer;background:#fdf6e3;border:3px solid #8a5a2b;border-radius:16px;min-height:72px;padding:16px;font-family:inherit;font-size:clamp(14px,1.8vw,16px);font-weight:700;box-shadow:0 6px 16px #3a231333}.castle-choice-card:active{transform:scale(.98)}.castle-ending-card{background:#b3541e14;border:3px dashed #b3541e;border-radius:18px;margin-top:14px;padding:18px}.castle-ending-card h2{color:#b3541e;margin:0 0 8px}.castle-ending-card.stub{background:#2f6b4f14;border-color:#2f6b4f}.castle-ending-card.stub h2{color:#2f6b4f}.castle-play-again{color:#fff8e0;background:#2f6b4f;margin-top:14px}.castle-unlock-panel{border-top:2px dashed #b3541e66;margin-top:14px;padding-top:14px}.castle-unlock-panel p{color:#3a2313;margin:0 0 6px}.castle-unlock-cta,.castle-mode-swap{color:#fff8e0;background:#3a2313;margin-top:10px}.castle-next-btn{color:#fff8e0;background:#b3541e}.theme-castle .reader-controls{border-top:1px solid #8a5a2b}.theme-castle .btn-ghost{color:#3a2313;background:#efe0bd}.theme-castle .lang-toggle{background:#efe0bd;border-color:#8a5a2b}.theme-castle .lang-btn{color:#6b5334}.theme-castle .lang-btn-active{color:#fff8e0;background:#b3541e}