:root{--ink:#173b3a;--muted:#58706e;--paper:#f8f5ed;--surface:#fffdf8;--line:#d9e1d8;--accent:#e8664d;--accent-dark:#bb4635;--teal:#0f5a58;--max:1100px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:clip}a{color:var(--teal);text-underline-offset:3px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f2a53d;outline-offset:3px}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.site-header{background:var(--teal);color:#fff}.header-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.02em}.topic-nav{display:flex;gap:6px;overflow-x:auto;padding:0 0 18px;scrollbar-width:thin}.topic-nav a{color:#dff2e9;text-decoration:none;white-space:nowrap;padding:7px 12px;border:1px solid #4a8880;border-radius:6px}.topic-nav a:hover{background:#28736e;color:#fff}.hero{padding:52px 0 28px}.eyebrow{color:var(--accent-dark);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:760px;margin:8px 0 12px;font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:0}.lead{max-width:720px;color:var(--muted);font-size:1.12rem}.game-shell{margin:28px 0 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:0 8px 24px #173b3a12}.game-frame{width:100%;min-height:560px;border:0;border-radius:4px;background:#eef2eb}.game-frame iframe{display:block;width:100%;height:560px;border:0;border-radius:4px}.source-note{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:10px 2px 0;color:var(--muted);font-size:.88rem}.button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:750;border-radius:6px;padding:10px 15px}.button:hover{background:var(--accent-dark)}.section{padding:28px 0}.section h2{font-size:1.65rem;line-height:1.15;margin:0 0 12px}.section-intro{color:var(--muted);max-width:760px}.concept{border-left:4px solid var(--accent);background:#fff5ed;padding:16px 18px;margin:18px 0;border-radius:0 6px 6px 0}.concept strong{display:block;margin-bottom:4px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;text-decoration:none}.topic-card:hover{border-color:var(--accent)}.topic-card h3{margin:0 0 5px;color:var(--ink)}.topic-card p{margin:0;color:var(--muted);font-size:.94rem}.article{max-width:780px;padding:28px 0}.article h2{font-size:1.65rem;line-height:1.2;margin:28px 0 8px}.article h3{font-size:1.15rem;margin:20px 0 4px}.check-list{padding-left:22px}.practice{border-left:4px solid var(--accent);background:#fff5ed;padding:16px 18px;margin:18px 0;border-radius:0 6px 6px 0}.practice strong{display:block;margin-bottom:4px}.faq{max-width:780px;padding:12px 0 50px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{margin:8px 0 0;color:var(--muted)}.ad-placeholder{min-height:74px;display:grid;place-items:center;color:#8a9a94;border:1px dashed var(--line);margin:18px 0;font-size:.8rem}.site-footer{background:#e8eee6;color:var(--muted);padding:30px 0}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.site-footer p{font-size:.88rem;margin-bottom:0}@media(max-width:700px){.container{width:min(calc(100% - 24px),var(--max))}.header-row{padding:14px 0}.hero{padding-top:34px}.hero h1{font-size:2.35rem}.game-shell{margin-inline:-6px;padding:8px}.game-frame,.game-frame iframe{min-height:500px;height:500px}.topic-grid{grid-template-columns:1fr}.source-note{display:block}.source-note .button{margin-top:10px}.article h2{font-size:1.4rem}}:root{--ink:#102a33;--muted:#60757a;--paper:#f4f0e8;--surface:#fffdf8;--line:#d8e0dc;--accent:#e2644d;--accent-dark:#a93f32;--teal:#0b3f46;--teal-soft:#175c61;--glow:#d9efe5}html{scroll-padding-top:86px}body{background:var(--paper);color:var(--ink);letter-spacing:.005em}.skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:9px 12px;background:#fff;color:var(--teal);border-radius:5px;transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--teal) 94%,transparent);border-bottom:1px solid #ffffff24;box-shadow:0 6px 18px #082d331c;backdrop-filter:blur(12px)}.header-row{padding:14px 0}.header-row>span{color:#b9d8d0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.brand{display:inline-flex;align-items:center;gap:9px}.brand::before{content:"";width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #e2644d22}.topic-nav{padding-bottom:13px;gap:8px}.topic-nav a{border-color:#73aaa044;border-radius:999px;padding:6px 12px;font-size:.88rem;transition:background .18s ease,border-color .18s ease,transform .18s ease}.topic-nav a:first-child{background:#ffffff16;border-color:#b9d8d070}.topic-nav a:hover{transform:translateY(-1px);border-color:#b9d8d0;color:#fff}.hero{position:relative;padding:64px 0 34px;isolation:isolate}.hero::before{content:"";position:absolute;inset:0 -24px 0 -24px;z-index:-1;opacity:.48;background-image:linear-gradient(#9db9b51c 1px,transparent 1px),linear-gradient(90deg,#9db9b51c 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}.hero h1{letter-spacing:-.055em;font-weight:850}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 9px;border:1px solid #d8876c66;border-radius:999px;background:#fff8ef;color:var(--accent-dark)}.eyebrow::before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}.lead{font-size:1.18rem;line-height:1.6}.game-shell{padding:0;overflow:hidden;border-color:#cbd8d1;box-shadow:0 16px 36px #0b3f4614}.game-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#edf5ef;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}.game-meta strong{color:var(--teal);font-size:.8rem}.game-meta strong::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;background:#37a66e;border-radius:50%;box-shadow:0 0 0 4px #37a66e20}.game-frame{min-height:560px;background:#e8f0ec}.source-note{margin:0;padding:13px 14px 15px;border-top:1px solid var(--line);align-items:center;background:var(--surface)}.source-note span{max-width:720px}.button{padding:10px 14px;border:1px solid #a93f3220;box-shadow:0 5px 12px #a93f321c;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #a93f3224}.section{padding:34px 0}.section h2,.article h2{letter-spacing:-.025em}.concept,.practice{border-left-width:3px;box-shadow:0 7px 18px #a93f3210}.topic-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.topic-card:hover{transform:translateY(-3px);border-color:#e2644d88;box-shadow:0 10px 22px #173b3a12}.faq details{transition:background .18s ease;padding-inline:8px}.faq details[open]{background:#fffdf8;border-radius:5px}.site-footer{border-top:1px solid #d1ddd5}.ad-placeholder{margin:22px 0;color:#78908d;background:#faf8f1}@media(max-width:700px){.header-row>span{display:none}.header-row{padding:12px 0}.hero{padding-top:42px}.hero::before{inset-inline:-12px}.game-meta{align-items:flex-start;flex-direction:column;gap:4px}.game-frame,.game-frame iframe{min-height:500px;height:500px}.source-note{padding:12px}.source-note .button{display:block;text-align:center;width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.home-page{background:#0d141a;color:#e7edf0;color-scheme:dark}.home-page .site-header{background:#0d141af2;border-bottom-color:#60717a55}.home-page .header-row>span{color:#9fb0b7}.home-page .topic-nav a{color:#c7d4d8;border-color:#60717a66}.home-page .topic-nav a:first-child{background:#7ce2c11a;border-color:#7ce2c1aa;color:#a9ffd7}.home-page .topic-nav a:hover{background:#7ce2c122;border-color:#7ce2c1;color:#fff}.home-page .hero{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);column-gap:48px;align-items:center;max-width:1200px;min-height:calc(100vh - 118px);padding:62px 0 46px}.home-page .hero::before{inset:0 -32px;background-image:linear-gradient(#89a6ad18 1px,transparent 1px),linear-gradient(90deg,#89a6ad18 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(120deg,#000,transparent 75%)}.home-page .eyebrow{grid-column:1;color:#7ce2c1;border-color:#7ce2c155;background:#7ce2c10d;font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.home-page .hero h1{grid-column:1;max-width:560px;margin:14px 0 0;color:#f1f5f4;font-family:ui-monospace,SFMono-Regular,monospace;font-size:clamp(2.5rem,5vw,4.7rem);line-height:.98;letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance}.home-page .lead{grid-column:1;max-width:480px;margin:18px 0 0;color:#b9c8cc;font-size:1.08rem;line-height:1.65}.home-page .game-shell{grid-column:2;grid-row:1 / span 5;width:100%;margin:0;background:#151d22;border-color:#63757d66;border-radius:4px;box-shadow:0 20px 46px #06111680}.home-page .game-meta{background:#18242a;border-color:#63757d66;color:#9baeb5;font-family:ui-monospace,SFMono-Regular,monospace}.home-page .game-meta strong{color:#7ce2c1}.home-page .game-frame{background:#111a20}.home-page .source-note{border-color:#63757d66;background:#121a1f;color:#aebcc1}.home-page .source-note a{color:#a9ffd7}.home-page .button{background:#7ce2c1;border-color:#7ce2c1;color:#0d141a;box-shadow:none;font-family:ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.03em}.home-page .button:hover{background:#a9ffd7}.home-page .ad-placeholder{grid-column:1;align-self:start;margin:24px 0 0;border-color:#63757d66;background:#111a20;color:#7f9299}.home-page .section,.home-page .article,.home-page .faq{color:#dce6e7}.home-page main>.container{max-width:1200px}.home-page .section-intro,.home-page .article p,.home-page .faq p{color:#aebcc1}.home-page .concept,.home-page .practice{border-left-color:#7ce2c1;background:#13252a;color:#dce6e7;box-shadow:none}.home-page .topic-card{background:#121c21;border-color:#63757d66;border-radius:4px}.home-page .topic-card h3{color:#e7f2ef}.home-page .topic-card p{color:#9fb0b7}.home-page .faq details{border-color:#63757d66}.home-page .faq details[open]{background:#132027}.home-page .site-footer{background:#091116;border-color:#63757d66}.home-page .site-footer p{color:#94a6ad}.home-page .site-footer a{color:#a9ffd7}@media(max-width:900px){.home-page .hero{grid-template-columns:1fr;min-height:auto;row-gap:0;padding-top:48px}.home-page .game-shell{grid-column:1;grid-row:auto;margin-top:34px}.home-page .ad-placeholder{grid-column:1}.home-page .hero h1{font-size:clamp(2.5rem,10vw,4rem)}}@media(prefers-reduced-motion:reduce){.home-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}