.story-experience{min-width:0}.story-game{isolation:isolate;color:#fff5dc;background:#213a2f;border:1px solid #bca977;border-radius:28px;flex-direction:column;height:90vh;margin:16px 8px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 70px #0b201b60,0 0 0 7px #f4e8cc,0 0 0 8px #bca97770}.story-game .game-stage{box-shadow:none;background:#263b2e;border:0;border-radius:0}.game-main .story-theatre{aspect-ratio:auto;height:100%;min-height:0}.game-side{background:#1d362a80;border-inline-end:1px solid #d5ca983b;flex-direction:column;flex:0 0 228px;width:228px;min-height:0;display:flex}.game-side-controls{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:8px 6px;padding:12px;display:grid}.game-side-controls button{border:1px solid #d5ca9840;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;min-height:40px;padding:8px;display:inline-flex}.game-side-controls .game-play{grid-area:1/1}.game-side-controls .game-restart{grid-area:1/2}.game-side-controls .game-sound{grid-area:1/3}.game-side-controls .game-night{grid-area:1/4}.game-side-controls .game-screen-toggle{grid-area:1/5}.game-side-controls .game-view-switches{grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.game-side-controls .game-view-switches button{min-height:44px;margin:0;font:650 11px/1.25 system-ui,sans-serif}.game-side-controls .game-view-switches svg{flex:none}.game-side-controls .game-view-switches span{overflow-wrap:anywhere;min-width:0}.game-side-controls button[aria-pressed=true]{color:#294434;background:#f6e7bd}@media (max-width:800px){.game-side-controls{gap:8px 6px;padding:10px 8px}.game-side-controls button{min-height:44px}.game-side-controls .game-view-switches{gap:8px}.game-side-controls .game-view-switches button{font-size:12px}}.fox-3d-scene{z-index:0;position:absolute;inset:0}.fox-3d-scene canvas{display:block;width:100%!important;height:100%!important}.game-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#12292124,#0000 28% 62%,#11251d4a);position:absolute;inset:0}.story-game .painted-world{transition:filter .6s}.story-game.is-night .painted-world,.story-game.is-night .theatre-scene{filter:brightness(.72)saturate(.85)}.story-game.is-motion .game-caption,.story-game.is-motion .game-finished{-webkit-backdrop-filter:none;backdrop-filter:none}.story-game.is-motion .game-caption{background:#132b24ed}.story-game.is-motion .game-finished{background:#21382bf0}.game-hud{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:14px;display:flex;position:absolute;inset:18px 18px auto}.game-chapter{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#182f28bd;border:1px solid #fff6d83b;border-radius:18px;align-items:center;gap:11px;max-width:min(65%,420px);padding:11px 16px;display:flex;box-shadow:0 6px 22px #172c2229}.game-chapter svg{color:#e6c78b;flex-shrink:0}.game-chapter div{min-width:0}.game-chapter span{color:#f9e8b6bf;font:500 10px/1.5 system-ui,sans-serif;display:block}.game-chapter strong{overflow-wrap:anywhere;font-size:14px;font-weight:550;line-height:1.45;display:block}.game-tools{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:50%;display:flex}.game-mode{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c342bbc;border:1px solid #fff6d843;border-radius:15px;gap:3px;padding:3px;display:flex}.game-tools .game-mode-button{background:0 0;border:0;border-radius:10px;width:36px;height:34px;font:650 11px/1 system-ui,sans-serif}.game-tools button{color:#fff5dc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#1c342bbc;border:1px solid #fff6d843;border-radius:13px;place-items:center;width:42px;height:42px;transition:background .2s,transform .2s;display:grid}.game-tools button[aria-pressed=true]{color:#294434;background:#f6e7bd}.game-tools button:active,.game-play:active,.game-restart:active{transform:scale(.94)}.game-start{z-index:4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#fff4d8;cursor:pointer;background:#223d2ebf;border:1px solid #fff5d890;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:145px;min-height:110px;padding:14px 22px;font-size:14px;font-weight:600;display:flex;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 32px #142b2340}.game-start:disabled{opacity:.55;cursor:wait}.game-finished{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#21382bd9;border:1px solid #fff4cc66;border-radius:24px;align-items:center;gap:14px;padding:14px 22px;font-size:18px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.game-finished-text{align-items:center;gap:10px;display:flex}.game-replay{color:#3d2c14;cursor:pointer;background:#f4b857;border:1px solid #fff5d890;border-radius:18px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:700;display:flex}.game-replay:active{transform:scale(.97)}.game-preview-ended{white-space:normal;text-align:center;flex-direction:column;gap:10px;width:min(360px,100% - 28px)}.game-preview-ended p{margin:0;font-size:15px}.game-preview-ended a{text-decoration:none}.game-preview-ended a:focus-visible{outline-offset:4px;outline:3px solid #fff4cc}.story-game .game-caption{z-index:3;inset-inline:10%;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#132b24bd;border:1px solid #fff6dd36;border-radius:18px;max-height:30%;margin:0;padding:13px 24px;bottom:16px;overflow-y:auto;box-shadow:0 8px 26px #10251d29}.story-game .game-caption p{color:#fff8e9;text-shadow:none;overflow-wrap:anywhere;margin:0;font-size:clamp(14px,1.4vw,18px);line-height:1.55}.game-bottombar{background:linear-gradient(115deg,#294637,#1d362a);border-top:1px solid #d5ca983b;flex:none;align-items:center;gap:14px;padding:9px 18px 13px;display:flex}.game-bottombar .game-transport{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;width:100%;padding:0;position:relative;inset:auto}.game-transport .fairy-controls-row{justify-content:space-between}.story-game .theatre-scene video{object-fit:contain}.film-theatre{background:#20352b;position:absolute;inset:0}.film-theatre video{object-fit:contain;opacity:0;width:100%;height:100%;position:absolute;inset:0}.film-theatre video.is-current{opacity:1}.classic-film-stage .painted-world{aspect-ratio:16/9;height:auto;inset:50% 0 auto;transform:translateY(-50%)}.game-main{flex:1;align-items:stretch;min-height:0;display:flex}.film-loading,.film-error{z-index:6;text-align:center;background:#213a2f;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.game-main .game-chapters{background:0 0;border-inline-end:0;flex-direction:column;flex:auto;gap:8px;width:auto;min-height:0;padding:10px 12px 14px;display:flex;overflow-y:auto}.game-main .story-theatre{flex:auto;min-width:0}.game-bottombar .game-timeline{flex:auto;margin:0}.game-bottombar .game-clock{margin-inline-start:0}.game-playback{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.game-tempo{color:#eee6c9;align-items:center;gap:7px;margin-inline-start:auto;font:500 11px/1.4 system-ui,sans-serif;display:flex}.game-tempo select{color:#fff5dc;max-width:150px;min-height:38px;font:inherit;cursor:pointer;background:#203b2c;border:1px solid #d2bc8059;border-radius:11px;padding:5px 8px}.game-tempo+.game-clock{margin-inline-start:0}.game-play,.game-restart{color:#203b2c;cursor:pointer;background:#f3dfaa;border:1px solid #e1c9886b;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:10px 18px;font-size:13px;font-weight:650;transition:transform .2s,background .2s;display:flex}.game-play svg{flex-shrink:0}.game-play:disabled{opacity:.5;cursor:wait}.game-restart{color:#f1e2bb;background:#ffffff0a;width:43px;padding:0}.game-clock{font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto;font:600 13px/1.5 system-ui,sans-serif}.game-clock>span{color:#e9dfb87a;font-weight:400}.game-timeline{height:30px;margin-block:3px 8px;position:relative}.game-timeline-track{background:#e8dba52e;border-radius:2px;width:100%;height:3px;position:absolute;top:14px;overflow:hidden}.game-timeline-track>span{width:var(--story-progress);background:#eccd87;height:100%;display:block}.game-timeline input{cursor:pointer;appearance:none;background:0 0;width:100%;height:30px;margin:0;position:absolute;inset:0}.game-timeline input::-webkit-slider-runnable-track{background:0 0;height:3px}.game-timeline input::-moz-range-track{background:0 0;height:3px}.game-timeline input::-webkit-slider-thumb{appearance:none;background:#f3dea5;border:2px solid #fff5d7;border-radius:50%;width:12px;height:12px;margin-top:-4.5px;box-shadow:0 0 0 4px #f4e2b417}.game-timeline input::-moz-range-thumb{background:#f3dea5;border:2px solid #fff5d7;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #f4e2b417}.game-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.game-chapters button{color:#eee9d0b5;text-align:start;cursor:pointer;background:#ffffff04;border:1px solid #eeecce1c;border-radius:12px;align-items:center;gap:9px;min-width:0;min-height:44px;padding:8px 11px;transition:background .2s,border-color .2s;display:flex}.game-chapter-number{background:#faf2d20d;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font:500 10px/1 system-ui,sans-serif;display:grid}.game-chapter-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.game-chapters button[aria-pressed=true]{color:#fff5d8;background:#ecd49616;border-color:#d6bd7760}.game-chapters button[aria-pressed=true] .game-chapter-number{color:#2a4533;background:#f0d9a0}.game-chapters button.is-complete .game-chapter-number{color:#efdaa5}.game-audio-note{color:#e7e8c69c;text-align:center;justify-content:center;align-items:flex-start;gap:7px;margin:11px 0 0;font-size:11px;line-height:1.45;display:flex}.game-audio-note svg{flex-shrink:0}.story-game button:focus-visible,.story-game select:focus-visible,.story-game input:focus-visible{outline-offset:3px;outline:3px solid #ffe4a0}.story-game.is-expanded,.story-game:fullscreen{width:100%;height:100dvh;box-shadow:none;background:#10241b;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto;margin:0;display:grid}.story-game.is-expanded{z-index:1000;position:fixed;inset:0}.story-game:is(.is-expanded,:fullscreen) .game-stage{aspect-ratio:auto;min-height:0}.story-game:is(.is-expanded,:fullscreen) .game-bottombar{padding-inline:max(23px,50vw - 525px);padding-bottom:max(13px, env(safe-area-inset-bottom))}.painted-art-error{z-index:6;top:43%;color:#334530;text-align:center;background:#fff3daf0;border-radius:15px;padding:16px;font-size:14px;position:absolute;inset-inline:15%}@media (max-width:800px){.story-game{border-radius:22px;margin-inline:5px;box-shadow:0 14px 45px #0b201b50,0 0 0 4px #f3e7c9,0 0 0 5px #bca97750}.story-game .game-stage{aspect-ratio:4/4.5}.game-hud{gap:7px;inset:12px 10px auto}.game-chapter{border-radius:14px;gap:7px;max-width:56%;padding:8px 10px}.game-chapter>svg{display:none}.game-chapter strong{font-size:12px}.game-chapter span{font-size:9px}.game-tools{gap:4px}.game-tools button{border-radius:11px;width:34px;height:38px}.game-tools button svg{width:18px}.game-tools .game-mode-button{width:31px;height:30px}.game-mode{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;flex-basis:100%;justify-content:flex-end;padding:0}.game-tools .game-mode-button{background:#1c342bbc;border:1px solid #fff6d843}.story-game .game-caption{inset-inline:5%;border-radius:14px;max-height:30%;padding:10px 14px;bottom:12px;overflow-y:auto}.story-game .game-caption p{font-size:clamp(14px,1.4vw,18px);line-height:1.5}.game-main{flex-direction:column}.game-main .game-side{display:contents}.game-main .game-chapters{border-inline-end:0;border-bottom:1px solid #d5ca983b;flex-direction:row;flex:none;width:auto;padding:10px 12px;overflow:auto hidden}.game-main .game-chapters button{min-width:168px}.game-bottombar{padding:8px 14px 10px}.game-chapters button{padding:7px 9px}.game-chapter-title{font-size:11px}.game-play{padding:10px 13px;font-size:12px}.game-clock{font-size:11px}.game-tempo{flex-basis:100%;order:2;justify-content:flex-end;margin-inline-start:0}.game-start{min-width:120px;min-height:96px;padding:12px 17px;font-size:12px;top:37%}.game-finished{font-size:16px}.game-finished:not(.game-preview-ended){border-radius:18px;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:10px;top:16px}.game-finished:not(.game-preview-ended) .game-replay{white-space:normal;justify-content:center;min-width:0;min-height:44px;padding:8px 12px;font-size:13px}.game-audio-note{font-size:10px}}@media (max-width:380px){.game-hud{flex-wrap:wrap}.game-chapter{max-width:50%}.game-playback{gap:7px}.game-play span{max-width:116px}.game-restart{width:37px}.game-clock{font-size:10px}}@media (max-height:500px) and (orientation:landscape){.story-game:is(.is-expanded,:fullscreen) .game-bottombar{padding-block:7px}.story-game:is(.is-expanded,:fullscreen) .game-timeline{height:23px;margin-bottom:0}.story-game:is(.is-expanded,:fullscreen) .game-caption{max-height:30%;padding-block:7px;bottom:10px;overflow-y:auto}.story-game:is(.is-expanded,:fullscreen) .game-caption p{font-size:13px}}@media (prefers-reduced-motion:reduce){.story-game .painted-world,.game-tools button,.game-chapters button{transition:none}.game-tools button:active,.game-play:active,.game-restart:active{transform:none}}@media (prefers-reduced-transparency:reduce){.game-chapter,.game-tools button,.story-game .game-caption,.game-start{-webkit-backdrop-filter:none;backdrop-filter:none;background:#203a2e}}@media (prefers-contrast:more){.game-chapter,.game-tools button,.story-game .game-caption{background:#152c20;border-color:#fff4d9}.game-audio-note{color:#f5e5c0}}.game-start:active:not(:disabled){transform:translate(-50%,-50%)scale(.975)}.film-buffering{z-index:8;color:#426b4a;pointer-events:none;background:#fffae8eb;border-radius:50%;width:54px;height:54px;padding:12px;position:absolute;top:calc(50% - 27px);left:calc(50% - 27px)}
