.guide-page{--navy:#123d72;--yellow:#ffd43b;min-height:100svh;color:var(--navy);background:linear-gradient(#e6f7ff 0,#fffaf0 38%,#fff4d8 100%);font-family:Trebuchet MS,Arial,sans-serif}.guide-page *{box-sizing:border-box}.guide-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fff9;border-bottom:1px solid #fff;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,5vw,68px);display:flex;position:relative}.guide-brand{flex-direction:column;text-decoration:none;display:flex}.guide-brand span{letter-spacing:.07em;color:var(--navy);font-size:20px;font-weight:1000}.guide-brand small{color:#df7b29;font-weight:800}.guide-chapters-button{color:var(--navy);background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 17px;font-weight:900;display:flex;box-shadow:0 8px 24px #154b7420}.guide-chapters-button svg{width:18px}.guide-intro{grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);align-items:center;gap:clamp(30px,5vw,76px);max-width:1320px;min-height:calc(100svh - 72px);margin:auto;padding:clamp(38px,6vw,84px) clamp(20px,5vw,68px);display:grid}.guide-intro>div{z-index:2;position:relative}.guide-intro>img{aspect-ratio:16/10;object-fit:cover;border:7px solid #fff;border-radius:34px;width:100%;transform:rotate(1.2deg);box-shadow:0 28px 70px #123d7235}.guide-kicker{color:#de7427;text-transform:uppercase;letter-spacing:.1em;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:10px 16px;font-size:12px;font-weight:1000;display:inline-flex;box-shadow:0 10px 25px #154b7418}.guide-kicker svg{width:19px}.guide-intro h1{letter-spacing:-.055em;margin:24px 0;font-size:clamp(48px,6vw,82px);line-height:.94}.guide-intro h1 em{color:#ed8a28;text-shadow:0 3px #fff;font-style:normal;display:block}.guide-intro p{color:#56738d;max-width:680px;font-size:clamp(18px,2vw,23px);line-height:1.55}.guide-start{color:#6b4300;background:linear-gradient(#ffe66a,#ffb52d);border:0;border-radius:999px;align-items:center;gap:10px;margin-top:15px;padding:17px 25px;font-size:17px;font-weight:1000;display:inline-flex;box-shadow:0 7px #d87b20,0 16px 30px #d87b2035}.story-wrap{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;max-width:1320px;margin:0 auto;padding:20px clamp(16px,4vw,58px) 80px;display:grid}.story-player{background:#fff;border:1px solid #fff;border-radius:31px;padding:14px;overflow:hidden;box-shadow:0 26px 70px #153f681f}.story-visual{aspect-ratio:16/9;background:#173d68;border-radius:23px;outline:none;position:relative;overflow:hidden}.story-tap{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.story-tap>img{width:100%;height:100%;display:block;position:absolute;inset:0}.story-tap>.story-backdrop{object-fit:cover;filter:blur(18px)saturate(.82)brightness(.72);opacity:.72;transform:scale(1.09)}.story-tap>.story-main-image{object-fit:contain;z-index:1;animation:.8s both storyEnter;object-position:center!important}.story-player.is-playing .story-tap>.story-main-image{animation:.8s both storyEnter,18s ease-in-out infinite alternate storyDrift}.story-shade{z-index:2;background:linear-gradient(#082d5515 35%,#082d55d6 100%);position:absolute;inset:0}.story-title{color:#fff;text-shadow:0 3px 14px #082c56;z-index:3;position:absolute;bottom:clamp(20px,4vw,40px);left:clamp(18px,4vw,42px);right:80px}.story-title span{text-transform:uppercase;letter-spacing:.13em;color:#ffe56c;font-size:12px;font-weight:1000}.story-title h2{max-width:760px;margin:7px 0 0;font-size:clamp(27px,4vw,48px);line-height:1}.story-center-play{background:#fffdd;width:78px;height:78px;color:var(--navy);z-index:4;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 40px #052b5760}.story-fullscreen{color:#fff;z-index:5;background:#0d3159aa;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:18px;right:18px}.story-dots{z-index:4;gap:6px;display:flex;position:absolute;bottom:14px;right:18px}.story-dots i{background:#fff8;border-radius:50%;width:7px;height:7px}.story-dots i.active{background:var(--yellow);border-radius:999px;width:22px}.story-copy{min-height:150px;padding:23px 25px 12px}.story-page{text-transform:uppercase;letter-spacing:.11em;color:#e17a29;font-size:11px;font-weight:1000}.story-copy p{color:#294f70;margin:10px 0;font-size:clamp(18px,2vw,23px);font-weight:700;line-height:1.48}.story-progress{background:#e9f0f5;border-radius:999px;height:8px;margin:2px 24px 19px;overflow:hidden}.story-progress i{border-radius:inherit;background:linear-gradient(90deg,#ffd337,#ef8b29);height:100%;transition:width .5s;display:block}.story-controls{justify-content:center;align-items:center;gap:13px;padding-bottom:15px;display:flex}.story-controls button{width:48px;height:48px;color:var(--navy);background:#edf4f8;border:0;border-radius:50%;place-items:center;display:grid}.story-controls button:disabled{opacity:.28}.story-controls button.primary{color:#6f4500;background:linear-gradient(#ffe666,#ffb32e);width:64px;height:64px;box-shadow:0 6px #db8026}.story-chapter-list{background:#fff;border-radius:27px;max-height:790px;padding:20px;overflow:auto;box-shadow:0 22px 60px #173c6818}.story-chapter-list>div{border-bottom:1px solid #e8eef3;align-items:center;gap:12px;padding:5px 4px 17px;display:flex}.story-chapter-list>div>svg{color:#b46813;background:#fff2bd;border-radius:10px;width:35px;height:35px;padding:7px}.story-chapter-list>div span{flex-direction:column;display:flex}.story-chapter-list small{text-transform:uppercase;letter-spacing:.11em;color:#dc792c;font-weight:1000}.story-chapter-list ol{margin:0;padding:8px 0 0;list-style:none}.story-chapter-list li button{text-align:left;color:#4f6c85;background:0 0;border:0;border-radius:14px;grid-template-columns:32px 1fr 22px;align-items:center;gap:9px;width:100%;padding:9px;display:grid}.story-chapter-list li button>span{background:#edf4f8;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:1000;display:grid}.story-chapter-list li button.active{color:var(--navy);background:#fff4c9}.story-chapter-list li button.active>span{background:var(--yellow)}.guide-quiz{max-width:1180px;margin:0 auto 34px;padding:0 clamp(16px,4vw,34px)}.quiz-welcome,.quiz-card,.quiz-result{background:#fff;border-radius:30px;padding:clamp(25px,5vw,54px);box-shadow:0 24px 65px #173c681a}.quiz-welcome{grid-template-columns:150px 1fr;align-items:center;gap:34px;display:grid}.quiz-icon{color:#86500b;background:linear-gradient(145deg,#fff5a8,#ffbb35);border-radius:38px;place-items:center;width:132px;height:132px;display:grid;box-shadow:0 15px 34px #d27a2430}.quiz-icon svg{width:70px;height:70px}.quiz-welcome h2,.quiz-result h2,.quiz-card h2{margin:16px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.05}.quiz-welcome p,.quiz-result p{color:#56738d;margin:0;font-size:18px;line-height:1.55}.quiz-head{color:#df7b29;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:13px;font-weight:1000;display:flex}.quiz-head button{color:var(--navy);background:#edf5fa;border:0;border-radius:999px;align-items:center;gap:7px;padding:10px 15px;font-weight:900;display:flex}.quiz-head svg{width:18px}.quiz-meter{background:#edf2f5;border-radius:999px;height:8px;margin:18px 0 30px;overflow:hidden}.quiz-meter i{border-radius:inherit;background:linear-gradient(90deg,#ffd337,#ef8b29);height:100%;display:block}.quiz-answers{gap:12px;margin-top:27px;display:grid}.quiz-answers button{color:#294f70;text-align:left;background:#f9fcfe;border:2px solid #e5edf3;border-radius:18px;grid-template-columns:42px 1fr 28px;align-items:center;gap:13px;min-height:67px;padding:10px 17px;font-size:17px;font-weight:900;display:grid}.quiz-answers button>span{background:#e8f2f8;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.quiz-answers button.correct{color:#17663a;background:#eaf9ef;border-color:#57bc78}.quiz-answers button.wrong{color:#97452f;background:#fff0ec;border-color:#f09a82}.quiz-feedback{border-top:1px solid #e5edf3;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:20px;display:flex}.quiz-feedback button{background:var(--navy);color:#fff;border:0;border-radius:999px;align-items:center;gap:7px;padding:12px 18px;font-weight:900;display:flex}.quiz-result{text-align:center}.quiz-result .quiz-icon{margin:0 auto 22px}.quiz-result>strong{color:#df7b29;margin-bottom:13px;font-size:22px;display:block}.quiz-result .guide-start{margin-left:auto;margin-right:auto}.guide-promise{color:#fff;background:linear-gradient(115deg,#123e72,#1e70ac);border-radius:27px;align-items:center;gap:21px;max-width:1180px;margin:0 auto 80px;padding:28px 34px;display:flex}.guide-promise>svg{color:#ffdc50;background:#ffffff1f;border-radius:15px;flex:0 0 48px;width:48px;height:48px;padding:10px}.guide-promise h2{margin:0 0 6px}.guide-promise p{color:#d8eaf6;margin:0}.guide-games-cta{color:#674000;background:linear-gradient(120deg,#fff4a8,#ffd24a 58%,#ffad31);border-radius:27px;grid-template-columns:64px 1fr 52px;align-items:center;gap:21px;max-width:1180px;margin:0 auto 80px;padding:27px 31px;text-decoration:none;display:grid;box-shadow:0 20px 50px #c8782430}.guide-games-cta>span,.guide-games-cta>i{background:#fff8;border-radius:17px;place-items:center;width:54px;height:54px;display:grid}.guide-games-cta>span svg{width:31px;height:31px}.guide-games-cta>i{color:#fff;background:#123d72;border-radius:50%}.guide-games-cta small{text-transform:uppercase;letter-spacing:.1em;font-weight:1000}.guide-games-cta h2{margin:4px 0;font-size:clamp(24px,3vw,36px);line-height:1.08}.guide-games-cta p{color:#8a5c12;margin:0}.chapter-drawer-backdrop{z-index:100;background:#0b2b4eaa;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.chapter-drawer{background:#fff;border-radius:28px;width:min(550px,100%);max-height:86svh;padding:28px;position:relative;overflow:auto}.drawer-close{border:0;border-radius:50%;width:42px;height:42px;position:absolute;top:18px;right:18px}.chapter-drawer ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.chapter-drawer li button{text-align:left;width:100%;color:var(--navy);background:#f3f7fa;border:0;border-radius:13px;align-items:center;gap:12px;padding:12px;font-weight:900;display:flex}.chapter-drawer li span{background:#ffdc50;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.story-player:-webkit-full-screen{background:#092f58;border-radius:0;grid-template-rows:minmax(0,1fr) auto auto auto;width:100vw;height:100vh;padding:12px;display:grid}.story-player:fullscreen{background:#092f58;border-radius:0;grid-template-rows:minmax(0,1fr) auto auto auto;width:100vw;height:100vh;padding:12px;display:grid}.story-player:-webkit-full-screen .story-visual{aspect-ratio:auto;min-height:0}.story-player:fullscreen .story-visual{aspect-ratio:auto;min-height:0}.story-player:-webkit-full-screen .story-copy{background:#fff;min-height:auto;padding:15px 24px}.story-player:fullscreen .story-copy{background:#fff;min-height:auto;padding:15px 24px}.story-player:-webkit-full-screen .story-progress{background:#fff4}.story-player:fullscreen .story-progress{background:#fff4}.story-player:-webkit-full-screen .story-controls button{background:#fff}.story-player:fullscreen .story-controls button{background:#fff}.story-player:-webkit-full-screen .story-controls button.primary{background:linear-gradient(#ffe666,#ffb32e)}.story-player:fullscreen .story-controls button.primary{background:linear-gradient(#ffe666,#ffb32e)}@keyframes storyEnter{0%{opacity:.25;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes storyDrift{0%{transform:scale(1)}to{transform:scale(1.045)}}@media (max-width:980px){.guide-intro{grid-template-columns:1fr;min-height:auto}.guide-intro>img{order:-1}.guide-intro>div{text-align:center}.guide-intro p{margin-left:auto;margin-right:auto}.story-wrap{grid-template-columns:1fr}.story-chapter-list{display:none}.guide-promise{margin-left:16px;margin-right:16px}.guide-games-cta{grid-template-columns:50px 1fr;margin:0 10px 48px;padding:23px}.guide-games-cta>span{width:48px;height:48px}.guide-games-cta>i{display:none}.guide-games-cta p{font-size:15px}}@media (max-width:600px){.guide-topbar{height:62px}.guide-brand span{font-size:17px}.guide-chapters-button{padding:10px;font-size:0}.guide-intro{gap:26px;padding:28px 16px 46px}.guide-intro>img{aspect-ratio:16/11;border-width:4px;border-radius:22px}.guide-intro h1{margin:18px 0;font-size:clamp(42px,12vw,58px)}.guide-intro p{font-size:17px}.guide-start{justify-content:center;width:100%}.story-wrap{padding:0 10px 55px}.story-player{border-radius:23px;padding:8px}.story-visual{aspect-ratio:4/5;border-radius:18px}.story-tap>.story-main-image{padding:5px}.story-title{bottom:22px;left:18px;right:65px}.story-title h2{font-size:28px}.story-copy{min-height:170px;padding:18px 16px 7px}.story-copy p{font-size:18px}.story-controls{gap:9px}.story-controls button{width:43px;height:43px}.story-controls button.primary{width:57px;height:57px}.guide-promise{align-items:flex-start;padding:22px}.guide-quiz{margin-bottom:22px;padding:0 10px}.quiz-welcome{text-align:center;grid-template-columns:1fr;gap:22px}.quiz-icon{border-radius:29px;width:98px;height:98px;margin:0 auto}.quiz-icon svg{width:52px;height:52px}.quiz-welcome .guide-start{margin-left:auto;margin-right:auto}.quiz-card h2{font-size:29px}.quiz-answers button{grid-template-columns:38px 1fr 24px;padding:9px 12px;font-size:16px}.quiz-feedback{flex-direction:column;align-items:stretch}.quiz-feedback button{justify-content:center}.story-player:-webkit-full-screen{grid-template-rows:minmax(0,1fr) auto auto auto;padding:0}.story-player:fullscreen{grid-template-rows:minmax(0,1fr) auto auto auto;padding:0}.story-player:-webkit-full-screen .story-visual{aspect-ratio:auto;border-radius:0}.story-player:fullscreen .story-visual{aspect-ratio:auto;border-radius:0}.story-player:-webkit-full-screen .story-copy{min-height:auto;padding:10px 14px}.story-player:fullscreen .story-copy{min-height:auto;padding:10px 14px}.story-player:-webkit-full-screen .story-copy p{margin:5px 0;font-size:16px;line-height:1.35}.story-player:fullscreen .story-copy p{margin:5px 0;font-size:16px;line-height:1.35}.story-player:-webkit-full-screen .story-progress{margin:8px 14px}.story-player:fullscreen .story-progress{margin:8px 14px}.story-player:-webkit-full-screen .story-controls{background:#092f58;padding:3px 0 10px}.story-player:fullscreen .story-controls{background:#092f58;padding:3px 0 10px}}@media (prefers-reduced-motion:reduce){.story-tap>img,.story-player.is-playing .story-tap>.story-main-image{animation:none}}