/* Shared UI refinement; retains the existing SafeRound home and scene identity. */
.topbar{box-shadow:0 4px 18px #06131816}.topbar-in{max-width:1440px;gap:12px;padding:12px 24px}.topbar .nav{gap:3px}.topbar .nav a{min-height:40px;display:inline-flex;align-items:center;padding:9px 11px;border-radius:9px;white-space:nowrap;position:relative;transition:background .18s,color .18s}.nav a[aria-current=page]:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:3px;background:#85d6bf}.nav a[data-nav=guide]{border:1px solid #739c994f;margin-left:4px}.btn{min-height:42px;border-radius:10px}.btn.small{min-height:34px}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--sel,#e79a12);outline-offset:3px}.ux-entry{margin-top:32px;border-radius:22px}.ux-entry-head h2{font-size:clamp(24px,3vw,33px);letter-spacing:-.035em;line-height:1.3;margin:8px 0 14px}.ux-entry-card{border-radius:16px;transition:transform .18s,box-shadow .18s,border-color .18s}.ux-entry-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 25px #0c39340d}.hj-i>a,.room{transition:transform .18s,border-color .18s,box-shadow .18s}.hj-i>a:hover,.room:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0c393414}.ux-side{border-radius:16px}.ux-side button{border-radius:9px;min-height:42px}.ux-side button[aria-current=page]{box-shadow:inset 3px 0 var(--accent);font-weight:700}.ux-console-body .sect-h h2{letter-spacing:-.035em}.workflow-tools{padding:14px 16px;border:1px solid var(--line);background:var(--paper);border-radius:12px}.obs-side .workflow-tools{margin:8px 14px;padding:10px;background:transparent}.tablewrap{border-radius:12px}.grade tbody tr:hover{background:var(--accent-soft)}.grade input:focus{border-color:var(--accent)}.hx{isolation:isolate}.hx-cta .btn{min-height:48px}.hx-play{min-height:40px}input,textarea,select{border-radius:9px}textarea{line-height:1.65}.ux-next{border-radius:18px}.ux-course-group{border-radius:16px;overflow:hidden}.ux-stage{min-height:80px}.ux-stage-action{min-height:38px}
@media(max-width:1250px){.topbar-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px}.topbar-in>.brand{grid-column:1;grid-row:1}.topbar-in>.who{grid-column:2;grid-row:1;justify-content:flex-end}.topbar-in>.nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;max-width:100%;padding-bottom:3px}.topbar-in>.nav a{flex-shrink:0;font-size:13px}.brand{min-width:0}.who .who-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:600px){.topbar-in{padding:10px 14px}.brand-copy b{font-size:18px}.brand-ko{font-size:10px}.brand small{font-size:10px}.brand-mark{width:46px;height:46px}.brand-mark img{width:44px;height:44px}.who .who-name{max-width:80px;font-size:11px}.topbar .who{gap:5px}.nav a[data-nav=guide]{margin-left:2px}.hx-cta{gap:9px}.hx-cta .btn{font-size:14px;padding:12px 16px}.ux-entry{margin-top:22px}.ux-entry-card{padding:18px}.workflow-tools{padding:12px}.ux-console-body .sect-h{gap:14px}}
@media(prefers-reduced-motion:reduce){.ux-entry-card,.hj-i>a,.room,.topbar .nav a{transition:none}.ux-entry-card:hover,.hj-i>a:hover,.room:hover{transform:none}}

@media(max-width:600px){.topbar-in>.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:4px;padding:0}.topbar-in>.nav a{justify-content:center;font-size:12px;min-height:35px;padding:7px 4px}.nav a[data-nav=guide]{margin-left:0}}