:root{color-scheme:light;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;font-synthesis:none;color:var(--ink);background:#97d9e9;--ink:#173f48;--muted:#50615a;--accent:#14685d;--paper:#fff8e4;--line:#b2b997}
*{box-sizing:border-box}html,body{width:100%;margin:0}body{min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit}[hidden]{display:none!important}:is(button,a):focus-visible{outline:3px solid #0c534a;outline-offset:4px}.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}
/* Layer order: fixed cover art, ordinary home controls, native dialog top layer. */
.home-app{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100dvh;padding:max(8px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}
.story-world{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#97d9e9}.welcome-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}.welcome{display:flex;justify-content:center;flex-shrink:0}.brand-logo{display:block;width:clamp(290px,29vw,430px);max-width:100%;height:auto;object-fit:contain}
.game-menu{position:relative;width:min(100%,880px);margin:auto auto 0}.book-library,.library-loading,.library-error{border:3px solid var(--paper);border-radius:24px;background:var(--paper);box-shadow:0 5px 0 #64784e}.book-library{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;padding:16px 22px}.bookshelf{min-width:0}.bookshelf h2{font-size:17px;font-weight:750;margin:0 0 10px;line-height:1.4}.book-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.book-choice{display:flex;flex-direction:column;align-items:center;min-width:0;border:2px solid transparent;border-radius:12px;padding:5px;color:var(--ink);background:transparent;transition:background .15s,border-color .15s,transform .15s}.book-choice:hover{background:#eee9ce}.book-choice[aria-pressed=true]{border-color:var(--accent);background:#e2edd2}.book-choice:active{transform:translateY(2px)}.book-cover{display:block;width:100%;height:85px;object-fit:contain;filter:drop-shadow(1px 3px 1px #314a4230);border-radius:3px}.book-choice-title{margin-top:6px;font-size:13px;font-weight:750;line-height:1.4;white-space:nowrap}.selected-world{display:flex;flex-direction:column;justify-content:center;gap:16px;padding-left:24px;border-left:1px solid #ccc9a9}.selected-world h2{margin:0;font-size:19px;font-weight:750;line-height:1.5}.enter-button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;border:2px solid var(--accent);border-radius:14px;background:var(--accent);color:#fff;font-size:16px;font-weight:750;box-shadow:0 3px 0 #0b4942;white-space:nowrap}.enter-button:hover{background:#0b544b}.enter-button:active{transform:translateY(2px);box-shadow:none}.library-loading,.library-error{padding:24px}.library-loading p{margin:0}.library-error h2{font-size:22px;margin:0 0 10px}.library-error p{line-height:1.6}.library-error button{min-height:44px;padding:9px 15px;border:1px solid var(--line);border-radius:12px;background:#fffcf2;color:var(--ink)}
.reader-open{overflow:hidden}.reader-open .welcome,.reader-open .game-menu{visibility:hidden}
.book-reader{width:100%;height:100dvh;max-width:none;max-height:100dvh;margin:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:transparent;color:#fff8e4;overflow:hidden;isolation:isolate}
.book-reader[open]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.book-reader::backdrop{background:transparent}.reader-header{display:flex;align-items:center;gap:20px;width:min(100%,1080px);margin:auto}.reader-header h2{font-size:18px;line-height:1.4;font-weight:700;margin:0}.reader-back{min-height:44px;flex:none;border:1px solid #ffffff45;border-radius:12px;background:#ffffff12;color:#fff8e4;padding:9px 15px;font-size:13px;white-space:nowrap}.reader-back:hover{background:#ffffff24}
.reader-stage{position:relative;min-height:0;width:100%;max-width:1240px;margin:0 auto}.book-canvas-host{position:absolute;inset:0}.book-canvas-host canvas{display:block;width:100%;height:100%}.reader-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px}.reader-loading{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:14px;color:#fff8e4;margin:0;pointer-events:none}
.reader-nav{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:20px;width:min(100%,540px);margin:auto;text-align:center}.reader-nav button{height:48px;border:1px solid #ffffff60;border-radius:14px;background:#ffffff18;color:#fff8e4;font-size:26px}.reader-nav strong{display:block;font-size:16px;line-height:1.5}.reader-nav span{display:block;font-size:12px;margin-top:3px;color:#e2e8d7}.reader-notice{margin:0 auto;font-size:12px;line-height:1.6;text-align:center;width:min(100%,800px);color:#fff1c2}
.reader-footer{display:flex;justify-content:space-between;align-items:stretch;gap:14px;width:min(100%,900px);margin:6px auto 0;padding:14px 18px;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 4px 0 #061f2933}.reader-footer button,.start-interaction{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 17px;border:1px solid var(--line);border-radius:11px;font:inherit;font-size:14px;line-height:1.4;white-space:nowrap;text-decoration:none;background:#fffcf2;color:var(--ink)}.reader-print-actions,.reader-print-scope{display:flex;align-items:stretch}.reader-print-actions{gap:9px}.reader-print-scope button{border-radius:0;border-right:0}.reader-print-scope button:first-child{border-radius:11px 0 0 11px}.reader-print-scope button:last-child{border-radius:0 11px 11px 0;border-right:1px solid var(--line)}.reader-print-scope button[aria-pressed=true]{background:#dfecd5;color:#115c4f;font-weight:700}.reader-footer .start-interaction{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.reader-footer button:hover{background:#e7edd9}.start-interaction[aria-disabled=true]{opacity:.45;pointer-events:none}
@media(max-width:767px){.home-app{padding:max(4px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}.brand-logo{width:min(338px,96%)}.book-library{grid-template-columns:1fr;gap:12px;padding:14px;border-radius:22px}.bookshelf h2{font-size:16px;margin-bottom:8px}.book-choices{gap:6px}.book-cover{height:76px}.book-choice{padding:4px 2px}.book-choice-title{font-size:12px;margin-top:4px}.selected-world{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0}.selected-world h2{font-size:14px;line-height:1.5}.enter-button{min-height:48px;flex:none;font-size:14px;padding:9px 14px;gap:7px}.book-reader{padding:max(10px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))}.book-reader[open]{gap:8px}.reader-header{gap:12px}.reader-header h2{font-size:15px}.reader-back{padding:8px 10px;font-size:12px}.reader-nav{gap:10px;max-width:440px}.reader-nav strong{font-size:14px}.reader-footer{padding:11px 10px;gap:8px;border-radius:15px}.reader-footer button,.start-interaction{min-height:46px;padding:9px 10px;font-size:12px}.reader-print-actions{gap:5px}.reader-nav button{height:44px}.reader-stage{margin-inline:-10px;width:calc(100% + 20px)}}
@media(max-height:600px) and (min-width:768px){.brand-logo{width:230px}.book-library{padding:10px 16px;gap:20px}.bookshelf h2{font-size:14px;margin-bottom:4px}.book-cover{height:58px}.book-choice-title{font-size:12px}.selected-world h2{font-size:16px}.home-app{padding-bottom:16px}.book-reader{padding:8px 16px}.book-reader[open]{gap:5px}.reader-header h2{font-size:15px}.reader-footer{padding:8px 12px;margin-top:0}.reader-nav{grid-template-columns:44px 1fr 44px}.reader-nav button{height:44px}.reader-nav strong{font-size:13px}.reader-nav span{font-size:11px}.reader-footer button,.start-interaction{min-height:44px;padding-block:8px}}
@media(prefers-reduced-motion:reduce){.book-choice,.enter-button{transition:none}.book-choice:active,.enter-button:active{transform:none}}
@media(prefers-color-scheme:dark){:root{--paper:#223b3c;--ink:#edf6e4;--muted:#c2d1c3;--line:#668177;--accent:#9edac2}.book-library,.library-loading,.library-error{box-shadow:0 5px 0 #122a30}.book-choice[aria-pressed=true]{background:#3a5a4e}.book-choice:hover{background:#354f48}.selected-world{border-color:#688075}.enter-button{background:#9edac2;color:#133f36;border-color:#9edac2;box-shadow:0 3px 0 #426956}.reader-footer button,.start-interaction{background:#304b46;color:#edf6e4}.reader-print-scope button[aria-pressed=true]{background:#57755f;color:#fff9dc}.reader-footer .start-interaction{background:#9edac2;color:#133f36}.reader-footer button:hover{background:#436250}.library-error button{background:#304b46;color:#edf6e4}}

.reader-body{display:grid;grid-template-rows:minmax(100px,1fr) auto;grid-auto-rows:auto;gap:10px;width:100%;height:min(100%,calc(67vw + 146px));align-self:center;min-height:0}
@media(max-width:767px){.reader-body{gap:8px}}

/* A single continuous entrance: dock grows behind cards; cover flies above the canvas. */
.reader-transition-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--paper)}
.reader-transition-gradient{position:absolute;inset:0;background:linear-gradient(145deg,#244d56 0%,#123c43 52%,#183f38 100%);opacity:1}
.reader-entrance{position:fixed;inset:0;z-index:5;overflow:visible;pointer-events:none}
.entrance-cover{position:fixed;display:block;max-width:none;object-fit:fill;transform-origin:0 0;filter:drop-shadow(3px 8px 4px #0b282544);border-radius:2px}
.entrance-other{position:fixed;margin:0;pointer-events:none;transform-origin:50% 50%}
.reader-staging .reader-header,.reader-staging .reader-nav,.reader-staging .reader-footer,.reader-staging .reader-notice{visibility:hidden}
.reader-staging .book-canvas-host,.reader-staging .reader-fallback{visibility:hidden}
.reader-staging .reader-loading{opacity:0}
.reader-opening .reader-loading{opacity:0}
.reader-opening .reader-footer{background:transparent;box-shadow:none}
@media(prefers-color-scheme:dark){.reader-transition-gradient{background:linear-gradient(145deg,#25494f 0%,#123a40 52%,#1a3b36 100%)}}

.entrance-chrome{pointer-events:none}.entrance-chrome.book-library{background:transparent;border-color:transparent;box-shadow:none}.entrance-chrome .book-choices{visibility:hidden}
.story-world picture{display:contents}

.manage-invites{position:absolute;z-index:3;right:24px;top:24px;padding:12px 18px;border:2px solid #14685d;border-radius:12px;background:#fff8e4;color:#14685d;text-decoration:none;font-weight:700;min-height:44px;box-sizing:border-box}.manage-invites[hidden]{display:none}

@media(max-width:520px){.manage-invites{right:12px;top:14px;padding:10px 12px;font-size:13px}}