[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:#f5f2e7;color:#253e33;font:16px/1.6 system-ui,sans-serif}header{padding:22px 5vw;border-bottom:1px solid #cfd7c5;display:flex;justify-content:space-between;font-size:14px}header strong{letter-spacing:.2em}header span{color:#657367}main{max-width:1050px;margin:auto;padding:36px 24px}.intro{max-width:850px}.kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:#8c602e}h1{font:500 clamp(34px,5vw,54px)/1.08 Georgia,serif;margin:12px 0 24px}h2{font:500 26px/1.2 Georgia,serif}.intro>p{max-width:760px}details{border:1px solid #cbd6c3;padding:15px 20px;border-radius:12px;margin:24px 0;background:#faf9f0}summary{font-weight:700;cursor:pointer}details ol{padding-left:22px}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0}button,select{font:inherit;min-height:44px;padding:10px 14px;border:1px solid #9aaa93;border-radius:8px;background:#fffdf4;color:#244434;cursor:pointer}button:hover{background:#e5eddc}button:focus-visible,select:focus-visible{outline:3px solid #b97c2d;outline-offset:3px}.primary{background:#315b3f;color:white;font-weight:700}.primary:hover{background:#446f4e}button:disabled{opacity:.45;cursor:default}.case{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:24px;background:#e5ebdb;border-radius:16px;align-items:center}.specimen{height:145px;background-image:url('specimens.webp');background-size:400% 200%;border-radius:12px}.recordname{overflow-wrap:anywhere;text-align:center;font-weight:700;margin:8px 0}.case code{word-break:break-all}.stats{display:flex;gap:26px;font-size:14px}.board{margin-top:24px;background:#fffdf7;border:1px solid #d0dac5;padding:24px;border-radius:16px}.boardhead{display:flex;justify-content:space-between;align-items:center;gap:12px}#nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.node{text-align:left;min-width:0;padding:12px;border:2px solid #d4ddc8}.node.current{background:#edf0df;border-style:dashed}.node[aria-pressed=true]{border-color:#39724a;background:#e7f0df}.node strong,.node small{display:block}.node code{font-size:11px;word-break:break-all}.node .mini{height:75px;background-image:url('specimens.webp');background-size:400% 200%;margin:-6px -6px 8px;border-radius:6px}.node small{font-size:12px;color:#58684f}#controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#feedback{font-weight:650;color:#795121;min-height:26px}#verdict{padding:18px 0;border-top:1px solid #cdd7c3}#verdict code{display:block;word-break:break-all;font-size:16px}.verdictbuttons{display:flex;gap:12px;margin-top:18px}#completion{background:#eaf1df;border-radius:12px;padding:20px}#completion h2{margin-top:0}.trace{padding:0 14px}#trace{font-size:14px;line-height:1.8}code{font-family:ui-monospace,monospace}a{color:#315b3f}footer{font-size:13px;color:#61705d}@media(max-width:650px){header span{display:none}main{padding:24px 14px}.case{grid-template-columns:100px 1fr;gap:16px;padding:16px}.specimen{height:110px}.recordname{font-size:13px}.case code{font-size:12px}.case p{font-size:13px}.stats{display:block}.stats strong{display:block}.board{padding:16px}#nodes{grid-template-columns:repeat(2,1fr);gap:10px}.node{padding:10px}#controls{display:block}#controls label{display:block;margin-bottom:12px}#controls button{margin:0 4px 8px 0}.boardhead h2{font-size:23px}nav label{width:100%}nav select{max-width:82%}.intro details{font-size:14px}#trace{padding-left:22px}h1{font-size:36px}}