@font-face{font-family:Nunito;src:url('/assets/nunito-latin.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
:root{--bg:#fcfaf5;--surface:#fffdf8;--soft:#e9f7fc;--text:#343c42;--muted:#59656b;--accent:#086b8d;--accent-hover:#075571;--line:#d9e1df;--blue-line:#b5d8e3;--pink:#f7e9ed;--shadow:0 8px 0 #cbdfe5;color-scheme:light dark;font-family:Nunito,'Trebuchet MS',Arial,sans-serif;font-size:16px;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;line-height:1.65}a{color:var(--accent);text-underline-offset:4px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:active,.button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15;font-weight:900;letter-spacing:-.035em}h1{font-size:clamp(30px,3.1vw,44px)}h2{font-size:clamp(30px,3.4vw,46px)}h3{font-size:24px}button{color:inherit}a,button{touch-action:manipulation}button{border:0;background:transparent}a:hover{color:var(--accent-hover)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;background:var(--surface);padding:12px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.header-inner{max-width:1240px;margin:auto;padding:8px 28px;min-height:74px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);line-height:1.05;flex-shrink:0;font-size:21px;font-weight:900;letter-spacing:-.03em}.brand img{width:77px;height:50px;object-fit:contain}.brand-caption{display:block;margin-top:6px;font-size:14px;line-height:1;font-weight:700;letter-spacing:0;color:var(--muted)}nav{display:flex;align-items:center;gap:28px}.header-inner nav{margin-left:auto}.header-inner nav a,.nav-help{font-weight:800;text-decoration:none;color:var(--text)}.header-inner nav a:hover{text-decoration:underline}.nav-help{padding:8px 17px;border:1px solid var(--blue-line);border-radius:12px;background:var(--soft);font-size:14px;white-space:nowrap}.play-section{max-width:1240px;margin:auto;padding:20px 28px 0}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.play-heading h1 span{color:var(--accent)}.play-heading p{font-size:16px;color:var(--muted);margin-top:7px}.text-link{font-weight:900;white-space:nowrap}.player-shell{background:#9be2f7;border:2px solid var(--text);border-radius:18px;position:relative;overflow:hidden;box-shadow:var(--shadow);height:clamp(400px,61dvh,690px)}.player-shell iframe{height:100%;width:100%;display:block;border:0;background:#9be2f7}.game-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:24px;background:var(--soft);text-align:center;pointer-events:none;z-index:1}.game-loading strong{font-size:24px}.game-loading span{font-size:16px;max-width:410px;color:var(--muted)}.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px 2px;font-size:14px;font-weight:800}.toolbar-detail{color:var(--muted);margin-left:22px;font-weight:600}.player-toolbar>div{display:flex;gap:12px}.player-toolbar button{padding:6px 12px;font-size:14px;font-weight:900;border-radius:8px}.player-toolbar button:hover{background:var(--soft)}.player-note{font-size:14px;color:var(--muted);margin:6px 2px 0}.section{max-width:1184px;margin:0 auto;padding:84px 0}.intro-section{display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:68px}.eyebrow{font-size:14px;display:block;font-weight:900;color:var(--accent);margin-bottom:18px}.intro-copy h2{margin-bottom:22px}.intro-copy p{margin-bottom:16px;color:var(--muted);max-width:430px;font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:11px 22px;min-height:46px;border-radius:12px;background:var(--accent);color:#fffdf8;font-size:16px;font-weight:900;border:1px solid var(--accent);white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:var(--accent-hover);color:#fffdf8}.button.secondary{background:var(--surface);color:var(--accent)}.intro-copy .button{margin-top:10px}.intro-image{transform:rotate(1.5deg)}.intro-image img{width:100%;aspect-ratio:1.6;object-fit:cover;border:7px solid var(--surface);border-radius:18px;box-shadow:0 8px 22px #243b4814}.intro-image figcaption{text-align:center;font-size:14px;color:var(--muted);padding:14px}.explore-section{padding-top:32px}.section-lead{max-width:630px;margin:17px 0 32px;font-size:18px;color:var(--muted)}.explore-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.explore-card{border-radius:18px;background:var(--soft);text-decoration:none;color:var(--text);overflow:hidden}.explore-card:hover{color:var(--text)}.explore-card img{width:100%;height:270px;object-fit:cover;transition:transform .25s}.explore-card:hover img{transform:scale(1.02)}.explore-card>div{padding:25px 28px}.explore-card p{margin-top:10px;color:var(--muted)}.friends-card{background:var(--pink)}.activity-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:12px}.activity-row img{width:100%;height:280px;object-fit:cover;border-radius:18px}.activity-row p{margin:15px 0 20px;max-width:420px;color:var(--muted);font-size:18px}.image-credit{font-size:14px;margin-top:25px;color:var(--muted)}.getting-started{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:1fr 1.4fr;column-gap:70px}.getting-title p{margin-top:18px;color:var(--muted);font-size:18px}.steps{margin:0;padding-left:25px;display:grid;gap:22px}.steps li{padding-left:14px}.steps li::marker{font-weight:900;color:var(--accent);font-size:20px}.steps strong{font-weight:900;font-size:21px}.steps p{color:var(--muted);margin-top:4px}.guide-links{display:flex;gap:28px;margin-top:30px;grid-column:2}.guide-links a{font-weight:800;font-size:16px}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:19px;font-weight:800;cursor:pointer;list-style-position:outside;margin-left:20px;padding-left:8px}.faq-list p{margin:16px 0 4px 28px;color:var(--muted)}.about-strip{padding:46px 50px;border-radius:20px;background:var(--soft);margin-bottom:80px}.about-strip h2{font-size:32px}.about-strip p{max-width:740px;margin:16px 0;font-size:18px;color:var(--muted)}.site-footer{padding:42px max(28px,calc((100% - 1184px)/2));background:var(--surface);border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-brand{font-size:22px;font-weight:900;text-decoration:none;color:var(--text)}.footer-top p{color:var(--muted);font-size:14px;margin-top:7px}.footer-top nav{gap:24px;flex-wrap:wrap;font-size:14px}.footer-top nav a,.footer-top nav button{font-size:14px;font-weight:800;text-decoration:none;color:var(--text);padding:0}.footer-top nav button:hover{text-decoration:underline}.disclosure{max-width:940px;font-size:14px;margin-top:30px;color:var(--muted)}.copyright{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted);margin-top:20px}.article{max-width:900px;margin:auto;padding:30px 28px 85px}.breadcrumbs{font-size:14px;color:var(--muted);gap:14px;flex-wrap:wrap}.article-heading{margin:36px 0}.article-heading h1{font-size:clamp(32px,4vw,49px);max-width:850px}.article-heading>p{margin-top:20px;font-size:20px;color:var(--muted)}.article-image{width:100%;max-height:460px;object-fit:cover;border-radius:18px;margin-bottom:40px}.prose{font-size:18px;line-height:1.85}.prose h2{font-size:28px;margin:38px 0 16px;letter-spacing:-.025em}.prose p{margin:16px 0;color:var(--muted)}.prose li{padding-left:6px;margin-bottom:9px;color:var(--muted)}.prose .sources{margin:48px 0 30px;padding-top:8px;border-top:1px solid var(--line);font-size:16px}.sources h2{font-size:23px}.sources ul{padding-left:20px}.contact-panel{padding:30px;background:var(--soft);border-radius:18px;margin:30px 0}.contact-panel h2{margin:0 0 14px}.contact-email{font-size:clamp(18px,4vw,27px);font-weight:900;overflow-wrap:anywhere}.not-found{padding:100px 28px 140px;min-height:60dvh}.not-found p{margin:24px 0}.consent{position:fixed;right:24px;bottom:24px;width:min(520px,calc(100% - 48px));background:var(--surface);border:1px solid var(--blue-line);border-radius:18px;padding:22px;box-shadow:0 12px 40px #243b4829;z-index:10}.consent strong{font-size:19px;font-weight:900}.consent p{font-size:14px;margin-top:8px;color:var(--muted)}.consent-actions{display:flex;gap:12px;margin-top:18px;justify-content:flex-end}.consent .button{font-size:14px;padding:8px 16px;min-height:42px}.player-shell:fullscreen{height:100dvh;width:100vw;border-radius:0;border:0;box-shadow:none}.player-shell.expanded{position:fixed;inset:0;z-index:15;width:100%;height:100dvh;border-radius:0}
.header-inner{min-height:68px;padding-top:6px;padding-bottom:6px}.play-section{padding-top:16px}.play-heading{margin-bottom:14px}.play-heading h1{font-size:clamp(28px,2.7vw,38px)}.player-shell{height:clamp(500px,61dvh,690px)}
@media(prefers-color-scheme:dark){:root{--bg:#19272e;--surface:#21323a;--soft:#243f4a;--text:#f2f5ee;--muted:#bccbd1;--accent:#8bd6ed;--accent-hover:#b3e9fa;--line:#3e535b;--blue-line:#4c737f;--pink:#443842;--shadow:0 8px 0 #102029}.button{color:#16303b;background:var(--accent)}.button:hover{color:#16303b}.intro-image img{border-color:var(--surface)}}
@media(max-width:1250px){.section{margin-left:28px;margin-right:28px}.intro-section{gap:40px}.faq-section{gap:40px}}
@media(max-width:767px){.header-inner{padding:8px 18px;gap:16px;min-height:68px;flex-wrap:wrap}.brand{font-size:18px}.brand img{width:66px;height:44px}.brand-caption{font-size:14px;margin-top:4px}.header-inner nav{gap:18px;margin-left:auto}.header-inner nav a{font-size:14px}.header-inner nav a:nth-child(n+3){display:none}.nav-help{display:none}.play-section{padding:18px 16px 0}.play-heading{align-items:flex-start;gap:8px}.play-heading h1{font-size:29px;letter-spacing:-.04em}.play-heading p{font-size:14px;max-width:390px;margin-top:9px}.play-heading>.text-link{display:none}.player-shell{height:clamp(390px,58dvh,600px);border-radius:14px}.player-toolbar{font-size:14px;align-items:flex-start;padding-top:13px;gap:8px}.toolbar-detail{display:block;margin-left:0;font-size:14px}.player-toolbar>div{gap:2px}.player-toolbar button{font-size:14px;padding:7px 9px}.player-note{font-size:14px;line-height:1.7}.section{margin-left:20px;margin-right:20px;padding-top:54px;padding-bottom:54px}.intro-section,.faq-section,.getting-started{grid-template-columns:1fr;gap:30px}.intro-copy h2 br{display:none}.intro-copy p{font-size:17px;max-width:none}.intro-image{transform:none}.intro-image figcaption{font-size:14px}.explore-section{padding-top:12px}.explore-section h2{max-width:380px}.section-lead{font-size:17px}.explore-grid{grid-template-columns:1fr;gap:24px}.explore-card img{height:auto;aspect-ratio:1.6}.explore-card>div{padding:23px}.activity-row{grid-template-columns:1fr;gap:22px;margin-top:6px}.activity-row img{height:auto;aspect-ratio:1.6}.activity-row p{font-size:17px;margin-top:12px}.guide-links{grid-column:1;flex-direction:column;gap:15px;margin-top:0}.getting-started{padding:40px 0}.steps{padding-left:22px}.steps li{padding-left:8px}.faq-section h2{max-width:380px}.faq-list summary{font-size:18px}.about-strip{padding:30px 25px;margin-bottom:55px}.about-strip h2{font-size:29px}.about-strip p{font-size:17px}.site-footer{padding:32px 22px}.footer-top{flex-direction:column;gap:24px}.footer-top nav{gap:20px}.copyright{flex-direction:column;gap:6px}.article{padding:24px 20px 60px}.article-heading{margin:28px 0}.article-heading h1{font-size:34px}.article-heading>p{font-size:18px}.prose{font-size:17px}.prose h2{font-size:25px}.article-image{border-radius:14px}.contact-panel{padding:22px}.consent{bottom:14px;right:14px;width:calc(100% - 28px);padding:18px}.consent-actions{justify-content:stretch}.consent-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
