:root{--color-paper:#f6f3ea;--color-surface:#fffcf5;--color-ink:#243c32;--color-muted:#5b665e;--color-accent:#244d3e;--color-accent-hover:#183b2d;--color-soft:#e6ecdf;--color-rule:#b5beb0;--color-error:#894525;--color-focus:#9c5420;--color-transparent:transparent;--font-body:"Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-display:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif CJK JP", serif;--radius-small:6px;--radius-tile:8px;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--text-body:1.125rem;--text-card:2rem}*{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);margin:0;line-height:1.8}button,summary{font:inherit;-webkit-tap-highlight-color:var(--color-transparent)}button{color:inherit;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-small);cursor:pointer;white-space:nowrap;min-width:48px;min-height:48px;padding:.55rem 1rem}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.48;cursor:default}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;font-size:clamp(1.6rem,5vw,2rem);font-weight:700;line-height:1.6}h2{font-size:var(--text-body);font-weight:600}.shell{width:min(100% - 2rem,42rem);margin:auto}.masthead{border-bottom:1px solid var(--color-rule);align-items:center;gap:.7rem;padding-block:1.4rem;font-size:1rem;display:flex}.brand-mark{background:var(--color-accent);width:36px;height:36px;color:var(--color-surface);border-radius:var(--radius-small);font-family:var(--font-display);place-items:center;font-size:1.45rem;display:grid}main{padding-block:var(--space-xl)}.eyebrow{color:var(--color-muted);margin-bottom:var(--space-md)}.intro{margin-top:var(--space-lg)}.example{margin-block:var(--space-xl);align-items:center;gap:.45rem;display:flex}.example>span:not(.example-arrow){background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-tile);place-items:center;width:48px;height:52px;font-size:1.7rem;display:grid}.example-arrow{color:var(--color-muted);padding-inline:.25rem}.example strong{font-size:1.4rem;font-weight:500}.small-heading{margin-bottom:var(--space-md)}.difficulty-list{border-top:1px solid var(--color-rule)}.difficulty{border:0;border-bottom:1px solid var(--color-rule);background:var(--color-transparent);text-align:left;border-radius:0;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:1rem .65rem;display:flex}.difficulty strong{font-size:1.3rem;display:block}.difficulty small{color:var(--color-muted);font-size:1rem;display:block}.difficulty-meta{color:var(--color-muted);font-size:1rem}.difficulty-meta span{margin-left:var(--space-sm);color:var(--color-accent)}details{margin-top:var(--space-lg)}summary{cursor:pointer;min-height:48px;color:var(--color-accent);padding-block:.5rem}details p,details ol{margin-block:var(--space-md)}ol{padding-left:1.4rem}.collection{color:var(--color-muted);margin-top:var(--space-lg);font-size:1rem}.game-nav,.question-heading,.section-label{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.game-nav{margin-bottom:var(--space-lg);color:var(--color-muted)}.text-button{background:var(--color-transparent);border:0;padding-inline:.25rem}.category{color:var(--color-muted);font-size:1rem}#instruction{margin-top:var(--space-md)}.answer-section{margin-top:var(--space-lg);padding-block:var(--space-md);border-block:1px solid var(--color-rule)}.section-label{margin-bottom:var(--space-md)}#progress,.helper{color:var(--color-muted);font-size:1rem}.tiles{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tile{width:56px;height:62px;font-size:var(--text-card);border-radius:var(--radius-tile);place-items:center;padding:0;line-height:1.2;display:grid}.answer .tile{background:var(--color-soft);border-color:var(--color-accent)}.answer .tile:disabled{opacity:1}.answer .empty{border:1px dashed var(--color-rule);background:var(--color-transparent)}.used{opacity:.25}#answer-help{margin-top:var(--space-sm)}.pool-section{margin-top:var(--space-lg)}.pool-section h2{margin-bottom:var(--space-md)}.result{min-height:2rem;margin-block:var(--space-lg) var(--space-md);overflow-wrap:anywhere}.result[data-status=correct],.result[data-status=revealed]{color:var(--color-accent);font-weight:600}.result[data-status=incorrect]{color:var(--color-error)}.actions{gap:var(--space-md);display:grid}.primary{background:var(--color-accent);width:100%;min-height:58px;color:var(--color-surface);border-color:var(--color-accent);font-weight:600}.secondary-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.secondary-actions button{flex:1}.pwa-notice{border-top:2px solid var(--color-accent);padding-block:var(--space-md)}.pwa-notice p{margin-bottom:var(--space-md)}.pwa-notice button{margin-right:var(--space-sm)}#install-button{margin-top:var(--space-md)}.install-help{font-size:1rem}footer{border-top:1px solid var(--color-rule);padding-block:var(--space-lg);color:var(--color-muted);margin-top:var(--space-xl);font-size:1rem}.skip-link{padding:var(--space-md);background:var(--color-surface);color:var(--color-accent);position:absolute;top:-100px}.skip-link:focus{top:0}@media (hover:hover){button:hover:not(:disabled){background:var(--color-soft)}.primary:hover:not(:disabled){background:var(--color-accent-hover)}summary:hover{text-decoration:underline}}@media (width>=48rem){main{padding-block:3rem}.home{padding-inline:2rem}}@media (width<=22rem){.tile{width:50px;height:58px}.difficulty{padding-inline:0}.difficulty-meta span{margin-left:0}}@media (prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}}