:root{--accent:#c5957e;--soft:#f0e8d9}.board-wrap{width:100%;aspect-ratio:1;position:relative;background:#fcf9ed}.stage{min-height:0}.board-wrap canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.board-wrap canvas:focus-visible{outline-offset:-5px}.board-stamp{position:absolute;top:18px;left:19px;font-size:10px;font-weight:600;letter-spacing:1.25px;color:#9c9e87;pointer-events:none}#countdown{position:absolute;top:14px;right:17px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff9ed;border:1px solid #d6cbb3;font:400 26px var(--display);color:#a77c66}.drawing-tag{position:absolute;top:20px;right:16px;font-size:10px;color:#9a7d68;pointer-events:none}.drawing-tag.pen-down{background:#eee0c8;padding:6px 9px;border-radius:20px}.review{margin-top:22px}.review-tabs{display:flex;flex-wrap:wrap;gap:7px}.review-tabs button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:#f8f7e9;color:var(--ink);font-size:12px;overflow-wrap:anywhere}.review-tabs button[aria-pressed=true]{background:#e5e9d4;border-color:#94a27e}.review-legend{display:flex;flex-wrap:wrap;gap:17px;font-size:12.1px;color:var(--muted);margin:15px 0 0}.review-legend>span{display:flex;align-items:center;gap:6px}.review-legend i{display:block;width:15px;height:3px;border-radius:3px;background:#76926b}.review-legend>span+span i{background:#ca8d74}.results-panel #result-title{font-size:28px}.gate-card .primary-button{margin-top:3px}@media(max-width:700px){.board-stamp{font-size:10px;top:13px;left:14px}.drawing-tag{font-size:10px;top:55px;right:12px}#countdown{top:10px;right:12px}.actions{gap:7px;padding:12px}.actions button{font-size:12.1px;padding:10px 12px}.actions .primary-button{flex:1;min-width:120px}.gate-card h2{font-size:26px}.gate-card>p:not(.eyebrow){font-size:12px}.gate-icon{font-size:42px;margin-bottom:9px}}
.drawing-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}
.drawing-comparison{margin:0;min-width:0;border:3px solid var(--drawing-color);border-radius:14px;overflow:hidden;background:#fcf9ed}
.drawing-comparison canvas{display:block;touch-action:manipulation}
.drawing-comparison figcaption{padding:10px;color:var(--drawing-color);font-size:12px;font-weight:700;border-top:1px solid currentColor;overflow-wrap:anywhere}
#review-tabs button{border-color:var(--drawing-color);color:var(--drawing-color)}