:root{color-scheme:light;--ink:#123b43;--teal:#07545c;--teal-deep:#073f47;--muted:#536b70;--line:#d7e2e4;--paper:#fff;--surface:#f3f7f7;--accent:#d6f69b;--purple:#7951ad;--radius:10px;font-family:Inter,"Avenir Next",Avenir,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;color:var(--ink);background:var(--paper);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3{margin:0}
a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
::selection{background:var(--accent);color:var(--ink)}
.wrapper{max-width:1240px;width:calc(100% - 112px);margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:16px;padding:10px 20px;background:var(--ink);color:#fff;z-index:10}
.skip-link:focus{top:16px}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-inner{max-width:1360px;width:calc(100% - 112px);margin:auto;min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.wordmark{font-size:1.9rem;line-height:1.15;font-weight:850;letter-spacing:-.085rem;white-space:nowrap}
.wordmark>span{color:var(--teal)}
.wordmark .brand-period{color:var(--purple)}
nav{display:flex;align-items:center;gap:2rem}
.nav-link{font-size:.925rem;font-weight:600}
.nav-link:hover{text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:1.5rem;min-height:52px;padding:.85rem 1.5rem;border:1px solid transparent;border-radius:6px;line-height:1.3;font-weight:700;font-size:1rem;transition:background-color .18s,transform .18s}
.button span[aria-hidden]{font-size:1.5rem;font-weight:500;line-height:1}
.button:hover{transform:translateY(-2px)}
.button-small{font-size:.875rem;min-height:45px;border-color:var(--line);padding:.75rem 1rem}
.button-small:hover{background:var(--surface)}
.button-primary{background:var(--teal);color:white;min-height:58px;box-shadow:0 4px 0 #073c43}
.button-primary:hover{background:var(--teal-deep)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:4rem;align-items:center;padding-block:68px 65px}
.eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}
.hero .eyebrow{display:flex;gap:.85rem;align-items:center;color:var(--teal);margin-bottom:1.9rem;letter-spacing:.085em}
.edition-mark{display:inline-grid;place-items:center;background:var(--ink);color:white;width:30px;height:30px;border-radius:3px;letter-spacing:0;font-size:.875rem}
h1{font-size:clamp(3.6rem,6vw,5.5rem);line-height:1.06;letter-spacing:-.045em;font-weight:800}
h1>span{color:var(--teal)}
.hero-description{max-width:440px;font-size:1.125rem;line-height:1.7;color:var(--muted);margin-block:1.65rem 1.9rem}
.download-note{font-size:.8rem;color:var(--muted);max-width:360px;line-height:1.6;margin-top:1rem}
.subjects{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.6rem}
.subject{font-size:.825rem;font-weight:650;line-height:1;padding:.55rem .8rem;border-left:3px solid var(--teal);background:#f0f7f5;border-radius:0 3px 3px 0}
.chemistry{border-color:#dc7627;background:#fff6ee}
.physics{border-color:#397dc3;background:#edf4fc}
.hero-visual{min-width:0;margin-top:0}
.cover-stage{position:relative;background:var(--teal);padding:42px 56px 42px 52px;border-radius:var(--radius);isolation:isolate}
.cover-stage>a{display:block;transform:rotate(-3deg);transition:transform .2s;box-shadow:0 16px 38px #001a2245;position:relative;z-index:1}
.cover-stage>a:hover{transform:rotate(-1deg)}
.cover-image{width:100%;border:1px solid #cddddd;background:#fff}
.cover-label{position:absolute;bottom:35px;right:-20px;background:var(--accent);color:var(--teal-deep);padding:1.05rem 1.15rem;line-height:1.4;font-size:.8rem;font-weight:750;transform:rotate(4deg);z-index:2;box-shadow:0 6px 15px #001a2219}
.hero-visual figcaption{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.75rem;font-weight:650;letter-spacing:.075em;padding-top:1rem}
.hero-visual figcaption span{font-weight:500;letter-spacing:0}
.facts{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:25px;gap:1.5rem;align-items:center}
.facts>p:not(:last-child){display:flex;align-items:center;gap:1rem;border-right:1px solid var(--line);padding-right:1rem}
.facts strong{font-size:2.7rem;font-weight:700;line-height:1.2;letter-spacing:-.04em}
.facts span{font-size:.825rem;line-height:1.45;color:var(--muted);max-width:90px}
.facts .facts-note{font-size:.925rem;line-height:1.5;padding-left:.5rem;color:var(--muted)}
.facts-note b{color:var(--ink);font-weight:650}
.edition-section{display:grid;grid-template-columns:.95fr 1.1fr;gap:6rem;padding-block:100px}
h2{font-size:clamp(2.3rem,3.5vw,3.1rem);font-weight:750;line-height:1.15;letter-spacing:-.035em}
.section-intro>.eyebrow{color:var(--teal);margin-bottom:1rem}
.section-intro>p:not(.eyebrow){color:var(--muted);margin-top:1.3rem;max-width:410px}
.game-list article{display:grid;grid-template-columns:32px 1fr;gap:.5rem 1rem;padding:1.6rem 0;border-top:1px solid var(--line)}
.game-list article:last-child{padding-bottom:0}
.list-number{font-size:.85rem;font-weight:600;color:var(--teal);padding-top:.22rem}
h3{font-size:1.2rem;font-weight:700;line-height:1.35;letter-spacing:-.015em}
.game-list p{color:var(--muted);font-size:.925rem;line-height:1.65;margin-top:.6rem}
.game-type{grid-column:2;font-size:.7rem;line-height:1.5;letter-spacing:.08em;font-weight:750;color:var(--teal);margin-top:.25rem}
.preview-section{padding-block:75px;background:var(--surface);border-block:1px solid var(--line)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:2.7rem}
.section-heading .eyebrow{color:var(--teal);margin-bottom:1rem}
.section-heading>p{font-size:.925rem;line-height:1.65;color:var(--muted);max-width:295px}
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.preview-caption{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:.9rem;font-size:.7rem;font-weight:750;letter-spacing:.05em;line-height:1.5}
.preview-caption>span:last-child{font-weight:500;letter-spacing:0;color:var(--muted);white-space:nowrap;font-size:.8rem}
.page-link{display:block;position:relative;border:1px solid #dbe3e5;background:#fff;transition:box-shadow .2s,transform .2s}
.page-link:hover{box-shadow:0 12px 30px #17384715;transform:translateY(-3px)}
.page-link img{width:100%}
.zoom-label{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:1rem;padding:.6rem .9rem;background:var(--teal);color:#fff;border-radius:4px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #123b4320}
.preview-card h3{margin-top:1.4rem}
.preview-card>p{margin-top:.55rem;color:var(--muted);max-width:430px;font-size:.95rem}
.preview-footnote{font-size:.8rem;color:var(--muted);text-align:center;margin-top:2.8rem}
.closing-section{margin-block:75px;padding:3.5rem;background:var(--teal);color:#fff;border-radius:var(--radius);display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
.closing-copy .eyebrow{color:var(--accent);margin-bottom:1rem}
.closing-copy h2{font-size:clamp(2.1rem,3vw,2.7rem)}
.closing-copy>p:last-child{color:#d4e7e9;font-size:.925rem;line-height:1.7;margin-top:1.3rem;max-width:360px}
.closing-action{justify-self:end}
.button-light{background:var(--accent);color:var(--teal-deep);padding-inline:1.45rem;min-height:58px;font-size:.95rem}
.button-light:hover{background:#e4fbbd}
.closing-action>p{text-align:center;color:#d4e7e9;font-size:.775rem;margin-top:.9rem}
.site-footer{padding-block:2rem;border-top:1px solid var(--line);display:flex;gap:1.5rem;align-items:center;justify-content:space-between}
.site-footer .wordmark{font-size:1.55rem}
.site-footer>p{font-size:.85rem;color:var(--muted)}
.site-footer small{font-size:.75rem;color:var(--muted);text-align:right}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;font-size:.875rem;line-height:1.4}
.social-links>span{color:var(--muted)}
.social-links a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;color:var(--teal);font-weight:650;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
.social-links a:hover{text-decoration-color:var(--teal)}
.social-links a>span{font-weight:400}
.social-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:1.35rem;max-width:470px}
.social-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:94px;padding:1.05rem 1.25rem;border-radius:10px;color:#fff;line-height:1.25;box-shadow:0 4px 10px #123b4320;transition:filter .18s,transform .18s}
.social-button:hover{filter:brightness(1.1);transform:translateY(-2px)}
.social-button:active{transform:translateY(1px)}
.social-button-title{font-size:1.5rem;font-weight:800;letter-spacing:-.025em}
.social-button-handle{font-size:.95rem;font-weight:550}
.social-instagram{background:linear-gradient(125deg,#7032bc 0%,#ac246f 70%,#b53245 100%)}
.social-tiktok{background:#101214;border-bottom:4px solid #25f4ee;padding-bottom:calc(1.05rem - 4px)}
.social-button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.social-button:focus-visible .social-button-title{text-decoration:underline;text-underline-offset:4px}
.footer-socials{flex-shrink:0}
@media(max-width:820px){.social-button{padding:1rem .9rem;min-height:88px}.social-button-title{font-size:1.25rem}.social-button-handle{font-size:.875rem}.social-tiktok{padding-bottom:calc(1rem - 4px)}}
@media(max-width:620px){.social-buttons{width:100%;max-width:none;gap:12px;margin-top:1.1rem}.social-button{min-height:90px}}
@media(min-width:1500px){.hero{gap:6rem}.cover-stage{padding-inline:65px}.hero-description{max-width:455px}}
@media(max-width:1100px){.wrapper,.header-inner{width:calc(100% - 64px)}.header-inner{min-height:84px}.hero{gap:2.5rem;padding-block:54px}.cover-stage{padding:30px 38px 35px}.cover-label{right:-10px;bottom:25px}.hero-description{font-size:1.05rem}.facts>p:not(:last-child){gap:.7rem}.facts strong{font-size:2.1rem}.facts span{font-size:.78rem}.edition-section{gap:3rem;padding-block:75px}.closing-section{padding:2.5rem}.closing-action .button{gap:.7rem}.site-footer{flex-wrap:wrap}.site-footer small{margin-left:auto}}
@media(max-width:820px){.nav-link{display:none}.hero{gap:2rem}.hero .eyebrow{font-size:.72rem;gap:.6rem}.hero h1{font-size:3.5rem}.cover-stage{padding:25px}.cover-label{font-size:.7rem;padding:.75rem;bottom:18px;right:-7px}.hero-description{font-size:1rem}.hero .button{padding-inline:1.1rem;font-size:.925rem;gap:.8rem}.hero-visual figcaption{font-size:.65rem}.subjects{gap:.4rem;margin-top:1.8rem}.subject{font-size:.75rem;padding:.5rem .6rem}.facts{grid-template-columns:1fr 1fr 1fr}.facts>p:nth-child(3){border:0;padding-right:0}.facts .facts-note{grid-column:1/-1;text-align:center;border-top:1px solid var(--line);padding-top:1rem}.facts-note br{display:none}.facts-note b{margin-left:.4rem}.edition-section{gap:2rem}.section-heading{gap:2rem}.preview-grid{gap:1.5rem}.closing-section{grid-template-columns:1fr}.closing-action{justify-self:start;margin-top:.6rem}.closing-action>p{text-align:left}.site-footer>p{display:none}}
@media(max-width:620px){html{scroll-padding-top:2rem}.wrapper,.header-inner{width:calc(100% - 40px)}.header-inner{min-height:78px;gap:1rem}.wordmark{font-size:1.55rem;letter-spacing:-.065rem}.button-small{font-size:.76rem;min-height:42px;padding:.7rem .7rem;gap:.6rem}.hero{grid-template-columns:1fr;gap:2.5rem;padding-block:36px 38px}.hero .eyebrow{margin-bottom:1.4rem;font-size:.72rem}.hero h1{font-size:clamp(3.2rem,12.7vw,4.6rem)}.hero-description{font-size:1.05rem;max-width:none;margin-block:1.3rem 1.5rem}.hero .button{min-height:56px;padding-inline:1.2rem;font-size:1rem;gap:1.2rem}.download-note{font-size:.77rem;max-width:none;margin-top:.85rem}.subjects{margin-top:1.5rem;gap:.65rem}.subject{font-size:.8rem}.hero-visual{width:100%;max-width:430px;justify-self:center}.cover-stage{padding:32px 50px 38px}.cover-label{right:10px;bottom:26px;font-size:.8rem;padding:.9rem}.hero-visual figcaption{font-size:.7rem}.facts{gap:.6rem;padding-block:1.2rem}.facts>p:not(:last-child){flex-direction:column;align-items:flex-start;gap:.35rem;padding-left:.55rem;padding-right:.4rem}.facts strong{font-size:2.3rem}.facts span{font-size:.75rem;max-width:80px}.facts .facts-note{font-size:.85rem;margin-top:.65rem;padding-top:1rem}.edition-section{grid-template-columns:1fr;gap:2rem;padding-block:56px}.section-intro>p:not(.eyebrow){max-width:none;font-size:1rem}.game-list article{padding-block:1.4rem}.game-list p{font-size:.95rem}.eyebrow{font-size:.75rem}.section-heading{display:block;margin-bottom:2rem}.section-heading>p{margin-top:1rem;max-width:none}.section-heading>p br{display:none}.preview-section{padding-block:48px}.preview-grid{grid-template-columns:1fr;gap:2.6rem}.preview-caption{font-size:.725rem}.preview-footnote{text-align:left;font-size:.775rem;margin-top:2rem}.preview-card>p{max-width:none;font-size:1rem}.closing-section{margin-block:48px;padding:2rem 1.4rem;gap:1rem}.closing-copy h2{font-size:2.05rem}.closing-copy>p:last-child{font-size:.95rem}.closing-action{width:100%}.closing-action .button{width:100%;font-size:.9rem;gap:.8rem;padding-inline:.85rem}.closing-action>p{font-size:.73rem;text-align:center}.site-footer{padding-block:1.5rem;gap:.7rem;display:block}.site-footer small{display:block;text-align:left;font-size:.725rem;margin-top:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.button:hover,.page-link:hover{transform:none}.cover-stage>a:hover{transform:rotate(-3deg)}}