/* ════════════════════════════════════════════════
   Home page — BEM (공통: shared.css)
   3D 오브와 장식 레이어만 있는 미니멀 홈
════════════════════════════════════════════════ */
body[data-page="home"]{background:#000810;overflow:hidden}

.home-scene{position:fixed;inset:0;z-index:1}

/* 장식 레이어 */
.fx-scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;
    background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,100,255,.012) 3px,rgba(0,100,255,.012) 4px)}
.fx-grid{position:fixed;inset:0;z-index:2;pointer-events:none;background-size:60px 60px;
    background-image:linear-gradient(rgba(0,100,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,255,.025) 1px,transparent 1px)}

/* 모서리 장식 */
.corner{position:fixed;width:28px;height:28px;z-index:6;opacity:.35}
.corner--tl{top:22px;left:22px;border-top:1px solid var(--blue-bright);border-left:1px solid var(--blue-bright)}
.corner--tr{top:22px;right:22px;border-top:1px solid var(--blue-bright);border-right:1px solid var(--blue-bright)}
.corner--bl{bottom:22px;left:22px;border-bottom:1px solid var(--blue-bright);border-left:1px solid var(--blue-bright)}
.corner--br{bottom:22px;right:22px;border-bottom:1px solid var(--blue-bright);border-right:1px solid var(--blue-bright)}

/* 홈은 시계·상태 라벨 숨김 (오브 중심 미니멀) */
body[data-page="home"] .clock,body[data-page="home"] .status-text{display:none}

/* 화면엔 안 보이지만 스크린리더/SEO용 제목 */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}