:root{--bg: #0d0d0f;--ink: #d7ddd9;--muted: #7a8479;--green: #7fd18f;--blue: #5b93d8;--warn: #d8a15b;--sketch: 255px 15px 225px 15px / 15px 225px 15px 255px;--sketch-alt: 15px 225px 15px 255px / 225px 15px 255px 15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}#app{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.frame{width:min(680px,100%);border:2px solid var(--blue);border-radius:var(--sketch);padding:clamp(1.5rem,5vw,3rem)}h1{font-size:clamp(1.4rem,5vw,2rem);letter-spacing:.08em;color:var(--green);margin:0 0 1.5rem;text-align:center}h2{font-size:1.05rem;color:var(--green);margin:2rem 0 .75rem}p{margin:0 0 1rem}.muted{color:var(--muted);font-size:.875rem}button{font:inherit;color:var(--ink);background:transparent;border:2px solid var(--muted);border-radius:var(--sketch-alt);padding:.7rem 1.6rem;cursor:pointer;transition:border-color .15s,color .15s}button:hover:not(:disabled){border-color:var(--green);color:var(--green)}button:disabled{opacity:.35;cursor:not-allowed}button.primary{border-color:var(--green);color:var(--green)}.deck{position:relative;height:clamp(190px,30vh,240px);margin:1.5rem 0}.card{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:2rem;font-size:clamp(1.05rem,3.5vw,1.35rem);border:2px solid var(--green);border-radius:var(--sketch);background:var(--bg);-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.card.behind{border-color:var(--blue)}.card.dragging{cursor:grabbing}.card.behind{transform:scale(.95) translateY(12px);opacity:.4;pointer-events:none}.verdict{position:absolute;top:1.25rem;font-size:.8rem;letter-spacing:.15em;padding:.3rem .8rem;border:2px solid currentColor;border-radius:var(--sketch-alt);opacity:0}.verdict.yes{right:1.25rem;color:var(--green)}.verdict.no{left:1.25rem;color:var(--warn)}.controls{display:flex;gap:.75rem;justify-content:center}.controls button{white-space:nowrap;padding:.7rem 1.1rem}.progress{height:3px;background:#1f2320;border-radius:3px;overflow:hidden;margin-bottom:.6rem}.progress>i{display:block;height:100%;background:var(--green);transition:width .25s}.confidence{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.confidence button{flex:1 1 4.5rem;padding:.6rem .4rem}.options{display:grid;gap:.6rem;margin:1rem 0}.options button{text-align:left}.gauge{border:2px solid var(--blue);border-radius:var(--sketch);padding:1.25rem 1.5rem;margin:1.5rem 0}.row{display:flex;justify-content:space-between;gap:1rem}.row.total{border-top:1px solid #2a2f2b;margin-top:.6rem;padding-top:.6rem;color:var(--warn)}ol.moves{padding-left:1.2rem;margin:0}ol.moves li{margin-bottom:1.25rem}ol.moves b{color:var(--green);font-weight:600}textarea{width:100%;min-height:6rem;font:inherit;color:var(--ink);background:transparent;border:2px solid var(--muted);border-radius:var(--sketch-alt);padding:.8rem 1rem;resize:vertical}textarea:focus{outline:none;border-color:var(--green)}