:root{--green: #6aaa64;--yellow: #c9b458;--gray: #d3d6da;--gray-text: #1a1a1b;--bg: #ffffff;--fg: #1a1a1b;--border: #d3d6da;--swatch-outline: rgba(0, 0, 0, .45);--green-dark: #4a7a44;--gray-dark: #a9adb2;--border-strong: #8a8f95;--chip-bg: #3a3a3c;--chip-fg: #ffffff;--surface: #f3f3f1;--x-black: #000000;--x-bevel: #2b2b2b;--cell-green: var(--green);--cell-green-fg: #ffffff;--cell-yellow: var(--yellow);--cell-yellow-fg: #1a1a1b;--cell-gray: var(--gray);--cell-gray-fg: var(--gray-text);--cell-ring: rgba(255, 255, 255, .85);--fg-muted: #5c5c5e}@media(prefers-color-scheme:dark){:root{--green: #538d4e;--yellow: #b59f3b;--gray: #3a3a3c;--gray-text: #f8f8f8;--bg: #121213;--fg: #f8f8f8;--border: #3a3a3c;--swatch-outline: rgba(255, 255, 255, .5);--green-dark: #3d6639;--gray-dark: #2a2a2c;--border-strong: #6b6b70;--surface: #1c1c1e;--fg-muted: #a8a8a8}}:root[data-cell-scheme=high-contrast]{--cell-green: #f5793a;--cell-green-fg: #1a1a1b;--cell-yellow: #4a8fd8;--cell-yellow-fg: #1a1a1b;--cell-ring: rgba(0, 0, 0, .85)}*{box-sizing:border-box}body{margin:0 auto;padding:0 12px 48px;max-width:720px;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;line-break:strict}a{color:var(--fg);text-decoration:underline}header{text-align:center;border-bottom:2px solid var(--border-strong);padding:16px 0 8px;margin-bottom:16px}h1{margin:0;font-size:2rem;letter-spacing:.3em;text-indent:.3em}@supports ((-webkit-mask-image: url(/wordmark.svg)) or (mask-image: url(/wordmark.svg))){h1.wordmark{--wordmark-dot: 3px;width:calc(88 * var(--wordmark-dot));height:calc(20 * var(--wordmark-dot));margin:0 auto;letter-spacing:normal;text-indent:0;background-color:var(--fg);-webkit-mask-image:url(/wordmark.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:url(/wordmark.svg);mask-repeat:no-repeat;mask-size:100% 100%}h1.wordmark .wordmark-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(forced-colors:active){h1.wordmark{background-color:CanvasText}}}.tagline{margin:4px 0 0;font-size:.85rem;opacity:.75}.nowrap{white-space:nowrap}#puzzle-meta{margin:4px 0 0;font-size:.8rem;opacity:.6}body.is-load-error main>*:not(#load-error){display:none}#load-error{background:var(--yellow);color:#1a1a1b;font-size:.8rem;padding:6px 10px;border-radius:0;box-shadow:inset 0 0 0 2px #00000040;margin-bottom:12px}#load-retry{margin-left:8px}#fallback-notice,#archive-banner{background:var(--yellow);color:#1a1a1b;font-size:.8rem;padding:6px 10px;border-radius:0;box-shadow:inset 0 0 0 2px #00000040;margin:0 0 12px}#fallback-notice a,#archive-banner a{color:#1a1a1b;font-weight:600}#archive{margin-top:16px}#archive-list{list-style:none;margin:8px 0 0;padding:0;font-size:.85rem}#archive-list li{padding:6px 0;border-bottom:1px solid var(--border)}#archive-list li:last-child{border-bottom:none}#archive-list a{color:var(--fg);font-weight:600;text-decoration:underline}#stats{margin-top:16px}#stats-body p{margin:6px 0}#stats-distribution{list-style:none;margin:4px 0;padding:0}#stats-distribution li{display:flex;align-items:center;gap:8px;padding:2px 0}.stats-dist-label{width:1.4em;text-align:right;opacity:.7;font-variant-numeric:tabular-nums}.stats-dist-track{flex:1;height:1.1em;border-radius:0;overflow:hidden}.stats-dist-fill{display:block;height:100%;background:var(--green);border-radius:0}.stats-dist-value{width:1.8em;text-align:right;font-variant-numeric:tabular-nums}.how-to{font-size:.85rem;margin-bottom:16px;border:2px solid var(--border-strong);border-radius:0;background:var(--surface);padding:8px 12px}.how-to summary{cursor:pointer;font-weight:600}.intro{margin:0 0 16px;font-size:.85rem;opacity:.75}#guess-form{display:flex;gap:8px;margin-bottom:8px}.combobox{position:relative;flex:1;align-self:flex-start}#guess-input{width:100%;font-size:1rem;padding:10px 12px;border:2px solid var(--border-strong);border-radius:0;background:var(--bg);color:var(--fg)}#guess-listbox{position:absolute;top:100%;left:0;right:0;z-index:20;margin:4px 0 0;padding:4px;max-height:260px;overflow-y:auto;background:var(--surface);border:2px solid var(--border-strong);border-radius:0;list-style:none}#guess-clear{position:absolute;top:2px;right:2px;bottom:2px;width:36px;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.1rem;line-height:1;background:none;color:var(--fg);border:none;box-shadow:none}#guess-clear:focus-visible{outline-offset:-2px}.combobox.has-value #guess-input{padding-right:40px}#guess-listbox li{padding:8px 10px;border-radius:0;cursor:pointer}#guess-listbox li[aria-selected=true]{background:var(--green);color:#fff}button{font-size:.95rem;padding:10px 14px;border:none;border-radius:0;background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;--bevel-px: 3px;--bevel-color: var(--green-dark);box-shadow:inset calc(-1 * var(--bevel-px)) calc(-1 * var(--bevel-px)) 0 0 var(--bevel-color)}button:active{box-shadow:inset var(--bevel-px) var(--bevel-px) 0 0 var(--bevel-color)}#message{min-height:1.5em;font-size:.9rem;margin:8px 0}#guess-form[hidden]+#message{min-height:0;margin:0}.board-wrap{overflow-x:auto}#board-empty{text-align:center;margin:0;padding:16px 0}@supports ((-webkit-mask-image: url(/mark-glyph.svg)) or (mask-image: url(/mark-glyph.svg))){.mark-tile{display:inline-block;--mark-dot: 4px;width:calc(16 * var(--mark-dot));height:calc(16 * var(--mark-dot));position:relative;background:var(--green);border-radius:0}.mark-tile:before{content:"";position:absolute;inset:0;background-color:#fff;-webkit-mask-image:url(/mark-glyph.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:url(/mark-glyph.svg);mask-repeat:no-repeat;mask-size:100% 100%}@media(forced-colors:active){.mark-tile{background-color:CanvasText}.mark-tile:before{background-color:Canvas}}}#board{border-collapse:separate;border-spacing:4px;width:100%;font-size:.85rem}#board th{font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;background:var(--chip-bg);color:var(--chip-fg);padding:3px 6px}@media(prefers-color-scheme:dark){#board th{background:transparent;color:var(--fg);border:2px solid var(--border-strong)}}#board td{text-align:center;padding:8px 6px;border-radius:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}td.c-green{background:var(--cell-green);color:var(--cell-green-fg)}td.c-yellow{background:var(--cell-yellow);color:var(--cell-yellow-fg)}td.c-gray{background:var(--cell-gray);color:var(--cell-gray-fg)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.legend-swatch{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.25em;margin-right:.25em;border-radius:0;box-shadow:inset 0 0 0 1px var(--swatch-outline)}.legend-green{background:var(--cell-green)}.legend-yellow{background:var(--cell-yellow)}.legend-gray{background:var(--cell-gray)}#display-settings input[type=checkbox]{accent-color:var(--green)}td.col-title{text-align:left;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis}tr.is-answer td{box-shadow:inset 0 0 0 2px var(--cell-ring)}@media(max-width:560px){#board{display:block;border-spacing:0;font-size:.75rem}#board thead,#board tbody{display:block}#board thead tr,#board tbody tr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin-bottom:3px}#board th,#board td{display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow:visible;max-width:none;padding:4px 2px;line-height:1.25}#board th{padding:3px 2px}#board td.col-title,#board th.col-title{grid-column:1 / -1;justify-content:flex-start;text-align:left;max-width:none}#board td.col-title{font-size:.85rem;padding:5px 6px}#board th.col-title{justify-self:start}#board .col-year{white-space:nowrap}@supports (overflow-wrap: anywhere){#board .col-hardware,#board .col-genre{word-break:keep-all}}#board .cell-text{min-width:0}}@media(min-width:561px){.board-wrap{--board-width: clamp(100%, 100vw - 40px, 960px);width:var(--board-width);margin-inline:calc((100% - var(--board-width)) / 2)}#board td.col-title,#board .col-year{white-space:nowrap}}#result,#copy-result,#copy-result-status,#surrender-trigger,#post-x,#surrender-confirm{--px: 4px;--notch: 0 calc(-1 * var(--px)) 0 0 var(--frame-bg), 0 var(--px) 0 0 var(--frame-bg), calc(-1 * var(--px)) 0 0 0 var(--frame-bg), var(--px) 0 0 0 var(--frame-bg)}#surrender-trigger{--frame-bg: var(--gray);display:block;margin:16px auto 0;padding:8px 14px;font-size:.85rem;background:var(--gray);color:var(--gray-text);border-radius:0;box-shadow:var(--notch),inset calc(-1 * var(--bevel-px)) calc(-1 * var(--bevel-px)) 0 0 var(--gray-dark)}#surrender-trigger:active{box-shadow:var(--notch),inset var(--bevel-px) var(--bevel-px) 0 0 var(--gray-dark)}#surrender-confirm{--frame-bg: var(--gray);margin:16px var(--px) 0;padding:14px 16px;text-align:center;background:var(--gray);color:var(--gray-text);border-radius:0;box-shadow:var(--notch)}#surrender-confirm-desc{margin:0 0 12px;font-size:.85rem}.surrender-actions{display:flex;gap:8px;justify-content:center}#surrender-cancel,#surrender-confirm-btn{font-size:.85rem;border-radius:0}#surrender-cancel{background:var(--bg);color:var(--fg);border:2px solid var(--border-strong);box-shadow:none}#surrender-confirm-btn{background:var(--gray);color:var(--gray-text);border:4px solid var(--fg);--bevel-color: var(--gray-dark)}#result{--frame-bg: var(--panel-bg);--panel-bg: var(--gray);--panel-fg: var(--gray-text);--panel-line: rgba(0, 0, 0, .25);margin:16px var(--px) 0;padding:16px 20px;text-align:center;border-radius:0;background:var(--panel-bg);color:var(--panel-fg);box-shadow:var(--notch),inset 0 0 0 2px var(--panel-line)}#result.is-win{--panel-bg: var(--green);--panel-fg: #fff;--panel-line: rgba(255, 255, 255, .6)}@media(prefers-color-scheme:dark){#result{--panel-line: rgba(255, 255, 255, .35)}}#result-heading{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.35em;text-indent:.35em}#result-answer,#result-detail{margin:8px 0 0}@keyframes settle-cell-flash{0%,to{filter:none}50%{filter:brightness(1.15)}}@keyframes settle-panel-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes settle-head-blink{0%,to{opacity:1}50%{opacity:0}}tr.is-answer.is-celebrating td{animation:settle-cell-flash .18s steps(2) calc(var(--cell-index) * 70ms) 1 both}#result.is-celebrating{animation:settle-panel-in .24s steps(4) .46s 1 backwards;transform-origin:center top}#result.is-celebrating #result-heading{animation:settle-head-blink .18s steps(1,end) .72s 2 none}#result.is-loss.is-celebrating #result-heading{animation-iteration-count:1}@keyframes share-copied-flash{0%,to{filter:none}50%{filter:brightness(1.15)}}#copy-result.is-copied{animation:share-copied-flash .2s steps(2) 2 both}@media(prefers-reduced-motion:reduce){tr.is-answer.is-celebrating td,#result.is-celebrating,#result.is-celebrating #result-heading,#copy-result.is-copied{animation:none}}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}#result-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:16px auto 0}#copy-result{--frame-bg: var(--green);padding:10px 14px;border-radius:0;box-shadow:var(--notch),inset calc(-1 * var(--bevel-px)) calc(-1 * var(--bevel-px)) 0 0 var(--green-dark)}#copy-result:active{box-shadow:var(--notch),inset var(--bevel-px) var(--bevel-px) 0 0 var(--green-dark)}#post-x{display:inline-flex;align-items:center;--frame-bg: var(--x-black);background-color:var(--x-black);color:#fff;padding:10px 14px;border-radius:0;box-shadow:var(--notch),inset calc(-1 * var(--bevel-px)) calc(-1 * var(--bevel-px)) 0 0 var(--x-bevel)}#post-x:active{box-shadow:var(--notch),inset var(--bevel-px) var(--bevel-px) 0 0 var(--x-bevel)}.x-logo{height:1em;width:auto;flex-shrink:0;margin-right:.35em}@media(prefers-color-scheme:dark){#post-x{--frame-bg: var(--border-strong)}}#copy-result-status{--frame-bg: var(--status-bg);--status-bg: transparent;--status-fg: var(--fg);min-height:1.5em;margin:10px auto 0;padding:6px 10px;max-width:fit-content;text-align:center;font-size:.85rem;border-radius:0;background:var(--status-bg);color:var(--status-fg);box-shadow:var(--notch)}#copy-result-status.is-shown{--status-bg: var(--gray);--status-fg: var(--gray-text)}footer{margin-top:40px;border-top:2px solid var(--border-strong);padding-top:16px;text-align:center}footer>*{margin:0}footer>*+*{margin-top:10px}.site-credit{font-size:.9rem}.site-name{font-weight:700}.site-copyright{color:var(--fg-muted)}.site-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0}.site-links li{font-size:.85rem}.site-links li+li:before{content:"・";color:var(--fg-muted);margin:0 6px}.site-links a{color:var(--fg);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.site-notice{font-size:.75rem;line-height:1.55;color:var(--fg-muted);max-width:40em;margin-inline:auto}