#order-app [hidden]{display:none!important}.order-setup{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 18px;margin-bottom:24px;display:grid}.order-setup label{font-weight:600}.order-select{min-width:0;position:relative}.order-select svg{fill:none;stroke:currentColor;stroke-width:2px;pointer-events:none;width:20px;height:20px;position:absolute;top:16px;right:12px}.order-setup select{appearance:none;background:var(--card);width:100%;min-height:52px;color:var(--ink);font:inherit;cursor:pointer;border:1px solid #748477;border-radius:12px;padding:12px 36px 12px 12px}.order-setup p{color:var(--muted);grid-column:1/-1;margin:0;font-size:.875rem}.order-stage{--muted:#423c58;background:var(--lavender);border-radius:16px;padding:24px}#order-app[data-phase=setup] .order-top{display:none}#order-app[data-phase=setup] .order-stage h2{margin-top:0}.order-top{min-height:32px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;display:flex}.order-stage h2{letter-spacing:-.025em;margin:18px 0 8px;font-size:1.5rem;line-height:1.3}.order-stage h2:focus{outline:none}#order-instruction{max-width:52ch;margin:0 0 20px;font-size:1rem;line-height:1.5}.order-board{margin:20px auto}.order-tile-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:330px;display:grid}.order-tile{aspect-ratio:1;min-height:52px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#f8f6fc;border:1px solid #7e738e;border-radius:12px;font-family:inherit;font-size:1.5rem;font-weight:600;line-height:1}.order-tile:disabled{opacity:1;cursor:default}.order-tile.is-lit{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px #fff}.order-tile:not(:disabled):hover{background:var(--mint)}.order-card-board{grid-template-columns:repeat(var(--card-columns,5), minmax(0, 1fr));gap:8px;display:grid}.order-card{aspect-ratio:.7;background:var(--card);min-width:0;min-height:88px;color:var(--ink);border:1px solid #7e738e;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 3px;font-family:inherit;font-size:1.5rem;font-weight:600;line-height:1;display:flex}button.order-card{cursor:pointer;touch-action:manipulation}.order-card[data-red=true]{color:var(--bad)}.order-card svg{fill:currentColor;width:24px;height:26px}.order-card:disabled{opacity:.32;cursor:default}.order-card:not(:disabled):is(button):hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}#order-answer-wrap{margin-block:20px}#order-answer-label{margin:0 0 8px;font-size:.875rem;font-weight:600}#order-answer,.order-feedback-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}#order-answer li,.order-feedback-list li{text-align:center;overflow-wrap:anywhere;border-bottom:2px solid #7e738e;min-width:0;padding:8px 4px;font-size:.875rem}#order-answer small,.order-feedback-list small{color:var(--muted);margin-bottom:4px;font-size:.875rem;display:block}.order-feedback-list li[data-correct=false]{border-bottom:2px dashed var(--bad)}.order-feedback-list li[data-correct=true]{border-bottom-color:var(--accent)}#order-review h3{margin:20px 0 8px;font-size:.875rem}.order-edit{gap:10px;margin-block:12px;display:flex}.order-edit .btn{flex:1}#order-primary{width:100%;margin-top:16px}.order-result-metrics{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;display:grid}.order-result-metrics strong{font-variant-numeric:tabular-nums;font-size:2.25rem;line-height:1.2;display:block}.order-result-metrics span,#order-save-note{color:var(--muted);font-size:.875rem}.order-about{margin-top:24px}.order-about details p{padding-inline:16px;font-size:.875rem}.order-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body:has(#order-app:not([data-phase=setup])) .site-footer,#order-app:not([data-phase=setup]) .order-about{display:none}body:has(#order-app:not([data-phase=setup])) .practice-heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=480px){.order-stage{border-radius:16px;padding:16px}.order-setup{gap:8px}.order-tile-board{max-width:270px}.order-card-board{gap:6px}.order-card{min-height:72px;font-size:1.25rem}.order-card svg{width:20px;height:22px}}