/* ============================================================
   VOID // COMMON_LAWS (共通設定)
   ============================================================ */

:root {
    --accent: #00f2ff;       /* メインのネオンカラー */
    --accent-sub: #8800ff;   /* サブ（紫など） */
    --bg: #030303;           /* 宇宙の深淵（背景色） */
    --h-height: 70px;        /* ヘッダーの高さ */
    --text-dim: #bbb;        /* 控えめな文字色 */
}

/* 全ページ共通のリセット */
body, html {
    margin: 0; padding: 0;
    background: var(--bg);
    color: #fff;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    width: 100%; height: 100%;
}

/* 共通HUDヘッダー */
.hud-header {
    width: 100%; height: var(--h-height); padding: 0 25px; box-sizing: border-box;
    display: flex; justify-content: space-between; align-items: center;
    border-top: 1px solid rgba(0, 242, 255, 0.2);
    border-left: 1px solid rgba(0, 242, 255, 0.2);
    font-size: 0.6rem; letter-spacing: 4px;
    z-index: 2000; position: fixed; top: 0;
    background: rgba(3,3,3,0.9); backdrop-filter: blur(10px);
}

.login-btn {
    color: var(--accent); text-decoration: none; padding: 6px 14px;
    border-top: 1px solid var(--accent); border-left: 1px solid var(--accent);
    font-size: 0.5rem; letter-spacing: 2px;
}