.trace-help{background:#e9eddf;padding:22px;border-radius:18px;margin:20px 0 28px;max-width:760px}.trace-help p{font-size:14px;line-height:1.6}.trace-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;max-width:950px;margin:auto}.trace-directions h2{font-size:30px;letter-spacing:-1px}.trace-directions h2 span{display:inline-block;color:#23543b;font-size:54px;margin-left:10px}.trace-directions>p{line-height:1.6}#traceStatus{min-height:48px;font-weight:bold}#traceCanvas{display:block;aspect-ratio:4/5;width:100%;max-height:66svh;background:#fffefa;border:2px solid #bdcbbd;border-radius:24px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}body.tracing-playing footer{display:none}body.tracing-playing main{min-height:0}.tracing-playing .play-top{padding-bottom:16px}@media(max-width:760px){.tracing-playing header{padding:8px 18px}.tracing-playing main{padding:8px 18px max(8px,env(safe-area-inset-bottom))}.trace-layout{grid-template-columns:1fr;gap:12px;max-width:440px}.trace-directions h2{font-size:22px;margin:5px 0}.trace-directions h2 span{font-size:34px}.trace-directions>.eyebrow,.trace-directions>.hint{display:none}.trace-directions>p{font-size:12px;line-height:1.4;margin:5px 0}#traceStatus{min-height:17px}.trace-directions .secondary{padding:9px 12px;font-size:12px}#traceCanvas{max-height:59svh;border-radius:18px}.tracing-playing .play-top{font-size:12px;padding-bottom:8px}.tracing-playing .brand-icon{font-size:25px}.tracing-playing .brand{font-size:16px}}

.trace-directions h2 .shape-name{font-size:32px;letter-spacing:-1px}.trace-complete-ring{filter:drop-shadow(0 0 3px #27804d55)}@media(max-width:760px){.trace-directions h2 .shape-name{font-size:28px}}