.card-world-story{padding:0;width:min(470px,calc(100vw - 24px));height:min(820px,calc(100dvh - 32px));max-width:none;max-height:none;border:1px solid #b4c8bd;border-radius:28px;background:#f0f4ec;color:#294e3f;overflow:hidden;box-shadow:0 25px 100px #2147383b,inset 0 0 0 1px #fff}.card-world-story::backdrop{background:#244b456b;backdrop-filter:blur(13px)}.world-story-frame{position:relative;isolation:isolate;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(155deg,#ecf3e99c,#f8edf19c 55%,#e3f0f799)}.world-story-backdrop{position:absolute;inset:0;z-index:-1;opacity:.5;pointer-events:none}.world-story-backdrop .card-atmosphere{opacity:.8}.world-story-header{padding:9px 18px 17px;border-bottom:1px solid #aec3b845;background:#f7f8f0b8}.world-story-progress{display:flex;gap:5px}.world-story-progress>button{flex:1;min-width:0;height:31px;padding:14px 0;border:0;background:transparent;position:relative}.world-story-progress>button:before,.world-story-progress>button>span{content:"";display:block;position:absolute;left:0;right:0;top:14px;height:3px;border-radius:4px;background:#bacdc580}.world-story-progress>button>span{background:linear-gradient(90deg,#80a477,#bc8baa 55%,#76a9c1);transform-origin:left;transition:transform .1s linear;box-shadow:0 0 8px #badac75c}.world-story-progress>button:focus-visible{outline:2px solid #5f8467;outline-offset:0;border-radius:5px}.world-story-identity{display:flex;gap:10px;align-items:center}.world-story-identity>img{width:33px;height:46px;-o-object-fit:contain;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px #3c5e3726)}.world-story-identity>div{flex:1;min-width:0}.world-story-identity p{font-size:6px;font-weight:600;letter-spacing:.12em;color:#8a6a80;margin-bottom:4px}.world-story-identity h2{font-family:var(--font-sans),sans-serif;font-size:12px;line-height:1.3;font-weight:500}.world-story-identity div>span{display:block;margin-top:3px;font-size:8px;color:#6b8075;line-height:1.4}.world-story-close{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid #b7c9b8;border-radius:50%;color:#4a725e;background:#f8f9f3b0;font-size:25px;font-weight:300}.world-story-reading{position:relative;overflow:auto;overscroll-behavior:contain;min-height:0;padding:24px 21px;scrollbar-width:thin;scrollbar-color:#a2bcad transparent;display:flex;flex-direction:column}.world-story-reading:focus-visible{outline:2px solid #8cae97;outline-offset:-4px}.world-story-page{margin-top:auto;flex-shrink:0;padding:24px;background:linear-gradient(140deg,#f7f9efeb,#f8f0f3eb 65%,#eaf3f7eb);border:1px solid #fdfef9c7;box-shadow:0 5px 25px #768d8012;border-radius:22px 22px 12px 22px}.world-story-eyebrow{font-size:8px;line-height:1.5;letter-spacing:.13em;color:#8d6e88;font-weight:600}.world-story-page h3{font-family:var(--font-serif),Georgia,serif;font-size:42px;line-height:1.04;letter-spacing:-.025em;margin:12px 0 19px;text-wrap:balance}.world-story-text{font-size:13px;line-height:1.85;color:#486358;text-wrap:pretty}.world-story-text+.world-story-text{margin-top:13px}.world-story-artist{font-size:9px;line-height:1.5;color:#697d71;margin-top:23px;padding-top:14px;border-top:1px solid #b8c7b957}.world-story-artist strong{font-weight:500;color:#526c5f}.world-story-sources{list-style:none;padding:0;margin:0}.world-story-sources li+li{border-top:1px solid #b8c7b947}.world-story-sources a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;min-height:44px;font-size:11px;line-height:1.6;color:#496e73}.world-story-sources a>span{flex:none}.world-story-detail{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:10px 16px;border:1px solid #aec4b4;border-radius:19px 7px 19px 7px;background:linear-gradient(110deg,#e3eedb,#f4e4ed 55%,#dfeef4);font-size:11px;color:#426757}.world-story-detail>span{font-size:22px;color:#97799c}.world-story-footer{padding:15px 20px 14px;background:#f4f7eff0;border-top:1px solid #b4c9be55}.world-story-status{font-size:9px;color:#6b7e73;text-align:center;line-height:1.6;margin-bottom:11px}.world-story-controls{display:flex;justify-content:center;gap:10px}.world-story-controls button{min-width:44px;min-height:44px;border:1px solid #b0c4b6;border-radius:24px;color:#4c705e;background:linear-gradient(130deg,#e9f2e2,#f8eef1,#e9f3f6);font-size:18px;transition:background .2s,box-shadow .2s}.world-story-controls .world-story-play{min-width:150px;font-size:11px;letter-spacing:.025em}.world-story-controls button:disabled{opacity:.5}.world-story-close:hover,.world-story-controls button:hover:not(:disabled){box-shadow:0 0 13px #b4d0cf70;background:#fafff8}.world-story-position{margin-top:11px;text-align:center;font-size:8px;color:#748679;font-variant-numeric:tabular-nums}@media (max-width:480px){.card-world-story{width:calc(100vw - 16px);height:calc(100dvh - 20px);border-radius:22px}.world-story-reading{padding:18px 14px}.world-story-page{padding:20px}.world-story-page h3{font-size:38px}}@media (max-height:570px){.world-story-header{padding-bottom:10px}.world-story-reading{padding:12px}.world-story-page{padding:18px}.world-story-page h3{font-size:29px;margin-bottom:12px}.world-story-footer{padding:8px 16px}.world-story-position,.world-story-status{margin:4px 0}}@media (prefers-reduced-motion:reduce){.world-story-controls button,.world-story-progress>button>span{transition:none}}[data-motion=paused] .world-story-controls button,[data-motion=paused] .world-story-progress>button>span{transition:none}