@layer components{.rp-wrap{width:100%;padding-top:40px}.rp-wrap .rp{background:var(--color-card);color:var(--color-ink);border-radius:var(--radius-card);text-align:center;padding:56px 24px 24px;position:relative}.rp-wrap .rp .result-clay{object-fit:contain;width:108px;height:108px;position:absolute;top:-54px;left:calc(50% - 54px)}.rp-wrap .rp .k{color:var(--color-mute);flex-wrap:wrap;justify-content:center;font-size:12px}.rp-wrap .rp .score{color:var(--color-ink);margin-top:12px}.rp-wrap .rp .ranks,.rp-wrap .rp .note,.rp-wrap .rp .next{color:var(--color-mute)}.rp-wrap .rp .ranks b,.rp-wrap .rp .pb-line,.rp-wrap .rp .note a{color:var(--color-ink)}.result-par{color:var(--color-ink);margin-top:8px}.rp-wrap .rp-actions{flex-wrap:wrap;justify-content:center}.name-entry>.btn{width:100%;min-height:56px}.name-entry,.name-published{margin-bottom:24px}.name-entry form{background:var(--color-card);border-radius:var(--radius-card);flex-direction:column;gap:12px;padding:20px;display:flex}.name-controls{gap:12px;display:flex}.name-controls input{border:1px solid var(--color-line);border-radius:var(--radius-ctl);background:var(--color-bar);width:100%;min-width:0;height:52px;color:var(--color-ink);padding:0 14px;font-size:16px}.name-controls .btn{flex:none}.name-entry select{background:var(--color-bar);min-height:48px;color:var(--color-ink);border-radius:var(--radius-ctl);border:1px solid var(--color-line);padding:0 12px;font-size:16px}.name-small-actions{gap:16px;margin-top:8px;display:flex}.name-small-actions button,.name-cancel{color:var(--color-mute);text-underline-offset:3px;text-align:left;cursor:pointer;min-height:44px;text-decoration:underline}@media (max-width:480px){.name-controls{flex-direction:column}.name-controls .btn{min-height:52px}}@media (prefers-reduced-motion:reduce){.rp-wrap .result-clay{animation:none}}.rp .score{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;display:flex}.rp .score-unit{color:var(--color-mute)}}