@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Instrument+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #fbfaf6;--surface: #ffffff;--surface-soft: #f2f0e7;--surface-strong: #e9e5d8;--border: #d5cfbf;--text: #111111;--text-soft: #5f5b53;--accent: #8dbfba;--accent-dark: #73aca6;--core: #b4683d;--link: #5f7d52;--synthesis: #4f6f77;--zebra: #7d5368;--shadow: 0 20px 40px rgba(17, 17, 17, .08)}[data-theme=dark]{--bg: #171715;--surface: #1f201d;--surface-soft: #2b2b27;--surface-strong: #35352f;--border: #4a483f;--text: #f6f3ea;--text-soft: #c9c3b3;--accent: #5d918c;--accent-dark: #4b7d78;--core: #8d532e;--link: #4e653f;--synthesis: #415961;--zebra: #654253;--shadow: 0 18px 36px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Instrument Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}h1,h2,h3{font-family:Instrument Sans,Arial,sans-serif;font-weight:700;letter-spacing:-.02em}.app-shell{min-height:100vh}.icon{width:24px;height:24px}.landing-screen{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden;background:#f7f3ec}.landing-mosaic{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.landing-mosaic__tile{position:absolute;border-radius:34px;box-shadow:0 24px 44px #11111114;opacity:.96}.landing-mosaic__tile--1{top:-9%;left:-7%;width:min(32vw,430px);aspect-ratio:1 / 1.08}.landing-mosaic__tile--2{top:5%;right:-5%;width:min(28vw,360px);aspect-ratio:1 / 1.12}.landing-mosaic__tile--3{left:-5%;bottom:-10%;width:min(26vw,340px);aspect-ratio:1 / 1.06}.landing-mosaic__tile--4{right:-4%;bottom:-6%;width:min(30vw,390px);aspect-ratio:1 / 1.1}.landing-mosaic__tile--core{background:var(--core)}.landing-mosaic__tile--link{background:var(--link)}.landing-mosaic__tile--synthesis{background:var(--synthesis)}.landing-mosaic__tile--zebra{background:var(--zebra)}.landing-stack{position:relative;z-index:1;width:min(100%,360px);display:grid;gap:16px}.landing-card{position:relative;z-index:1;width:100%;padding:28px 24px;border:1px solid rgba(17,17,17,.16);border-radius:28px;background:#ffffffbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:#111;box-shadow:0 22px 44px #1111111f}.landing-logo{display:inline-flex;align-items:center;justify-content:center;width:82px;height:82px;margin-bottom:20px;border:2px solid rgba(17,17,17,.88);border-radius:20px;background:#ffffff94;box-shadow:inset 0 1px #ffffff7a}.landing-logo__icon{width:50px;height:50px}.landing-card h1{margin:0;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(3rem,7vw,4.1rem);font-weight:400;line-height:.94;letter-spacing:-.045em}.landing-tagline{max-width:22ch;margin:16px auto 28px;font-size:1.04rem;line-height:1.45}.landing-button,.board-button,.simple-link-button,.mode-picker-button,.text-button,.simple-tab,.stats-tab,.icon-button,.game-menu__item,.stats-page-card,.topbar-back{transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,opacity .16s ease}.landing-button,.board-button,.simple-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid #111111;background:#fff;cursor:pointer}.landing-button--primary{min-width:152px;background:#111;color:#fff;font-weight:700}.landing-note{margin:18px 0 28px;font-size:.92rem}.landing-programs{margin-top:18px}.landing-programs__copy{margin:0 0 8px;font-size:.92rem;line-height:1.45}.landing-programs__link{font-size:.92rem;text-decoration:underline}.landing-meta{margin-top:20px;display:flex;flex-direction:column;gap:4px;font-size:.92rem}.board-screen{min-height:100vh;background:var(--bg)}.board-top{position:relative;border-bottom:1px solid var(--border)}.game-head{width:min(100%,1120px);margin:0 auto;padding:18px 16px 14px;border-bottom:1px solid var(--border)}.game-head__brand{display:inline-flex;align-items:center;gap:10px}.game-head__mark{width:30px;height:30px;flex:0 0 auto}.game-head h1{margin:0;font-family:"DM Serif Display",Georgia,serif;font-size:2.25rem;font-weight:400;line-height:.94;letter-spacing:-.045em}.game-head__meta{margin-top:8px;display:flex;flex-direction:column;gap:2px;font-size:.92rem;line-height:1.35;color:var(--text)}.game-head__meta span:last-child{color:var(--text-soft)}.game-topbar{width:min(100%,1120px);margin:0 auto;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.game-topbar__lead,.game-topbar__actions{display:flex;align-items:center}.topbar-timer{min-width:94px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:.92rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.topbar-timer .icon{width:18px;height:18px;flex:0 0 auto}.topbar-timer span{display:block;line-height:1;transform:none}.game-topbar__actions{gap:8px}.topbar-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid transparent;background:transparent;border-radius:999px;cursor:pointer}.topbar-back:hover,.topbar-back:focus-visible,.icon-button:hover,.icon-button:focus-visible,.icon-button--active{border-color:var(--border);background:var(--surface)}.icon-button{width:54px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer}.game-menu-wrap{position:relative;width:min(100%,1120px);margin:0 auto}.game-menu{position:absolute;top:-2px;right:16px;width:min(220px,calc(100vw - 24px));border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);z-index:20}.game-menu__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer}.game-menu__item:last-child{border-bottom:0}.game-menu__item:hover,.game-menu__item:focus-visible{background:var(--surface-soft)}.menu-icon{width:16px;height:16px}.board-shell,.simple-shell{width:min(100%,720px);margin:0 auto;padding:24px 16px 48px}.simple-shell{width:min(100%,860px)}.board-prompt,.feedback-line,.modal-eyebrow,.modal-copy,.simple-eyebrow,.simple-copy{text-align:center}.board-meta,.modal-eyebrow,.simple-eyebrow{margin:0 0 10px;color:var(--text-soft);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.board-prompt{margin:0 0 22px;font-size:1.85rem;line-height:1.1}.board-stage{display:flex;flex-direction:column;gap:8px}.board-grid-wrap{position:relative}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tile{min-height:96px;height:96px;display:flex;align-items:center;justify-content:center;padding:14px 10px;border:0;border-radius:8px;background:var(--surface-soft);cursor:pointer;position:relative;will-change:transform;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease}.tile:hover,.tile:focus-visible{background:var(--surface-strong)}.tile:disabled{cursor:not-allowed}.tile__label{display:block;font-size:1rem;line-height:1.25;font-weight:700;text-transform:uppercase}.tile--selected{background:#6a6961;color:#fff;box-shadow:inset 0 0 0 1px #ffffff24;animation:tile-select-in .16s ease}.tile--selected:hover,.tile--selected:focus-visible{background:#5e5d56}.tile--shake{animation:tile-shake .38s cubic-bezier(.22,1,.36,1)}.tile--solve{z-index:2;box-shadow:0 10px 22px #1111111f}.tile--shuffle-out .tile__label{animation:fade-out .12s ease forwards}.tile--shuffle-in .tile__label{animation:fade-in .16s ease forwards}.solved-row{min-height:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 16px;border-radius:8px;color:#111;text-align:center;animation:solved-enter .44s cubic-bezier(.22,1,.36,1)}.solved-row h3{margin:0 0 6px;font-size:.98rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.solved-row p{margin:0;font-size:1rem;line-height:1.45;text-transform:uppercase;font-weight:400}.solved-row--revealed{opacity:.96;animation:revealed-group-enter .52s cubic-bezier(.22,1,.36,1)}.solved-row--core{background:var(--core)}.solved-row--link{background:var(--link)}.solved-row--synthesis{background:var(--synthesis)}.solved-row--zebra{background:var(--zebra)}.revealed-groups{display:flex;flex-direction:column;gap:8px}.board-toast{position:absolute;left:50%;bottom:38px;transform:translate(-50%);max-width:calc(100% - 28px);padding:10px 16px;border-radius:6px;background:#111;color:#fff;font-size:.96rem;font-weight:700;white-space:nowrap;box-shadow:0 10px 24px #1111112e;pointer-events:none;z-index:5;animation:toast-pop 1.5s ease forwards}.mistake-row{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px;color:var(--text-soft)}.mistake-row__dots{display:inline-flex;gap:8px}.mistake-dot{width:16px;height:16px;border-radius:999px;background:var(--surface-strong)}.mistake-dot--active{background:#6a6961}.board-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.board-button,.simple-link-button{background:transparent}.board-button:hover,.board-button:focus-visible,.simple-link-button:hover,.simple-link-button:focus-visible,.text-button:hover,.text-button:focus-visible,.mode-picker-button:hover,.mode-picker-button:focus-visible,.simple-tab:hover,.simple-tab:focus-visible,.stats-tab:hover,.stats-tab:focus-visible{transform:translateY(-1px)}.board-button:disabled{opacity:.45;cursor:not-allowed}.result-strip{margin-top:22px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;color:var(--text-soft)}.text-button{border:0;background:transparent;text-decoration:underline;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000005c;z-index:100}.modal-panel{position:relative;width:min(100%,460px);max-height:min(90vh,820px);overflow:auto;border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.mode-modal{width:min(100%,420px)}.stats-modal{width:min(100%,680px)}.help-modal{width:min(100%,520px)}.modal-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;background:transparent;cursor:pointer}.modal-content{padding:30px 24px 24px}.modal-content h2{margin:0 0 10px;font-size:2rem;line-height:1.08;letter-spacing:-.03em}.modal-copy{margin:0 0 20px;color:var(--text-soft)}.mode-picker-list{display:flex;flex-direction:column;gap:10px}.mode-picker-button{width:100%;padding:16px 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-align:left;cursor:pointer}.mode-picker-button__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mode-picker-button__title{display:block;font-weight:700}.mode-picker-status{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text-soft);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.mode-picker-status--current{border-color:var(--text);background:var(--text);color:var(--surface)}.mode-picker-button__meta{display:block;color:var(--text-soft);font-size:.92rem}.stats-modal__content{padding-top:32px}.stats-tabs,.simple-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 20px}.stats-tab,.simple-tab{min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:transparent;cursor:pointer}.stats-tab--active,.simple-tab--active{background:var(--surface-soft)}.stats-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stats-metric{padding:16px 12px;border-top:1px solid var(--border);text-align:center}.stats-metric strong{display:block;font-size:2rem;font-weight:400}.stats-metric span{color:var(--text-soft)}.stats-section{margin-top:28px}.stats-section h3{margin:0 0 14px;font-size:1.35rem}.distribution-list{display:flex;flex-direction:column;gap:10px}.distribution-row{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center}.distribution-row__bar{position:relative;min-height:28px;display:flex;align-items:center;padding:0 12px;border-radius:6px;background:var(--surface-soft);overflow:hidden}.distribution-row__fill{position:absolute;inset:0 auto 0 0;background:var(--surface-strong)}.distribution-row__bar strong{position:relative;z-index:1}.help-intro{margin:0 0 18px;color:var(--text-soft);font-size:1rem}.help-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-card{padding:14px 14px 16px;border-radius:12px;background:var(--surface-soft)}.help-card strong{display:block;margin-bottom:6px;font-size:.98rem}.help-card p{margin:0;color:var(--text-soft);line-height:1.5}.help-note{margin-top:16px;padding:16px;border-radius:12px;border:1px solid var(--border);background:#00000005}.help-note__label{display:block;margin-bottom:10px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.help-note__copy{margin:0 0 14px;color:var(--text-soft);line-height:1.5}.help-legend{display:grid;gap:10px}.help-legend__item{display:inline-flex;align-items:center;gap:10px}.help-swatch{width:16px;height:16px;border-radius:4px;display:inline-block}.help-swatch--core{background:var(--core)}.help-swatch--link{background:var(--link)}.help-swatch--synthesis{background:var(--synthesis)}.help-swatch--zebra{background:var(--zebra)}.result-action-row{margin-top:22px;display:flex;justify-content:center}.results-modal{width:min(100%,520px)}.results-modal__content{padding-top:44px;text-align:center}.results-badge{width:64px;height:64px;margin:0 auto 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.results-badge--won{background:var(--core);color:#111}.results-badge--lost{background:var(--zebra);color:#111}.results-summary{max-width:28ch;margin:0 auto 14px;color:var(--text-soft);line-height:1.5}.results-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:18px;color:var(--text-soft);font-size:.94rem}.results-share-preview{display:grid;justify-content:center;gap:6px;margin:0 auto 22px}.results-share-row{display:grid;grid-template-columns:repeat(4,18px);justify-content:center;gap:4px}.results-share-cell{width:18px;height:18px;border-radius:4px;background:var(--surface-strong)}.results-share-cell--core{background:var(--core)}.results-share-cell--link{background:var(--link)}.results-share-cell--synthesis{background:var(--synthesis)}.results-share-cell--zebra{background:var(--zebra)}.results-share-cell--miss{background:#6a6961;color:#fff}.results-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.results-action-primary,.results-actions .board-button{min-width:220px}.simple-page{min-height:100vh;background:var(--bg)}.simple-header-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}.simple-header-row h1,.simple-shell h1,.stats-page-card h2{margin:0;font-size:2rem}.simple-copy{margin:0 0 18px;color:var(--text-soft)}.archive-list,.stats-page-grid{display:grid;gap:12px}.stats-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-item,.stats-page-card{display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.archive-item strong,.archive-item span{display:block}.archive-item span,.stats-page-card p{color:var(--text-soft)}.stats-page-card{flex-direction:column}.simple-shell--centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@keyframes tile-select-in{0%{opacity:.68;box-shadow:inset 0 0 0 1px #ffffff0a}to{opacity:1;box-shadow:inset 0 0 0 1px #ffffff24}}@keyframes tile-shake{0%,to{transform:translate(0)}18%{transform:translate(-5px)}36%{transform:translate(5px)}54%{transform:translate(-3px)}72%{transform:translate(3px)}}@keyframes tile-solve{0%{transform:scale(1);opacity:1}45%{transform:scale(1.03);opacity:1}to{transform:scale(.97);opacity:.05}}@keyframes solved-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}70%{opacity:1;transform:translateY(0) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealed-group-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}65%{opacity:1;transform:translateY(0) scale(1.012)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-out{0%{opacity:1}to{opacity:.22}}@keyframes fade-in{0%{opacity:.22}to{opacity:1}}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,10px) scale(.96)}12%{opacity:1;transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-4px) scale(.98)}}@media (max-width: 760px){.landing-mosaic__tile--1{width:54vw}.landing-mosaic__tile--2{width:46vw}.landing-mosaic__tile--3{width:42vw}.landing-mosaic__tile--4{width:38vw}.board-prompt{font-size:1.55rem}.consent-banner__content{flex-direction:column;align-items:flex-start}.consent-banner__actions{justify-content:flex-start}.help-card-grid,.stats-summary-grid,.stats-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tile,.solved-row{min-height:82px;height:82px}}@media (max-width: 560px){.landing-screen{padding:18px}.landing-stack{width:min(100%,344px)}.landing-card{width:100%;padding:24px 20px}.landing-mosaic__tile{border-radius:24px}.landing-mosaic__tile--1{top:-2%;left:-18%;width:58vw}.landing-mosaic__tile--2{top:10%;right:-16%;width:52vw}.landing-mosaic__tile--3{left:-10%;bottom:-8%;width:48vw}.landing-mosaic__tile--4{right:-8%;bottom:-2%;width:44vw}.game-head{padding:18px 16px 14px}.game-head h1{font-size:2.1rem}.game-head__meta{font-size:.92rem}.board-shell{padding-top:18px}.tile-grid{gap:6px}.tile,.solved-row{min-height:70px;height:70px;padding-inline:6px}.tile__label{font-size:.78rem;line-height:1.18}.solved-row h3{margin-bottom:4px;font-size:.8rem}.solved-row p{font-size:.74rem;line-height:1.15}.board-prompt{margin-bottom:18px;font-size:1.15rem}.mistake-row{margin-top:18px}.game-topbar{padding-block:10px;padding-inline:8px}.topbar-back span{display:none}.icon-button,.topbar-back{width:44px;min-width:44px;padding-inline:0;justify-content:center}.topbar-timer{min-width:84px;height:40px;gap:5px;padding:0 10px;font-size:.86rem}.topbar-timer .icon{width:16px;height:16px}.game-menu{right:8px}.board-shell,.simple-shell{padding-inline:8px}.solved-row h3{font-size:.8rem}.stats-summary-grid,.help-card-grid{grid-template-columns:1fr}.simple-header-row{flex-direction:column}.consent-banner{left:8px;right:8px;bottom:8px}.consent-banner__content{padding:16px;border-radius:14px}.consent-banner__actions,.consent-banner__button{width:100%}.ad-slot__unit{min-height:88px}}.site-footer{border-top:1px solid var(--border);background:var(--surface)}.site-footer__inner{width:min(100%,960px);margin:0 auto;padding:18px 16px 28px}.site-footer__note{margin:0 0 10px;color:var(--text-soft);line-height:1.5}.site-footer__nav{display:flex;flex-wrap:wrap;gap:14px}.site-footer__nav a{color:var(--text-soft);text-decoration:underline}.legal-shell{padding-top:32px;padding-bottom:56px}.legal-intro{max-width:64ch}.legal-section+.legal-section{margin-top:22px}.legal-section h2{margin:0 0 8px;font-size:1.2rem}.legal-section p{margin:0;max-width:68ch;color:var(--text-soft);line-height:1.65}.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:220;display:flex;justify-content:center;pointer-events:none}.consent-banner__content{width:min(100%,960px);display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);pointer-events:auto}.consent-banner__content strong{display:block;margin-bottom:6px;font-size:1rem}.consent-banner__content p{margin:0;max-width:64ch;color:var(--text-soft);line-height:1.55}.consent-banner__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.consent-banner__button{min-height:42px;padding:0 18px;border:1px solid #111111;border-radius:999px;background:transparent;cursor:pointer}.consent-banner__button--primary{background:#111;color:#fff}.consent-banner__link{color:var(--text-soft);text-decoration:underline}.ad-slot{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.ad-slot__label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.ad-slot--placeholder .ad-slot__placeholder-card{width:100%;min-height:96px;display:grid;place-items:center;gap:6px;padding:18px;border:1px dashed var(--border);border-radius:16px;background:#ffffff5c;text-align:center}[data-theme=dark] .ad-slot--placeholder .ad-slot__placeholder-card{background:#ffffff0a}.ad-slot__placeholder-card strong{font-size:.95rem}.ad-slot__placeholder-card span{color:var(--text-soft);font-size:.86rem}.ad-slot__unit{width:100%;min-height:96px;border:1px dashed var(--border);border-radius:16px;overflow:hidden;background:#ffffff5c}[data-theme=dark] .ad-slot__unit{background:#ffffff0a}.ad-slot--landing{max-width:360px}.ad-slot--inline{margin:18px 0 22px}.ad-slot--board{margin-top:26px}