@font-face{font-family:Manrope;src:url('./assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('./assets/instrument-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--ink:#092b27;--deep:#07231f;--paper:#edf2e9;--text:#eef4e9;--muted:#b9cbc1;--lime:#d8ec9b;--line:#355149;--paper-line:#c3cec1;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:2rem}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-family:Manrope,sans-serif;font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.1;text-wrap:balance}em{font-family:'Instrument Serif',serif;font-weight:400}svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}::selection{background:var(--accent);color:var(--action-text)}:focus-visible{outline:2px solid currentColor;outline-offset:6px}body{scrollbar-color:var(--accent) var(--canvas)}.wrap{max-width:1440px;margin-inline:auto;padding-inline:clamp(1.4rem,5.3vw,5rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-7rem;left:1rem;padding:.75rem 1rem;background:var(--accent);color:var(--action-text);z-index:30}.skip-link:focus{top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:116px;gap:2rem;position:relative;z-index:10}.wordmark{font-size:1.13rem;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.brand-period{color:var(--accent);font-size:1.5rem}.site-header nav{display:flex;gap:2.4rem;align-items:center;font-size:.875rem}.site-header nav a{padding-block:.6rem;transition:color .2s}.site-header nav a:hover{color:var(--accent)}.menu-toggle{display:none;color:inherit;background:none;border:1px solid var(--line);padding:.5rem .8rem;align-items:center;gap:.6rem}.menu-toggle[hidden]{display:none}h1{font-size:clamp(3.2rem,5.5vw,5.4rem);letter-spacing:-.04em;line-height:1.08;white-space:nowrap}h1 em{color:var(--accent);font-size:1.08em;letter-spacing:-.025em}.button{margin-top:2rem;display:inline-flex;align-items:center;gap:2rem;background:var(--accent);color:var(--action-text);border:1px solid var(--accent);border-radius:3px;padding:.95rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .25s,transform .25s var(--ease)}.button:hover{background:var(--paper);transform:translateY(-2px)}.button svg{width:1.5rem}.motion-toggle{display:flex;gap:.5rem;align-items:center;padding:.35rem .2rem;border:0;background:none;color:var(--muted);font-size:.75rem;white-space:nowrap}.motion-toggle[hidden]{display:none}.motion-toggle svg{width:.85rem;height:.85rem}.motion-toggle:hover{color:var(--accent)}.light-section{color:var(--ink);background:var(--paper);color-scheme:light}.practice{padding-block:110px 88px}.practice-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:6rem}h2{font-size:clamp(2.6rem,3.35vw,3.4rem);letter-spacing:-.035em;line-height:1.12}h2 em{font-size:1.07em}.section-intro p{max-width:375px;margin-top:1.5rem;color:#435e52;font-size:1rem;line-height:1.85}.practice-list{border-top:1px solid var(--paper-line)}details{border-bottom:1px solid var(--paper-line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.65rem 0}summary::-webkit-details-marker{display:none}summary h3{font-size:1.3rem;font-weight:600;letter-spacing:-.025em}.detail-sign{position:relative;width:1rem;height:1rem;flex-shrink:0}.detail-sign:before,.detail-sign:after{content:'';position:absolute;background:var(--ink);left:0;top:50%;height:1px;width:100%;transition:transform .3s var(--ease)}.detail-sign:after{transform:rotate(90deg)}details[open] .detail-sign:after{transform:rotate(0)}.detail-body{padding:0 2rem 1.7rem 0}.detail-body p{color:#435e52;font-size:.95rem;line-height:1.8}.practice-topics{display:block;margin-top:1.2rem;font-size:.78rem;color:#48634c}.work{padding-block:30px 100px}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.8rem}.section-heading p{color:#435e52;font-size:.9rem}.work-list{border-top:1px solid var(--ink)}.work-row{display:grid;grid-template-columns:1fr 1.25fr .8fr 40px;gap:2rem;align-items:center;border-bottom:1px solid var(--paper-line);padding:2rem 0;transition:background .4s var(--ease)}.work-row:hover{background:#e0e9d9}.work-name{font-size:1.6rem;letter-spacing:-.035em}.work-description{font-size:.9rem;color:#435e52;max-width:280px}.work-category{font-size:.75rem;color:#48634c;justify-self:end;border:1px solid #bdcbb5;border-radius:100px;padding:.3rem .65rem;white-space:nowrap}.work-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:100px;border:1px solid #b7c8b4;transition:background .3s,color .3s,transform .3s var(--ease)}.work-row:hover .work-arrow{background:var(--ink);color:var(--accent);transform:rotate(45deg)}.text-link{display:inline-flex;align-items:center;gap:1rem;font-size:.9rem;border-bottom:1px solid #8fa68b;padding-block:.45rem}.text-link:hover{border-color:var(--ink)}.all-work{margin-top:2.2rem}.about{background:var(--deep);padding-block:110px}.about-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:6rem}.about-title h2{max-width:600px}.about-title em{color:var(--accent)}.signature{display:block;margin-top:2.7rem;font-family:'Instrument Serif',serif;font-style:italic;font-size:2rem;color:var(--muted)}.about-copy p{color:var(--muted);font-size:1rem;line-height:1.85}.about-copy p+p{margin-top:1.5rem}.about-copy .about-belief{color:var(--text);font-size:1.15rem;margin-top:2rem}.contact{padding-block:100px 110px;display:flex;justify-content:space-between;align-items:end;gap:3rem}.contact h2{font-size:clamp(3.5rem,5.7vw,5.4rem)}.contact h2 em{color:var(--accent)}.contact p{font-size:.9rem;color:var(--muted);margin-top:1.7rem}.contact-link{display:flex;align-items:center;gap:2rem;padding-bottom:1rem;border-bottom:1px solid var(--muted);margin-bottom:3px;font-size:1.15rem;transition:color .2s,border-color .2s}.contact-link:hover{color:var(--accent);border-color:var(--accent)}.contact-link svg{width:1.8rem;height:1.8rem}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;padding-block:1.8rem;font-size:.75rem;color:var(--muted)}.site-footer:before{content:'';position:absolute;top:0;left:clamp(1.4rem,5.3vw,5rem);right:clamp(1.4rem,5.3vw,5rem);height:1px;background:var(--line)}.site-footer a{display:flex;align-items:center;gap:.6rem}.site-footer svg{width:1rem;height:1rem}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}

@media(max-width:1100px){.site-header nav{gap:1.5rem}.practice-layout,.about-layout{gap:3rem}.work-row{gap:1.2rem;grid-template-columns:1.1fr 1.2fr .85fr 36px}.work-name{font-size:1.35rem}.contact-link{font-size:1rem;gap:1rem}}
@media(max-width:760px){.site-header{min-height:90px;gap:1rem}.wordmark{font-size:1rem}.menu-toggle:not([hidden]){display:flex;font-size:.85rem}.site-header nav{flex-wrap:wrap;gap:.5rem 1.2rem;font-size:.8rem;justify-content:flex-end}.js .site-header nav{display:none;position:absolute;top:79px;left:1.4rem;right:1.4rem;background:var(--paper);color:var(--ink);padding:1.2rem;box-shadow:0 12px 24px #001c1a30;border-radius:4px}.js .site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:.3rem}.site-header nav a{padding:.65rem .5rem}.site-header nav a:hover{color:#365800}h1{font-size:clamp(2.65rem,8.1vw,4rem);line-height:1.12}.button{margin-top:1.6rem}.motion-toggle{font-size:.7rem}.practice{padding-block:70px 50px}.practice-layout{grid-template-columns:1fr;gap:2.6rem}h2{font-size:2.65rem}.section-intro p{max-width:470px}.work{padding-block:25px 65px}.section-heading{display:block;margin-bottom:2rem}.section-heading p{margin-top:1rem}.work-row{grid-template-columns:1fr auto;gap:.55rem 1rem;position:relative;padding-block:1.5rem}.work-name{font-size:1.45rem}.work-description{grid-column:1;grid-row:2;max-width:100%;font-size:.85rem}.work-category{grid-column:1;grid-row:3;justify-self:start;border:0;padding:0;margin-top:.45rem;font-size:.7rem}.work-arrow{grid-column:2;grid-row:1 / 4}.about{padding-block:70px}.about-layout{grid-template-columns:1fr;gap:2.5rem}.signature{margin-top:1.6rem}.contact{padding-block:65px 75px;display:block}.contact h2{font-size:clamp(3.3rem,9vw,4.4rem)}.contact-link{margin-top:2.2rem;display:inline-flex;gap:2rem;font-size:1.1rem}.site-footer{flex-wrap:wrap;gap:.8rem 1rem;justify-content:space-between}.site-footer>span:nth-child(2){width:100%;order:3;font-size:.7rem}.site-footer a{margin-left:auto}}
@media(max-width:380px){h1{font-size:10vw}.site-header{gap:.5rem}.wordmark{font-size:.9rem}h2{font-size:2.35rem}.contact h2{font-size:3.05rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Original forest palette is the default; other appearances remain optional. */
:root{--canvas:var(--ink);--accent:var(--lime);--action-text:var(--ink);--porcelain:#fafaf8;--mist:#eef0f4;--apricot:#edb995;--lilac:#c6bde8;--paper-muted:#435e52;--paper-hover:#e0e9d9;--type-ui:.875rem;--type-body:1rem}
:root[data-theme="mist"],:root[data-theme="apricot"],:root[data-theme="lilac"]{--canvas:#eef0f4;--deep:#e0e9d9;--text:#092b27;--muted:#435e52;--accent:#365800;--action-text:#fafaf8;--line:#8fa68b;color-scheme:light}
:root[data-theme="apricot"]{--canvas:#f9f5f0;--deep:#f4e9dc}
:root[data-theme="lilac"]{--canvas:#f6f5f7;--deep:#ece8f4}
.button:hover{color:var(--ink)}
.light-section{--accent:#365800}
.wordmark{font-size:clamp(1.125rem,2vw,1.5rem)}
.site-header nav{margin-left:auto;gap:1.8rem}.motion-toggle,.site-footer,.practice-topics,.work-category{font-size:.875rem}
@media(max-width:760px){.wordmark{font-size:1.25rem;white-space:normal;max-width:8.5rem}.site-footer>span:nth-child(2){font-size:.875rem}}
@media(max-width:380px){.wordmark{font-size:1.125rem}}
/* Appearance stays available beside navigation, including on small screens. */
.header-controls{display:flex;align-items:center;gap:.65rem}
.style-picker{position:relative;border:0}
.style-picker[hidden]{display:none}
.style-picker>summary{padding:.55rem .8rem;border:1px solid var(--line);gap:.55rem;font-size:var(--type-ui);min-height:44px}
.style-picker>summary svg{width:1rem;height:1rem}
.style-picker[open]>summary{background:var(--text);color:var(--canvas)}
.style-panel{position:absolute;top:calc(100% + 12px);right:0;width:340px;padding:20px;background:var(--paper);color:var(--ink);box-shadow:0 12px 30px #25283018}
.style-panel h2{font-size:1.25rem;font-weight:500;letter-spacing:-.015em;margin-bottom:16px}
.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.theme-option{padding:10px;text-align:left;background:transparent;color:var(--ink);border:1px solid var(--paper-line);border-radius:4px;line-height:1.35}
.theme-option[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:1px}
.theme-option:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.theme-option:hover{background:var(--paper-hover)}
.theme-sample{height:64px;padding:10px;display:flex;align-items:end;justify-content:space-between;font-size:1.7rem;font-weight:500;margin-bottom:10px;background:var(--sample-bg);color:var(--sample-text)}
.theme-sample i{width:28px;height:8px;background:currentColor}
.theme-option[data-theme="forest"]{--sample-bg:var(--ink);--sample-text:#d8ec9b}
.theme-option[data-theme="mist"]{--sample-bg:var(--mist);--sample-text:var(--ink)}
.theme-option[data-theme="apricot"]{--sample-bg:var(--apricot);--sample-text:var(--ink)}
.theme-option[data-theme="lilac"]{--sample-bg:var(--lilac);--sample-text:var(--ink)}
.theme-name{display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:var(--type-ui)}
.theme-name svg{width:.85rem;height:.85rem;visibility:hidden}
.theme-option[aria-pressed="true"] .theme-name svg{visibility:visible}
.theme-description{display:block;font-size:var(--type-ui);color:var(--paper-muted);margin-top:4px}
.style-note{font-size:var(--type-ui);color:var(--paper-muted);margin-top:16px;line-height:1.5}
@media(max-width:1100px){.site-header{gap:1rem}.site-header nav{gap:1rem}}
@media(max-width:760px){.header-controls{margin-left:auto}.style-panel{position:fixed;top:82px;right:1.4rem;width:min(340px,calc(100vw - 2.8rem))}.style-picker>summary{padding:.5rem .65rem;font-size:var(--type-ui)}.menu-toggle:not([hidden]){min-height:44px}.site-header nav{margin-left:0}}
@media(max-width:380px){.wordmark{font-size:1.125rem}.header-controls{gap:.4rem}.style-panel{right:1.2rem;width:calc(100vw - 2.4rem)}.theme-description{font-size:var(--type-ui)}}


/* Generous play area using the original visual identity. */
.hero-puzzle{position:relative;width:100%;max-width:600px;justify-self:end}
.hero-puzzle h2{font-size:1.5rem;font-weight:500;letter-spacing:-.015em;line-height:1.3;text-wrap:initial}
.puzzle-intro{font-size:1rem;line-height:1.6;color:var(--muted);margin-top:.65rem;max-width:390px}
.puzzle-unavailable{font-size:1rem;color:var(--muted);margin-top:2rem}
.puzzle-interactive[hidden]{display:none}
.puzzle-board{position:relative;width:100%;aspect-ratio:400 / 360;margin:16px 0 8px}
.puzzle-lines{position:absolute;inset:0;width:100%;height:100%;stroke:var(--muted);stroke-width:1.6;pointer-events:none}
.puzzle-lines line{vector-effect:non-scaling-stroke}
.puzzle-lines .is-crossed{stroke:var(--accent);stroke-dasharray:5 5;animation:signal 4s linear infinite;animation-play-state:running}
.puzzle-point{position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font-size:1rem;font-weight:500;padding:0;display:grid;place-items:center}
.puzzle-point[data-tint="warm"]{background:var(--lime)}
.puzzle-point[data-tint="cool"]{background:#b9cbc1}
.puzzle-point:hover{outline:2px solid var(--accent);outline-offset:3px}
.puzzle-point[aria-pressed="true"]{background:var(--accent);color:var(--action-text);border:3px double var(--action-text);outline:2px solid var(--accent);outline-offset:3px}
.puzzle-point:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.puzzle-point[aria-disabled="true"]{cursor:default}
.is-solved .puzzle-lines{stroke:var(--accent);stroke-width:2}
.puzzle-status{min-height:3.2em;font-size:.875rem;line-height:1.5;color:var(--muted)}
.is-solved .puzzle-status{color:var(--accent)}
.puzzle-controls{display:flex;align-items:center;gap:1rem;border-top:1px solid var(--line);padding-top:6px}
.puzzle-controls button{min-height:44px;background:none;color:var(--text);border:0;font-size:.875rem;padding:.5rem .1rem}
.puzzle-controls button:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.puzzle-controls button:disabled{color:var(--muted);opacity:.55;cursor:default;text-decoration:none}
.puzzle-controls .puzzle-next{margin-left:auto;display:flex;align-items:center;gap:.75rem}
.puzzle-next svg{width:1rem;height:1rem}
@keyframes signal{to{stroke-dashoffset:-40}}
@media(max-width:900px){
 .hero-puzzle{margin:3.5rem auto 2rem}
}
@media(max-width:760px){.puzzle-point{width:52px;height:52px}.hero-puzzle h2{font-size:1.375rem}}
@media(max-width:380px){.puzzle-point{width:48px;height:48px}}

@media(max-width:1000px){.contact{display:block}.contact-link{display:inline-flex;margin-top:2.2rem}}

/* Device saves and the focused play view share the existing game and palette. */
.puzzle-number{margin-top:1rem;font-size:.875rem;color:var(--muted)}
.puzzle-saving{margin-top:.75rem}
.puzzle-save-status{font-size:.875rem;line-height:1.5;color:var(--muted)}
.puzzle-full{margin-top:.6rem;font-size:.875rem}
.puzzle-full[aria-disabled="true"]{color:var(--muted);cursor:default;border-color:var(--line)}
.puzzle-recovery-actions{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.25rem}
.puzzle-recovery-actions button{background:none;border:0;color:var(--accent);padding:.5rem 0;min-height:44px;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
.puzzle-recovery-actions button[hidden]{display:none}
.play-page{padding-top:.5rem;padding-bottom:3rem}
.play-back{margin-bottom:1.5rem;font-size:.875rem}
.play-page .full-puzzle{max-width:640px;margin:0 auto}
.full-puzzle h1{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;white-space:normal}
.full-puzzle h1 em{color:var(--accent)}
.full-puzzle .puzzle-intro{max-width:38rem}
.full-puzzle .puzzle-board{max-width:600px;margin-inline:auto}
.play-help{max-width:640px;margin:2rem auto 0;border-block:1px solid var(--line);font-size:1rem}
.play-help summary{padding:1rem 0}
.play-help .detail-sign:before,.play-help .detail-sign:after{background:var(--text)}
.play-help p{color:var(--muted);margin-bottom:1rem;line-height:1.6}
@media(max-width:760px){.play-page{padding-top:0}.play-back{margin-bottom:1.25rem}}
.puzzle-controls{flex-wrap:wrap}
.play-view .site-header{flex-wrap:wrap}
.play-view .header-controls{max-width:100%;flex-wrap:wrap}
.play-view .style-panel{max-height:calc(100dvh - 6rem);overflow:auto}
.play-view .theme-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}
.play-view .site-footer{flex-wrap:wrap}
@media(max-width:760px){.play-view .site-header nav.is-open{position:static;order:3;width:100%}}

/* Games landing: a quiet introduction, saved progress, and the real game. */
.site-header nav a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.games-main{padding-block:2rem 3rem}
.games-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2.5rem}
.games-heading h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.12;white-space:normal}
.games-heading h1 em{color:var(--accent)}
.games-heading>p{font-size:1rem;color:var(--muted);padding-bottom:.3rem}
.continue-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:1.3rem;margin-bottom:2rem;border-block:1px solid var(--line)}
.continue-panel[hidden]{display:none}
.continue-panel h2{font-size:1.25rem;line-height:1.3;letter-spacing:-.015em}
.continue-description{font-size:.875rem;color:var(--muted);margin-top:.35rem}
.continue-link{color:var(--accent);min-height:44px;font-size:1rem;flex-shrink:0}
.catalogue-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;background:var(--paper);color:var(--ink);padding:clamp(1.5rem,4vw,3.5rem);border-radius:3px;color-scheme:light}
.catalogue-copy h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.12;max-width:12ch}
.catalogue-copy>p{font-size:1rem;line-height:1.6;max-width:36ch;color:var(--paper-muted);margin-top:1.25rem}
.game-facts{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;margin:1.5rem 0 0;padding:0;font-size:.875rem;color:var(--paper-muted)}
.catalogue-play{background:var(--ink);border-color:var(--ink);color:var(--paper);margin-top:1.5rem;font-size:1rem;min-height:48px;gap:1.5rem}
.catalogue-play:hover{background:var(--ink);color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.catalogue-copy .game-controls-note{font-size:.875rem;margin-top:1rem}
.catalogue-preview{min-width:0;width:100%;max-width:430px;justify-self:end}
.catalogue-board{display:block;width:100%;height:auto;aspect-ratio:400 / 360;overflow:visible}
.catalogue-lines line{stroke:var(--ink);stroke-width:1.5;opacity:.75;vector-effect:non-scaling-stroke}
.catalogue-lines .is-crossed{stroke-dasharray:5 5}
.catalogue-points circle{fill:var(--paper);stroke:var(--ink);stroke-width:1}
.catalogue-points [data-tint="warm"] circle{fill:var(--lime)}
.catalogue-points [data-tint="cool"] circle{fill:#b9cbc1}
.catalogue-points text{fill:var(--ink);stroke:none;font-family:Manrope,sans-serif;font-size:16px;text-anchor:middle}
.catalogue-caption{font-size:.875rem;color:var(--paper-muted);text-align:center;margin-top:.5rem}
.games-footnote{display:flex;justify-content:space-between;align-items:start;gap:1rem 2rem;margin-top:1.5rem}
.catalogue-status{font-size:.875rem;line-height:1.6;color:var(--muted);max-width:60ch}
.games-footnote .text-link{font-size:.875rem;flex-shrink:0;padding-top:0;min-height:44px}
@media(max-width:760px){
 .games-main{padding-top:1.5rem}.games-heading{display:block;margin-bottom:1.75rem}.games-heading>p{margin-top:.75rem}
 .continue-panel{align-items:start;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}
 .catalogue-feature{grid-template-columns:minmax(0,1fr);gap:1.5rem}.catalogue-copy h2{max-width:16ch}
 .catalogue-preview{justify-self:center;max-width:340px}.games-footnote{flex-direction:column;gap:1rem}
}
.games-heading h1,.catalogue-copy h2{overflow-wrap:anywhere}
.catalogue-copy{min-width:0}
.catalogue-play{max-width:100%;overflow-wrap:anywhere}
@media(max-width:380px){
 .games-view .catalogue-feature{padding:min(1.5rem,5vw)}
 .games-view .catalogue-play{padding-inline:.5rem;gap:.5rem}
 .games-view .catalogue-play svg{display:none}
}