/* RookissLibrary — 옷. 스튜디오와 «한 벌»이다(2026-09-08 지시 「아트 스타일은 기존의 RookissStudio 랑 동일하게」). * * 정본 = RookissStudio/src/Rookiss.Studio.Server/wwwroot/styles.css 의 :root ＋ button 기본 셋 ＋ .h-txt, * console.css 의 .con* · .gate* · .tag · 표. 옮긴 날 = 2026-09-09. * 이 파일은 그 값을 «같은 이름으로» 든다. 갈리는 날은 스튜디오가 이기고 여기가 따라간다(library-v1 §4-d). * 색은 AgentCodeGUI 의 것(거의 검은 바탕 · 아주 옅은 테두리 · 보라 강조) · 꼴은 유니티 · 어두운 판 하나. * 엔진 색(--eng-*)과 종족 색(--zerg …)은 스튜디오의 것이라 안 들었다. * * ⚠ 이 창의 머리줄은 «판의 머리줄»(.pane-head 42px)이 아니라 **판들의 틀**(.con-head 56px)이다 — * 스튜디오에서 [관리자]·[강의 관리]·[아트 랩] 이 딛는 그 줄이고, 이 창의 판들도 그 결이다. * 2026-09-09 까지 여기가 .pane-head 를 썼고, 그래서 머리줄이 14px 낮고 길목이 왼쪽에 섰다. * * ★ 바탕은 14.5px/1.5 다(2026-09-10) — 형제 제품 `RookissGameHub/src/app/globals.css · body` 와 한 값이고 * 스튜디오도 같은 날 그 값으로 올랐다(지시 「RookissStudio의 폰트/크기를 GameHub처럼 · 텍스트 더 크게」). * ⚠ 여태 바탕이 12.5px 이고 «틀 안»에서만 14.5px 로 덮었다(.con · .con .hint) — 그 덮개 둘을 걷었으니 * 도로 적지 않는다. 도로 적으면 문(.gate)과 판(.pane)만 12.5px 로 남아 한 창에 글자가 두 벌이 된다. * ★ 사다리의 «바닥»은 11px 이다(저쪽의 바닥과 같다) — 그보다 작은 수를 이 파일에도 hall.css 에도 안 적는다. */ :root { --hhead: 42px; --hbtn: 31px; --bg: #0a0a0b; --panel: #121214; --head: #161618; --line: #232326; --line2: #2c2c31; --ink: #e8e8ea; --dim: #8a8a93; --dim2: #5f5f68; --accent: #7c6cf0; --blue: #4a9eff; --amber: #f0a952; --green: #4ade80; --red: #f87171; --teal: #2dd4bf; --lec: #f472b6; --r: 10px; --mono: ui-monospace, 'Cascadia Mono', Consolas, 'D2Coding', monospace; } * { box-sizing: border-box; } /* 스크롤 막대는 안 보인다 — 구르는 것은 그대로다(스튜디오의 그 한 줄). */ * { scrollbar-width: none; } *::-webkit-scrollbar { width: 0; height: 0; display: none; } html, body { height: 100%; margin: 0; } html { color-scheme: dark; } body { background: var(--bg); color: var(--ink); font: 14.5px/1.5 var(--font-pretendard, 'Pretendard'), 'Noto Sans KR', 'Segoe UI', system-ui, sans-serif; -webkit-font-smoothing: antialiased; } a { color: inherit; text-decoration: none; } button, select, input, textarea { font: inherit; color: inherit; } button { background: #1a1a1e; border: 1px solid var(--line2); color: var(--ink); border-radius: 8px; padding: 4px 10px; cursor: pointer; } button:hover { background: #232329; border-color: #3a3a42; } button:disabled { opacity: .35; cursor: default; } button.ghost { background: transparent; border-color: transparent; color: var(--dim); } button.ghost:hover { color: var(--ink); background: #1b1b20; } button.go { background: var(--accent); border-color: var(--accent); color: #fff; } button.go:hover { background: #8b7cf6; } button.bad { border-color: #4a2a2e; color: var(--red); } select { background: #131316; border: 1px solid var(--line2); border-radius: 8px; padding: 4px 8px; } input[type=text], input[type=email], input[type=password], input[type=search], textarea { background: #131316; border: 1px solid var(--line2); border-radius: 8px; padding: 8px 10px; width: 100%; } input:focus, textarea:focus, select:focus { outline: none; border-color: var(--accent); } code, pre, .mono { font-family: var(--mono); } /* ── 머리줄의 «글자 단추»(styles.css 의 .h-txt) ───────────────────────── */ /* ⚠ 스튜디오의 것은