:root{--color-bg:#f6f4ee;--color-card:#fff;--color-text:#16211f;--color-muted:#5b6864;--color-accent:#0f766e;--color-accent-strong:#0b5c56;--color-accent-light:#e3f2f0;--color-on-solid:#fff;--color-correct:#15803d;--color-wrong:#b91c1c;--color-skip:#64748b;--color-border:#ddd7c7;--color-border-soft:#e9e4d6;--color-chip-bg:#efebdf;--color-correct-bg:#15803d1f;--color-wrong-bg:#b91c1c1a;--color-skip-bg:#64748b24;--color-shadow:#14201f14;--color-shadow-soft:#14201f0f;--color-diff-yellow:#ca8a04;--color-diff-yellow-bg:#ca8a0426;--color-diff-green:#16a34a;--color-diff-green-bg:#16a34a26;--color-diff-blue:#2563eb;--color-diff-blue-bg:#2563eb26;--color-diff-purple:#9333ea;--color-diff-purple-bg:#9333ea26;--gap:12px;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=dark]{--color-bg:#0e1514;--color-card:#1b2523;--color-text:#eceeea;--color-muted:#9aa6a1;--color-accent:#4fd1c1;--color-accent-strong:#7ee0d4;--color-accent-light:#4fd1c124;--color-on-solid:#0b1413;--color-correct:#4ade80;--color-wrong:#f87171;--color-skip:#94a3b8;--color-border:#33413d;--color-border-soft:#283532;--color-chip-bg:#223029;--color-correct-bg:#4ade8029;--color-wrong-bg:#f8717124;--color-skip-bg:#94a3b829;--color-shadow:#00000073;--color-shadow-soft:#00000052;--color-diff-yellow:#eab308;--color-diff-yellow-bg:#eab3082e;--color-diff-green:#4ade80;--color-diff-green-bg:#4ade802e;--color-diff-blue:#60a5fa;--color-diff-blue-bg:#60a5fa2e;--color-diff-purple:#c084fc;--color-diff-purple-bg:#c084fc2e}*{box-sizing:border-box}[hidden]{display:none!important}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);min-height:100dvh;margin:0;transition:background-color .2s,color .2s}.seo-static{max-width:720px;margin:0 auto;padding:32px 20px;line-height:1.6}.seo-static__brand{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.seo-static nav{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.seo-static a{color:var(--color-accent);font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{gap:var(--gap);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}.app__header{text-align:center;padding:8px 0 4px}.app__header-controls{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:6px;display:flex}.app__header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.back-link{color:var(--color-muted);align-items:center;min-height:44px;padding-right:8px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:active{color:var(--color-accent)}.icon-button{border:2px solid var(--color-border);background:var(--color-card);width:44px;height:44px;color:var(--color-text);cursor:pointer;font-size:1rem;font-weight:800;font-family:var(--font);border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex}.icon-button:active{border-color:var(--color-accent)}.back-link:focus-visible,.icon-button:focus-visible,.help-dialog__close:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.theme-toggle{font-size:1.1rem}.app__title{letter-spacing:-.02em;color:var(--color-accent);margin:0;font-size:1.75rem;font-weight:800}.app__brand{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:800}.game__title{max-width:420px;margin-inline:auto}.game__tagline{color:var(--color-muted);margin:6px auto 0;font-size:.95rem;line-height:1.55}.app__category{background:var(--color-accent-light);color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin:8px 0 0;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-block}.game,.game__play{gap:var(--gap);flex-direction:column;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--color-chip-bg);color:var(--color-text);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;display:inline-flex}.chip--correct{background:var(--color-correct-bg);color:var(--color-correct);font-weight:700}.chip--wrong{background:var(--color-wrong-bg);color:var(--color-wrong)}.chip--skip{background:var(--color-skip-bg);color:var(--color-skip)}.btn{border-radius:var(--radius);cursor:pointer;min-height:48px;font-size:1rem;font-weight:700;font-family:var(--font);border:none;padding:0 20px}.btn--primary{background:var(--color-accent);color:var(--color-on-solid);width:100%}.btn--primary:active{background:var(--color-accent-strong)}.btn--secondary{color:var(--color-accent);border:2px solid var(--color-accent-light);background:0 0;width:100%}.skip-link{color:var(--color-muted);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font);background:0 0;border:none;align-self:center;padding:8px;text-decoration:underline}.result-panel{background:var(--color-card);border-radius:var(--radius);box-shadow:0 1px 3px var(--color-shadow);text-align:center;flex-direction:column;gap:12px;padding:24px 20px;display:flex}.result-panel__headline{color:var(--color-accent);margin:0;font-size:1.4rem;font-weight:800}.result-panel__answer{color:var(--color-muted);margin:0;font-weight:600}.result-panel .chips{justify-content:center}.help-dialog{border-radius:var(--radius);width:min(100% - 32px,520px);max-height:calc(100dvh - 32px);color:var(--color-text);box-shadow:0 16px 48px var(--color-shadow);background:0 0;border:none;padding:0}.help-dialog::backdrop{background:#0e15149e}.help-dialog__panel{border-radius:var(--radius);background:var(--color-card);flex-direction:column;max-height:calc(100dvh - 32px);display:flex;overflow:hidden}.help-dialog__header{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 14px;display:flex}.help-dialog__title{letter-spacing:-.02em;margin:0;font-size:1.35rem;line-height:1.2}.help-dialog__close{width:44px;height:44px;color:var(--color-text);cursor:pointer;font-size:2rem;line-height:1;font-family:var(--font);background:0 0;border:none;border-radius:50%;flex-shrink:0}.help-dialog__body{text-align:left;padding:18px 20px 22px;overflow-y:auto}.help-dialog__body p{margin:0 0 14px;line-height:1.5}.help-dialog__body h3{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin:18px 0 8px;font-size:.95rem}.help-dialog__body ul{margin:0;padding-left:1.2rem}.help-dialog__body li{margin:8px 0;line-height:1.4}.help-example{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-accent-light);margin-top:12px;padding:14px}.help-example__caption{color:var(--color-accent);margin:0 0 10px;font-size:.85rem;font-weight:800}.help-clue-stack,.help-group-grid{gap:6px;display:grid}.help-clue{background:var(--color-card);border:1px solid var(--color-border);text-align:center;border-radius:10px;padding:10px 12px;font-weight:700}.help-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-group-tile{background:var(--color-card);border:1px solid var(--color-border);text-align:center;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:8px;font-weight:700;display:flex}.help-example__answer{color:var(--color-text);text-align:center;margin:10px 0 0;font-weight:800}.caught-up,.error-panel{background:var(--color-card);border-radius:var(--radius);text-align:center;box-shadow:0 1px 3px var(--color-shadow);padding:24px}.caught-up__sub,.error-panel__sub{color:var(--color-muted);font-size:.9rem}.ad-slot{border:1px dashed var(--color-border);border-radius:var(--radius);text-align:center;color:var(--color-muted);margin-top:8px;padding:20px;font-size:.85rem}.dashboard{gap:var(--gap);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}.dashboard__subtitle{color:var(--color-muted);text-align:center;max-width:700px;margin:8px auto 0;font-size:1rem;line-height:1.55}.dashboard__title{font-size:clamp(2rem,6vw,3rem)}.dashboard__main{flex-direction:column;gap:28px;display:flex}.dashboard__section-label{text-align:center;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin:8px 0 16px;font-size:.75rem;font-weight:700}.seo-content{gap:16px;margin-top:12px;display:grid}.seo-section{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-card);box-shadow:0 1px 3px var(--color-shadow-soft);padding:20px}.seo-section h2{color:var(--color-text);margin:0 0 10px;font-size:1.15rem}.seo-section p,.seo-section li{color:var(--color-muted);line-height:1.6}.seo-section p{margin:0}.seo-section ul{margin:0;padding-left:1.25rem}.seo-section li+li{margin-top:6px}.seo-related{text-align:center}.seo-related a{color:var(--color-accent);font-weight:700}.game-about{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-card);box-shadow:0 1px 3px var(--color-shadow-soft);margin-top:4px}.game-about summary{cursor:pointer;color:var(--color-text);padding:14px 20px;font-size:.95rem;font-weight:700}.game-about[open] summary{border-bottom:1px solid var(--color-border-soft)}.game-about__body{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.game-about__body p{color:var(--color-muted);text-align:left;margin:0;font-size:.95rem;line-height:1.6}.route-loading,.not-found{text-align:center;max-width:480px;margin:0 auto;padding:48px 20px}.not-found__code{color:var(--color-accent);margin:0;font-size:4rem;font-weight:800}.not-found__link{margin-top:20px;text-decoration:none}.game-grid{justify-content:center;gap:var(--gap);flex-wrap:wrap;display:flex}.game-tile{background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:320px;min-height:168px;box-shadow:0 1px 3px var(--color-shadow);color:inherit;flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.game-tile:active{border-color:var(--color-accent)}@media (hover:hover){.game-tile:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.game-tile:hover .game-tile__arrow{opacity:1;transform:translate(2px)}}.game-tile__icon-badge{background:var(--tile-accent-bg);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.game-tile__icon{font-size:1.75rem}.game-tile__title{color:var(--color-accent);margin:0;font-size:1.15rem;font-weight:800}.game-tile__tagline{color:var(--color-muted);margin:0;font-size:.9rem}.game-tile__arrow{color:var(--color-muted);opacity:.5;align-self:flex-end;margin-top:auto;font-size:1.1rem;transition:opacity .15s,transform .15s}.game-tile__badge{border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:16px}.game-tile__badge--streak{background:var(--color-accent-light);color:var(--color-accent)}.game-tile__badge--played{background:var(--color-correct-bg);color:var(--color-correct)}.site-footer{flex-direction:column;gap:8px;display:flex}.site-footer__meta{text-align:center;color:var(--color-muted);margin:8px 0 0;font-size:.75rem}.site-footer__link{color:var(--color-muted);text-decoration:none}.site-footer__link:hover{text-decoration:underline}@media (width>=640px){.app{padding:32px 16px}.dashboard{max-width:960px;padding:32px 16px}.dashboard .seo-content{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .seo-related{grid-column:1/-1}}@media (width<=380px){.app__header-controls{gap:8px}.app__header-actions{gap:6px}.back-link{font-size:.8rem}.icon-button{width:42px;height:42px}.help-dialog{width:min(100% - 20px,520px);max-height:calc(100dvh - 20px)}.help-dialog__panel{max-height:calc(100dvh - 20px)}.help-dialog__header{padding:16px 14px 10px}.help-dialog__body{padding:14px}}