:root{--page-bg:#f6f1e8;--surface:#ffffffb8;--surface-strong:#fffdf7;--surface-muted:#ffffffe0;--ink:#231b14;--ink-soft:#5d4d3f;--stroke:#231b1424;--accent:#bf5d3b;--accent-soft:#f1d3c6;--yellow:#f2d35a;--green:#86bb6f;--blue:#7da8ff;--purple:#b188ff;--shadow:0 24px 60px #2a19101f;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at top left, #bf5d3b29, transparent 32%), radial-gradient(circle at top right, #7da8ff2e, transparent 28%), linear-gradient(180deg, #fbf7f1 0%, var(--page-bg) 100%);margin:0;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{min-height:100vh}.navigation-progress{z-index:25;opacity:0;pointer-events:none;height:3px;transition:opacity .18s;position:sticky;top:0}.navigation-progress:after{content:"";background:linear-gradient(90deg, var(--accent), #f2d35a 55%, var(--blue));border-radius:999px;width:18%;height:100%;display:block;transform:translate(-120%)}.navigation-progress.is-visible{opacity:1}.navigation-progress.is-loading:after{animation:1s ease-in-out infinite nav-progress}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke);background:#fbf7f1d1;position:sticky;top:0}.header-inner,.page-grid,.site-footer{width:min(1180px,100vw - 32px);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.brand-mark{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark strong{font-size:1.05rem;display:block}.brand-mark small{color:var(--ink-soft);display:block}.brand-logo-frame{background:var(--surface-strong);border:1px solid var(--stroke);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:inset 0 1px #fffc}.brand-logo{width:24px;height:24px}.header-nav{flex-wrap:wrap;gap:12px;display:flex}.header-nav a{color:var(--ink-soft);border-radius:999px;padding:10px 14px;text-decoration:none;transition:transform .18s,background-color .18s,color .18s}.header-nav a.is-active,.header-nav a:hover{background:var(--surface-strong);color:var(--ink);transform:translateY(-1px)}.header-nav .play-btn{color:var(--ink);background:#b188ff}.header-nav .play-btn:hover{background:#c9a9ff}.page-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:32px 0 56px;display:grid}.page-grid--single{grid-template-columns:minmax(0,1fr)}.page-main{min-width:0}.page-main>*{animation:.24s both page-enter}.hero-panel,.section-block,.sidebar-panel,.site-footer,.comment-placeholder{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.hero-panel,.detail-hero,.article-preview{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);align-items:center;gap:24px;display:grid}.hero-panel,.section-block,.sidebar-panel,.comment-placeholder{padding:28px}.hero-panel--latest{align-items:start}.hero-copy h1,.section-heading h1,.section-heading h2,.detail-hero h1,.article-header h1{margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:.95}.hero-lead,.section-heading p,.article-header p,.prose-block p{color:var(--ink-soft);font-size:1.04rem;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin:0 0 10px;font-family:Courier New,monospace;font-size:.82rem}.hero-meta{gap:8px;margin-top:20px;display:grid}.hero-actions,.tag-row,.article-meta,.mode-switcher,.footer-meta{flex-wrap:wrap;gap:12px;display:flex}.button{min-height:46px;font-weight:700;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.button--primary{background:var(--ink);color:#fff}.button--secondary{border:1px solid var(--stroke);background:#fff}.button--secondary.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.button:hover,.button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 18px #231b1414}.button--detail{margin-left:auto}.hero-actions--latest{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:100%;margin-top:28px;display:grid}.hero-action-tile{border:1px solid var(--stroke);width:100%;min-height:104px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#ffffffd1;border-radius:24px;gap:6px;padding:18px 20px;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s;display:grid}.hero-action-tile span{font-size:1.15rem;font-weight:700}.hero-action-tile small{color:var(--ink-soft);font-size:.88rem;line-height:1.35}.hero-action-tile.is-active{background:#bf5d3b24;border-color:#bf5d3b52;box-shadow:0 16px 28px #231b1414}.hero-action-tile.is-active small{color:#231b14c7}.hero-action-tile--primary{background:var(--ink);color:#fff;border-color:#231b141f}.hero-action-tile--primary small{color:#ffffffd1}.hero-action-tile:hover,.hero-action-tile:focus-visible{transform:translateY(-1px);box-shadow:0 10px 18px #231b1414}.hero-visual img,.detail-image{border:1px solid #ffffff73;border-radius:18px;width:100%}.hero-preview{border-top:1px solid var(--stroke);grid-column:1/-1;gap:20px;padding-top:8px;display:grid}.section-block{margin-top:24px}.section-heading{margin-bottom:20px}.section-heading--compact{margin-bottom:0}.section-heading--compact h2{font-size:clamp(1.75rem,3vw,2.6rem)}.stack-grid,.feature-grid,.timeline-list,.answer-grid,.faq-grid{gap:18px;display:grid}.stack-grid--two,.feature-grid,.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card,.faq-item,.answer-card{border:1px solid var(--stroke);background:#ffffffd1;border-radius:18px}.blog-card{grid-template-columns:220px minmax(0,1fr);display:grid;overflow:hidden}.card-image{object-fit:cover;height:100%}.article-card{flex-direction:column;display:flex;overflow:hidden}.article-card .card-image{flex-shrink:0;width:100%;height:200px}.card-body,.faq-item,.timeline-card,.feature-card,.answer-card{padding:20px}.card-body h3,.faq-item h3,.timeline-card h3,.feature-card h3,.answer-card h3{margin:0 0 10px;font-size:1.35rem}.card-body p,.faq-item p,.timeline-card p,.feature-card p,.answer-card p,.puzzle-mode-preview__copy p,.comment-preview span,.sidebar-panel p{color:var(--ink-soft);margin:0;line-height:1.65}.puzzle-mode-preview,.puzzle-mode-preview__groups,.puzzle-mode-preview__copy,.puzzle-mode-preview__supporting{gap:20px;display:grid}.article-preview--single{grid-template-columns:minmax(0,1fr)}.pill{background:#231b1414;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-family:Courier New,monospace;font-size:.85rem;display:inline-flex}.empty-note{border:1px dashed var(--stroke);color:var(--ink-soft);background:#ffffff80;border-radius:16px;padding:16px}.pill--muted{background:#231b140d}.group-strip-list,.group-archive-list{gap:10px;display:grid}.group-strip{background:#ffffffc2;border:1px solid #231b141a;border-radius:16px;align-items:center;gap:12px;min-height:44px;padding:0 14px;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:flex}.group-strip:hover,.group-strip:focus-visible,.group-archive-row:hover,.group-archive-row:focus-visible{background:#fffffff0;border-color:#231b1433;transform:translateY(-1px);box-shadow:0 10px 18px #231b1414}.group-strip__swatch{border-radius:999px;flex:none;width:12px;height:12px}.group-strip__swatch--yellow{background:var(--yellow)}.group-strip__swatch--green{background:var(--green)}.group-strip__swatch--blue{background:var(--blue)}.group-strip__swatch--purple{background:var(--purple)}.group-strip__label{font-weight:700}.group-strip--yellow{background:#f2d35a33}.group-strip--green{background:#86bb6f2e}.group-strip--blue{background:#7da8ff29}.group-strip--purple{background:#b188ff24}.group-archive-row{border:1px solid var(--stroke);background:#ffffffd1;border-radius:20px;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:20px;padding:18px;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:grid}.group-archive-row__image{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%}.group-archive-row__body,.group-archive-row__meta{gap:10px;display:grid}.group-archive-row__meta{color:var(--ink-soft);grid-template-columns:repeat(2,minmax(0,max-content));align-items:center;gap:12px 18px;font-family:Courier New,monospace;font-size:.88rem}.group-archive-row__meta .eyebrow{margin:0}.group-archive-row__body h3{margin:0;font-size:1.35rem}.sidebar{align-content:start;gap:18px;height:fit-content;display:grid;position:sticky;top:96px}.sidebar-heading h2{margin:0;font-size:1.45rem}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.calendar-day{aspect-ratio:1;border:1px solid var(--stroke);color:var(--ink-soft);background:#ffffffb3;border-radius:14px;justify-content:center;align-items:center;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.calendar-day.is-live{color:var(--ink);font-weight:700}.calendar-day.is-live:hover{background:#fff;transform:translateY(-1px)}.comment-list{gap:12px;margin-top:18px;display:grid}.comment-preview{border:1px solid var(--stroke);background:#ffffffa3;border-radius:16px;gap:6px;padding:14px;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s;display:grid}.comment-preview:hover,.comment-preview:focus-visible,.content-card:hover,.content-card:focus-within{background:#ffffffeb;border-color:#231b1433;transform:translateY(-2px)}.article-shell{gap:24px;display:grid}.article-header,.article-panel{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:28px}.article-meta{color:var(--ink-soft);margin:14px 0 18px;font-family:Courier New,monospace;font-size:.9rem}.article-panel-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.article-panel-share{justify-content:flex-end;margin-top:20px;display:flex}.mode-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(460px,100%);display:grid}.mode-switcher button{border:1px solid var(--stroke);font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:#ffffffb8;border-radius:20px;gap:4px;padding:14px 16px;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:grid}.mode-switcher button.is-active{color:var(--ink);background:#bf5d3b24;border-color:#bf5d3b52;transform:translateY(-1px);box-shadow:0 14px 24px #231b1414}.mode-switcher button span{font-weight:700}.mode-switcher button small{color:var(--ink-soft);font-size:.82rem}.mode-switcher button.is-active small{color:#231b14c7}.group-difficulty-legend{border:1px solid var(--stroke);background:#ffffff9e;border-radius:20px;gap:10px;padding:18px 20px;display:grid}.group-difficulty-legend p,.group-difficulty-legend span{color:var(--ink-soft);margin:0}.group-difficulty-legend__items{flex-wrap:wrap;gap:12px;display:flex}.group-difficulty-legend__item{align-items:center;gap:8px;display:inline-flex}.group-difficulty-legend__swatch{border-radius:5px;width:18px;height:18px}.group-difficulty-legend__swatch--yellow{background:var(--yellow)}.group-difficulty-legend__swatch--green{background:var(--green)}.group-difficulty-legend__swatch--blue{background:var(--blue)}.group-difficulty-legend__swatch--purple{background:var(--purple)}.group-difficulty-legend__arrow{font-family:Courier New,monospace;font-size:.84rem}.hint-group-stack,.solved-group-stack{gap:18px;display:grid}.hint-group,.solved-group{border:1px solid var(--stroke);background:var(--surface-muted);border-radius:24px;gap:14px;padding:22px;display:grid}.hint-group--yellow,.solved-group--yellow{background:#f2d35a5c}.hint-group--green,.solved-group--green{background:#86bb6f57}.hint-group--blue,.solved-group--blue{background:#7da8ff4d}.hint-group--purple,.solved-group--purple{background:#b188ff47}.hint-group__action{width:100%;min-height:58px;color:var(--ink);font:inherit;text-transform:uppercase;cursor:pointer;background:#ffffffad;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-weight:700;transition:transform .18s,background-color .18s,box-shadow .18s;display:flex}.hint-group__action.is-revealed{text-transform:none;min-height:72px;padding-block:14px;line-height:1.45}.hint-group__action:hover,.hint-group__action:focus-visible,.hint-group__word:hover,.hint-group__word:focus-visible{transform:translateY(-1px);box-shadow:0 10px 18px #231b1414}.hint-group__details p,.solved-group__header p{color:#231b14c7;margin:0}.hint-group__details{text-align:center;justify-items:center;gap:8px;display:grid}.hint-group__details h3,.solved-group__header h3{margin:0;font-size:1.45rem}.hint-group__word-grid,.solved-group__words{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hint-group__word,.solved-group__word{width:100%;min-height:62px;color:var(--ink);font:inherit;text-align:center;text-transform:uppercase;cursor:pointer;background:#ffffffad;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-weight:700;display:flex}.solved-group__header{gap:8px;display:grid}.word-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.word-media-card{background:#ffffffc2;border:1px solid #231b141f;border-radius:18px;margin:0;overflow:hidden}.word-media-card__image{aspect-ratio:4/3;object-fit:cover;width:100%}.word-media-card figcaption{gap:4px;padding:12px 14px 14px;display:grid}.word-media-card figcaption span{color:var(--ink-soft);line-height:1.5}.answer-card--yellow{border-color:#f2d35a8f}.answer-card--green{border-color:#86bb6f8f}.answer-card--blue{border-color:#7da8ff8f}.answer-card--purple{border-color:#b188ff8f}.answer-image{border-radius:14px;margin:16px 0}.color-chip{text-transform:uppercase;border-radius:999px;width:fit-content;padding:6px 10px;font-family:Courier New,monospace;font-size:.82rem;display:inline-flex}.color-chip--yellow{background:#f2d35a42}.color-chip--green{background:#86bb6f42}.color-chip--blue{background:#7da8ff42}.color-chip--purple{background:#b188ff42}.prose-block h1{margin:0 0 18px;font-size:clamp(2.2rem,4vw,3.4rem)}.site-footer{margin-bottom:32px;padding:28px}.footer-grid{grid-template-columns:1.2fr .8fr .8fr;gap:20px;display:grid}.footer-links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-contact-link{align-items:center;gap:10px;display:inline-flex}.footer-contact-icon{width:18px;height:18px;display:inline-flex}.footer-contact-icon svg{width:100%;height:100%}.footer-meta{border-top:1px solid var(--stroke);color:var(--ink-soft);grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;font-size:.92rem;display:grid}.footer-meta>:last-child{text-align:right;justify-self:end}.share-kit{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.footer-share{justify-self:center}code{font-family:Courier New,monospace}@keyframes nav-progress{0%{transform:translate(-120%)}to{transform:translate(560%)}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.page-grid,.page-grid--single{grid-template-columns:1fr}.sidebar{position:static}}@media (width<=720px){.header-inner,.page-grid,.site-footer{width:min(100vw - 20px,1180px)}.hero-panel,.detail-hero,.article-preview,.blog-card,.group-archive-row,.stack-grid--two,.feature-grid,.answer-grid,.footer-grid,.word-media-grid{grid-template-columns:1fr}.hero-copy h1,.section-heading h1,.section-heading h2,.detail-hero h1,.article-header h1{font-size:2.4rem}.article-panel-head,.header-inner{flex-direction:column;align-items:flex-start}.hint-group__word-grid,.solved-group__words,.mode-switcher,.hero-actions--latest,.group-archive-row__meta{grid-template-columns:1fr}.footer-meta{grid-template-columns:1fr;justify-items:flex-start;gap:14px}.footer-meta>:last-child{text-align:left;justify-self:start}.footer-share,.article-panel-share{width:100%}.footer-share .share-kit,.article-panel-share .share-kit{justify-content:flex-start}}.prose h1,.prose h2,.prose h3,.prose h4{margin:1.5em 0 .5em;line-height:1.3}.prose p{color:var(--ink-soft);margin:0 0 1em;line-height:1.65}.prose ul,.prose ol{color:var(--ink-soft);margin:0 0 1em;padding-left:1.5em;line-height:1.65}.prose a{color:var(--ink);text-decoration:underline}.prose strong{font-weight:600}.prose img{border-radius:12px;max-width:100%}.prose blockquote{border-left:3px solid var(--stroke);color:var(--ink-soft);margin:0 0 1em;padding:12px 20px}.prose code{background:#231b140f;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.875em}.prose pre{background:#231b140f;border-radius:12px;margin:0 0 1em;padding:16px;overflow-x:auto}.prose pre code{background:0 0;padding:0}