:root{color-scheme:dark;--bg:#141a23;--panel:#1d2530;--text:#f3eee5;--muted:#aab4c1;--accent:#9dcbb6;--line:#35404e;--detail:#28343a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 5%,#24332f55,transparent 55%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;line-height:1.75}header,main,footer{max-width:1200px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header>a:last-child,footer{font-size:13px;color:var(--muted)}.brand{font-size:23px;font-weight:800}main{padding-top:48px;min-height:75vh}button,input{font:inherit}button{border:1px solid #4d5c69;background:#26323e;color:var(--text);padding:11px 18px;border-radius:10px;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){background:#334454;border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#172e25;font-weight:750}button.quiet{background:transparent;color:var(--muted);font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1{font-size:clamp(27px,3.6vw,46px);line-height:1.45;letter-spacing:-.045em;margin:0 0 16px}h1:focus{outline:none}h2{font-size:16px;margin:0 0 14px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:750;margin:0 0 20px}.muted,.lead{color:var(--muted);font-size:15px}.lead{font-size:18px;color:#d9dfdd}.meta,.footnote,.board-help{font-size:12px;color:var(--muted)}.welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.untimed{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted);margin-top:22px}.untimed input{accent-color:var(--accent);width:18px;height:18px}.preview-wrap{transform:rotate(-3deg);padding:28px 24px;background:#212d35;border:1px solid #43534e;border-radius:22px;box-shadow:15px 25px 60px #0003}.preview-label{font-size:13px;color:var(--accent);margin-bottom:18px}.paper-note{display:block;font-size:12px;text-align:right;margin-top:20px;color:#cbbd9d}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;padding:14px;background:#342e29;border:1px solid #5b5043;border-radius:16px;aspect-ratio:4/3;width:100%}.cell{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#423a31;border:1px solid #66574366;border-radius:8px;padding:7px;position:relative}.cell.empty{background:#3a332c}.cell svg{width:75%;height:75%;max-width:88px;overflow:visible}.cell-number{position:absolute;top:3px;left:6px;font-size:10px;color:#c8bba580;line-height:1}.scene-board{max-width:650px;margin:28px auto 12px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:55px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps li{padding:22px 10px;display:flex;flex-direction:column;gap:7px}.steps b{font-size:13px;color:var(--accent)}.steps span{font-size:13px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head .eyebrow{margin-bottom:10px}.timer{font-size:42px;color:var(--accent);white-space:nowrap}.timer small{font-size:14px;margin-left:8px}progress{width:100%;height:5px;accent-color:var(--accent)}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:32px;margin-top:24px}.workspace .scene-board{margin-top:0}.palette{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.inventory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:22px}.item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:8px 2px;font-size:10px;position:relative}.item svg{width:32px;height:32px}.item[aria-pressed=true],.swatch[aria-pressed=true],#erase[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px;background:#34483f}.placed::after{content:'✓';position:absolute;right:3px;top:0;color:var(--accent);font-size:11px}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{font-size:11px;padding:8px 10px;display:flex;align-items:center;gap:6px}.swatch i{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--swatch)}.selection-label{font-size:12px;color:var(--accent);min-height:21px;margin-bottom:0}.palette .actions{margin-top:15px;gap:8px}.palette .actions button{font-size:12px;padding:7px 12px}.count{font-size:13px;white-space:nowrap;color:var(--accent)}.editable .cell{cursor:pointer}.editable .cell:hover{border-color:var(--accent);background:#51473b}.board-help{margin:8px 0}.finish-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.comparison h2{display:flex;justify-content:space-between;align-items:center}.comparison h2 span{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:500}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.metric strong{font-size:30px;color:var(--accent);display:block;line-height:1.4}.metric strong small{font-size:14px;color:var(--muted)}.metric span{font-size:13px;color:var(--muted)}.insight{padding:20px 24px;background:#263a324d;border-left:3px solid var(--accent);margin:28px 0 18px}.insight p{margin:6px 0;font-size:14px}.detail-list{font-size:13px;color:var(--muted)}summary{cursor:pointer}.detail-list li{margin:8px 0}.result-actions{margin-bottom:20px}#status{color:var(--accent);font-size:13px;min-height:24px}#copy-fallback input{display:block;width:100%;padding:10px;color:var(--text);background:var(--panel);border:1px solid var(--line)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:30px;padding-bottom:35px}#observe>.actions{justify-content:center}@media(max-width:850px){.welcome{gap:26px}.workspace{grid-template-columns:1fr;gap:20px}.palette{max-width:650px;width:100%;margin:auto}.inventory{grid-template-columns:repeat(5,minmax(0,1fr))}.workspace .scene-board{max-width:650px}.comparison{gap:16px}.board{padding:10px;gap:5px}}@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}main{padding-top:28px}.welcome{grid-template-columns:1fr}.welcome-copy{order:0}.preview-wrap{max-width:390px;width:90%;margin:15px auto;transform:rotate(-2deg)}.steps{margin-top:32px;gap:10px}.steps li{padding:16px 0}.steps span{font-size:11px}.comparison{grid-template-columns:1fr;gap:22px}.metrics{gap:7px}.metric{padding:12px 9px}.metric span{font-size:11px}.metric strong{font-size:27px}.section-head{gap:10px}.section-head h1{font-size:25px}.timer{font-size:30px}.finish-bar{align-items:stretch;flex-direction:column;gap:4px}.palette{padding:16px}.swatches{gap:8px}.swatch{padding:8px}.insight{padding:16px}.cell{padding:5px}footer{flex-direction:column;gap:8px}.actions button{font-size:13px}.board{gap:5px;padding:10px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.preview-wrap{animation:arrive .6s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(14px) rotate(-3deg)}to{opacity:1;transform:rotate(-3deg)}}}

@media(max-width:600px){#rebuild .section-head{flex-direction:column;align-items:flex-start;gap:0}}

.memory-review{padding:22px 0;margin:20px 0;border-block:1px solid #ffffff20}.memory-review .board{max-width:620px;margin:20px auto}.discovery-cell{outline:3px solid #e9c778;outline-offset:-4px}#discovery{min-height:3.5em;line-height:1.8}.memory-review button[aria-pressed="true"]{background:#9dcbb6;color:#141a23}

.comparison-overview{margin:20px 0}.comparison-overview summary{cursor:pointer;padding:12px 0;color:#9dcbb6}