:root{--mc-dirt:#8b5a2b;--mc-dirt-dark:#6b4423;--mc-grass:#5d9c3d;--mc-grass-light:#7cba4b;--mc-stone:#8b8b8b;--mc-stone-dark:#373737;--mc-stone-mid:#6f6f6f;--mc-panel:#c6c6c6;--mc-panel-dark:#8b8b8b;--mc-wood:#c4a35a;--mc-wood-dark:#8a6d3b;--mc-sky:#7eb8da;--mc-sky-deep:#4a90b8;--ink:#1a1a1a;--ink-soft:#3a3a3a;--paper:#c6c6c6;--accent:#5d9c3d;--accent-ink:#f4f4f4;--ok:#3d9c3d;--bad:#a03030;--xp:#80ff20;--font-pixel:"Press Start 2P", monospace;--font-body:"VT323", monospace;font-family:var(--font-body);color:var(--ink);background:var(--mc-sky);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:none;image-rendering:pixelated;font-size:22px;font-weight:400;line-height:1.25}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(#7eb8da 0%,#9ecfee 42%,#5d9c3d 42% 48%,#8b5a2b 48% 100%) fixed;min-height:100vh}body:before{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:linear-gradient(#0000 31px,#0003 32px),linear-gradient(90deg,#0000 31px,#0003 32px);background-size:32px 32px;position:fixed;inset:48% 0 0}#root{z-index:1;position:relative}button{font:inherit;cursor:pointer;image-rendering:pixelated}button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.4)}.app-shell{justify-content:center;min-height:100vh;padding:1rem;display:flex}.screen{width:min(460px,100%);margin:auto;position:relative}.mc-panel{background:var(--mc-panel);border:4px solid #373737;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,0 0 0 2px #000}.brand{font-family:var(--font-pixel);letter-spacing:.06em;color:#3e2723;text-shadow:2px 2px #ffffff59;margin:0;font-size:.55rem;font-weight:400}.home{padding:1.5rem 0 1rem}.home-atmosphere{display:none}.home-header{background:var(--mc-panel);border:4px solid #373737;margin-bottom:1.25rem;padding:1rem;position:relative;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,0 0 0 2px #000}.home-title{font-family:var(--font-pixel);letter-spacing:0;color:#1a1a1a;text-shadow:2px 2px #fff;margin:.75rem 0 .85rem;font-size:clamp(.85rem,3.2vw,1.05rem);font-weight:400;line-height:1.45}.home-lede{color:#2a2a2a;max-width:36ch;margin:0;font-size:1.25rem;line-height:1.2}.level-banner{font-family:var(--font-pixel);color:#1a1a1a;text-shadow:1px 1px #fff;background:#80ff20;border:3px solid #000;margin:.85rem 0 0;padding:.4rem .55rem;font-size:.48rem;line-height:1.5;display:inline-block}.level-track{gap:.4rem;margin-bottom:1.1rem;display:flex}.level-pip{text-align:center;font-family:var(--font-pixel);color:#222;cursor:pointer;background:#8b8b8b;border:3px solid #000;flex:1;padding:.45rem 0;font-size:.55rem;box-shadow:inset 2px 2px #cfcfcf,inset -2px -2px #555}.level-pip:disabled,.level-pip.locked{cursor:not-allowed;opacity:.55;filter:grayscale(.35)}.level-pip.cleared{color:#f4fff0;background:#5d9c3d}.level-pip.active{color:#111;outline-offset:1px;background:#80ff20;outline:2px solid #fff}.level-hint{color:#2b2118;margin:-.55rem 0 1rem;font-size:1.05rem}.level-result{font-family:var(--font-pixel);color:#1a1a1a;background:#c6c6c6;border:3px solid #000;margin:.55rem 0 0;padding:.5rem .55rem;font-size:.45rem;line-height:1.55}.level-result.level-up{background:#80ff20}.level-result.level-down{background:#f0c0a0}.bin-preview{flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem;display:flex}.bin-chip{font-family:var(--font-pixel);color:#111;background:#8b8b8b;border:3px solid #373737;border-radius:0;align-items:center;gap:.35rem;padding:.35rem .55rem;font-size:.45rem;font-weight:400;display:inline-flex;box-shadow:inset 2px 2px #c6c6c6,inset -2px -2px #555}.bin-chip-dot{background:var(--bin);border:1px solid #000;border-radius:0;width:.55rem;height:.55rem}.home-actions{flex-direction:column;gap:.65rem;display:flex}.btn{font-family:var(--font-pixel);border:4px solid #2b2b2b;border-radius:0;padding:.95rem 1rem;font-size:.62rem;font-weight:400;line-height:1.4;transition:none;box-shadow:inset 3px 3px #ffffff73,inset -3px -3px #00000059,0 0 0 2px #000}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:inset -2px -2px #ffffff40,inset 2px 2px #00000059,0 0 0 2px #000}.btn-primary{color:#f5fff0;text-shadow:2px 2px #2a4a18;background:linear-gradient(#7cba4b,#4e7f2f)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{color:#1a1a1a;text-shadow:1px 1px #cfcfcf;background:linear-gradient(#9a9a9a,#6f6f6f)}.home-note{color:#2b2118;background:#c6c6c6d9;border:3px solid #373737;margin:1rem 0 0;padding:.45rem .6rem;font-size:1.05rem;box-shadow:inset 2px 2px #fff,inset -2px -2px #555}.play-actions{justify-content:flex-end;gap:.4rem;margin-bottom:.5rem;display:flex}.btn-tiny{color:#111;text-shadow:1px 1px #cfcfcf;background:linear-gradient(#9a9a9a,#6f6f6f);padding:.45rem .55rem;font-size:.42rem}.play-hud{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.65rem;display:grid}.hud-stat{color:#eee;background:#373737;border:3px solid #000;border-radius:0;flex-direction:column;gap:.15rem;padding:.45rem .5rem;display:flex;box-shadow:inset 2px 2px #8b8b8b,inset -2px -2px #1a1a1a}.hud-label{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.04em;color:#aaa;font-size:.38rem}.hud-stat strong{font-family:var(--font-pixel);color:#80ff20;text-shadow:1px 1px #000;font-size:.7rem}.progress-track{background:#373737;border:3px solid #000;border-radius:0;height:10px;margin-bottom:1rem;overflow:hidden;box-shadow:inset 1px 1px #111}.progress-fill{background:repeating-linear-gradient(90deg,#80ff20 0 6px,#5ecc10 6px 12px);height:100%;transition:width .2s steps(8,end)}.timer-wrap{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.timer-ring{background:#373737;border:3px solid #000;border-radius:0;flex-shrink:0;place-items:center;width:3.1rem;height:3.1rem;display:grid;position:relative;box-shadow:inset 2px 2px #8b8b8b}.timer-ring:before{content:"";background:#1a1a1a;border:2px solid #555;position:absolute;inset:5px}.timer-ring span{font-family:var(--font-pixel);color:#80ff20;text-shadow:1px 1px #000;font-size:.7rem;font-weight:400;position:relative}.timer-ring.urgent span{color:#f55;animation:.5s steps(2,end) infinite pulse}.timer-ring.urgent{background:#5a2020}@keyframes pulse{50%{opacity:.55}}.prompt{font-family:var(--font-pixel);color:#1a1a1a;text-shadow:1px 1px #fff;background:#c6c6c6eb;border:3px solid #000;margin:0;padding:.45rem .55rem;font-size:.52rem;line-height:1.5;box-shadow:inset 2px 2px #fff,inset -2px -2px #555}.item-card{text-align:center;background:#c6c6c6;border:4px solid #373737;border-radius:0;margin-bottom:.85rem;padding:1rem .9rem 1.1rem;animation:.2s steps(4,end) rise;position:relative;overflow:hidden;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,0 0 0 2px #000}.item-card:before{content:"";background:repeating-linear-gradient(to bottom, var(--accent) 0 8px, color-mix(in srgb, var(--accent) 70%, black) 8px 16px);width:10px;position:absolute;inset:0 auto 0 0}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.item-art{background:#1a1a1a;border:3px solid #000;width:min(100%,260px);margin:.35rem auto .65rem;padding:0;overflow:hidden;box-shadow:inset 2px 2px #bbb,inset -2px -2px #444}.item-art-img{aspect-ratio:1;object-fit:cover;image-rendering:auto;width:100%;display:block}.item-art-caption{color:#eee;font-family:var(--font-pixel);text-align:center;background:#373737;border-top:2px solid #000;padding:.35rem .45rem;font-size:.38rem;line-height:1.45;display:block}.answer-visual{align-items:center;gap:.2rem;margin-bottom:.4rem;display:flex}.answer-visual-pair{align-items:center;gap:.2rem;display:inline-flex}.answer-plus{font-family:var(--font-pixel);color:#111;margin:0 .1rem;font-size:.55rem}.bin-glyph{flex-shrink:0;display:inline-flex}.feedback-choice-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.parts-feedback{color:#222;flex-direction:column;gap:.35rem;margin:0 0 1rem;padding-left:0;font-size:1.1rem;display:flex}.parts-feedback li{align-items:center;gap:.4rem;list-style:none;display:flex}.parts-list{flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}.parts-list li{font-family:var(--font-pixel);color:#111;background:#8b8b8b;border:2px solid #000;border-radius:0;padding:.25rem .45rem;font-size:.4rem;font-weight:400;line-height:1.4;box-shadow:inset 1px 1px #ccc}.bin-btn-combo{border-left:6px solid var(--bin)}.miss-art{flex-shrink:0;width:64px}.miss-art .item-art{width:64px;margin:0;padding:.15rem}.miss-art .art-label{font-size:7px}.item-name{font-family:var(--font-pixel);letter-spacing:0;color:#111;text-shadow:1px 1px #fff;margin:0;font-size:.72rem;line-height:1.45}.item-material{text-transform:uppercase;letter-spacing:.06em;color:#333;margin:.35rem 0 0;font-size:.95rem;font-weight:400}.mixed-badge{color:#f4fff0;font-family:var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;text-shadow:1px 1px #2a4a18;background:#5d9c3d;border:3px solid #000;border-radius:0;margin:0 0 .55rem;padding:.35rem .5rem;font-size:.4rem;font-weight:400;line-height:1.4;display:inline-block}.item-context,.item-intro{color:#222;margin:.55rem 0 0;font-size:1.1rem}.adaptive-hint{font-family:var(--font-pixel);color:#3d6b1f;margin:.55rem 0 0;font-size:.45rem;line-height:1.5}.panel-ml-note{color:#333;margin:.85rem 0 0;font-size:1.05rem}.bin-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.bin-btn{text-align:left;border:3px solid #2b2b2b;border-left:6px solid var(--bin);color:#111;background:#8b8b8b;border-radius:0;flex-direction:column;align-items:flex-start;padding:.7rem .65rem;transition:none;display:flex;box-shadow:inset 3px 3px #cfcfcf,inset -3px -3px #4a4a4a,0 0 0 2px #000}.bin-btn:hover{filter:brightness(1.06);background:#9e9e9e;transform:none}.bin-btn:active{box-shadow:inset -2px -2px #cfcfcf,inset 2px 2px #4a4a4a,0 0 0 2px #000}.bin-btn-label{font-family:var(--font-pixel);font-size:.48rem;font-weight:400;line-height:1.45;display:block}.bin-btn-short{color:#2a2a2a;font-size:1rem;font-family:var(--font-body);margin-top:.25rem;display:block}.feedback{background:#c6c6c6;border:4px solid #373737;border-radius:0;padding:1.1rem 1rem;animation:.2s steps(4,end) rise;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,0 0 0 2px #000}.feedback.ok{outline-offset:2px;outline:3px solid #3d9c3d}.feedback.bad{outline-offset:2px;outline:3px solid #a03030}.feedback-badge{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.04em;border:3px solid #000;border-radius:0;align-items:center;gap:.45rem;margin:0 0 .75rem;padding:.4rem .55rem;font-size:.45rem;font-weight:400;line-height:1.4;display:inline-flex}.feedback.ok .feedback-badge{color:#f4fff0;text-shadow:1px 1px #2a4a18;background:#5d9c3d}.feedback.bad .feedback-badge{color:#ffe8e8;text-shadow:1px 1px #400;background:#a03030}.feedback-points{font-family:var(--font-pixel)}.feedback-title{font-family:var(--font-pixel);margin:0 0 .4rem;font-size:.7rem;line-height:1.45}.feedback-bins{color:#222;flex-direction:column;gap:.45rem;margin:0 0 .65rem;font-size:1.15rem;display:flex}.feedback-why{margin:0 0 1rem;font-size:1.2rem}.results-header{background:#c6c6c6;border:4px solid #373737;margin-bottom:1rem;padding:1rem;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,0 0 0 2px #000}.results-title{font-family:var(--font-pixel);letter-spacing:0;color:#111;text-shadow:2px 2px #fff;margin:.55rem 0 .45rem;font-size:.95rem;line-height:1.45}.results-lede{color:#222;margin:0;font-size:1.2rem}.stat-row{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.85rem;display:grid}.stat-block{text-align:center;color:#eee;background:#373737;border:3px solid #000;border-radius:0;padding:.65rem .4rem;box-shadow:inset 2px 2px #8b8b8b}.stat-value{font-family:var(--font-pixel);color:#80ff20;text-shadow:1px 1px #000;font-size:.7rem;font-weight:400;display:block}.stat-label{font-family:var(--font-pixel);color:#bbb;text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.35rem;line-height:1.5;display:block}.panel{background:#c6c6c6;border:4px solid #373737;border-radius:0;margin-bottom:.75rem;padding:.9rem;box-shadow:inset 3px 3px #fff,inset -3px -3px #555,0 0 0 2px #000}.panel-title{font-family:var(--font-pixel);margin:0 0 .65rem;font-size:.55rem;line-height:1.45}.panel-empty{color:#333;margin:0;font-size:1.1rem}.confusion-list,.miss-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.confusion-list li{grid-template-columns:5.5rem 1fr auto;align-items:center;gap:.45rem;font-size:1.05rem;display:grid}.confusion-name{text-transform:capitalize;font-family:var(--font-pixel);font-size:.42rem;line-height:1.4}.confusion-bar{background:#373737;border:2px solid #000;border-radius:0;height:10px;overflow:hidden}.confusion-bar span{background:repeating-linear-gradient(90deg,#80ff20 0 5px,#5ecc10 5px 10px);height:100%;display:block}.confusion-rate{color:#333;white-space:nowrap;font-size:.95rem}.miss-list li{align-items:flex-start;gap:.65rem;display:flex}.miss-list strong{font-family:var(--font-pixel);font-size:.48rem;font-weight:400;line-height:1.4}.miss-list p{color:#333;margin:.2rem 0 0;font-size:1.05rem}.miss-answer-row{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex;margin:.25rem 0 0!important}.miss-answer-row .answer-visual{margin-bottom:0}.results .home-actions{margin-top:.85rem}.scan-frame{aspect-ratio:4/3;background:#111;border:4px solid #000;margin-bottom:.75rem;overflow:hidden;box-shadow:inset 3px 3px #555,0 0 0 2px #000}.scan-video{object-fit:cover;width:100%;height:100%;display:block}.scan-result{background:#c6c6c6;border:4px solid #000;align-items:center;gap:.7rem;margin-bottom:.75rem;padding:.75rem;display:flex;box-shadow:inset 3px 3px #fff,inset -3px -3px #555}.scan-result strong{font-family:var(--font-pixel);font-size:.7rem;font-weight:400}.scan-result p{margin:.25rem 0 0;font-size:1.1rem}@media (width>=640px){.app-shell{padding:1.5rem}}