/* GACOR99 — 仪表夜蓝 + 表盘青 · 深色仪表台（g9-） */

:root {
  --g9-bg: #191C2A;
  --g9-panel: #20242F;
  --g9-panel2: #232937;
  --g9-line: #333B4D;
  --g9-ac: #14C4E8;
  --g9-ac-dim: #0e8aa6;
  --g9-txt: #E7ECF4;
  --g9-mut: #97A1B4;
  --g9-silver: #9FB8D8;
  --g9-gold: #E8C46B;
  --g9-font-d: "Vidaloka", serif;
  --g9-font-b: "Taviraj", serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  background:
    radial-gradient(1.5px 1.5px at 20% 30%, rgba(159, 184, 216, 0.35) 50%, transparent 51%),
    radial-gradient(1px 1px at 70% 15%, rgba(159, 184, 216, 0.25) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 85% 60%, rgba(20, 196, 232, 0.18) 50%, transparent 51%),
    radial-gradient(1px 1px at 40% 80%, rgba(159, 184, 216, 0.22) 50%, transparent 51%),
    var(--g9-bg);
  color: var(--g9-txt);
  font-family: var(--g9-font-b);
  font-size: 17px;
  line-height: 1.8;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--g9-ac); text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3 {
  font-family: var(--g9-font-d);
  font-weight: 400;
  line-height: 1.3;
  color: #F5F8FC;
}

h1 { font-size: clamp(1.7rem, 4vw, 2.6rem); margin: 0.6em 0 0.5em; }
h2 { font-size: clamp(1.3rem, 2.8vw, 1.9rem); margin: 1.5em 0 0.6em; }
h3 { font-size: clamp(1.05rem, 2vw, 1.25rem); margin: 0 0 0.35em; color: var(--g9-silver); }

p { margin: 0 0 1em; }

/* ---------- 头部 ---------- */

.g9-head {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(25, 28, 42, 0.96);
  border-bottom: 1px solid var(--g9-line);
  backdrop-filter: blur(6px);
}

.g9-headin {
  max-width: 1180px;
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 22px;
}

.g9-logo { display: flex; align-items: center; gap: 10px; }

.g9-logo-dial {
  display: inline-flex;
  gap: 3px;
  padding: 5px 7px;
  border: 1px solid var(--g9-line);
  border-radius: 50% 50% 8px 8px;
  background: radial-gradient(circle at 50% 20%, #2A3245, #1B1F2C);
}

.g9-logo-dial b {
  font-weight: 400;
  font-size: 0.75rem;
  color: var(--g9-gold);
  line-height: 1;
}

.g9-logo-dial b:nth-child(2) { color: var(--g9-ac); }

.g9-logo-word {
  font-family: var(--g9-font-d);
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  color: #fff;
  text-shadow: 0 0 16px rgba(20, 196, 232, 0.5);
}

.g9-nav { margin-left: auto; display: flex; gap: 20px; }
.g9-nav a { color: var(--g9-mut); font-size: 0.95rem; }
.g9-nav a:hover, .g9-nav a.g9-on { color: var(--g9-ac); text-decoration: none; }
.g9-nav a.g9-on { border-bottom: 2px solid var(--g9-ac); }

.g9-hact { display: flex; gap: 10px; }

.g9-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 999px;
  font-size: 0.92rem;
  border: 1px solid transparent;
  cursor: pointer;
  font-family: var(--g9-font-b);
}

.g9-btn-main {
  background: var(--g9-ac);
  color: #07222b;
  font-weight: 600;
  box-shadow: 0 0 20px rgba(20, 196, 232, 0.4);
}
.g9-btn-main:hover { background: #3ad3f2; text-decoration: none; }

.g9-btn-ghost { border-color: var(--g9-line); color: var(--g9-txt); background: rgba(32, 36, 47, 0.6); }
.g9-btn-ghost:hover { border-color: var(--g9-ac); color: var(--g9-ac); text-decoration: none; }

.g9-burger { display: none; margin-left: auto; cursor: pointer; }
.g9-burger span { display: block; width: 22px; height: 2px; margin: 5px 0; background: var(--g9-ac); }

.g9-navtog { display: none; }

.g9-mnav {
  display: none;
  padding: 8px 20px 18px;
  border-top: 1px solid var(--g9-line);
  background: var(--g9-bg);
}

.g9-mgrp { margin-top: 14px; }
.g9-mgrp h3 { margin-bottom: 6px; }
.g9-mgrp a { display: block; padding: 6px 0; color: var(--g9-txt); font-size: 0.98rem; }

/* ---------- 跑马灯 ---------- */

.g9-ticker {
  overflow: hidden;
  border-bottom: 1px solid var(--g9-line);
  background: #141722;
}

.g9-tickin {
  display: flex;
  width: max-content;
  animation: g9-tick 30s linear infinite;
}

.g9-titem {
  padding: 7px 28px;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  color: var(--g9-mut);
  text-transform: uppercase;
  white-space: nowrap;
}

.g9-titem b { color: var(--g9-gold); margin-right: 8px; font-weight: 400; }

@keyframes g9-tick { to { transform: translateX(-50%); } }

/* ---------- 首页 hero + 夜空仪表 ---------- */

.g9-main { max-width: 1180px; margin: 0 auto; padding: 0 20px 90px; }

.g9-hero { padding: 56px 0 40px; }

.g9-heroin {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 40px;
  align-items: center;
}

.g9-kicker {
  display: inline-block;
  padding: 4px 14px;
  border: 1px solid var(--g9-ac-dim);
  border-radius: 999px;
  color: var(--g9-ac);
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.g9-herop { color: #C9D2E2; }

.g9-heroact { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 10px; }

/* 月相表盘 */
.g9-dial {
  padding: 28px 24px;
  border: 1px solid var(--g9-line);
  border-radius: 16px;
  background: linear-gradient(180deg, #212736, #171A26);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 44px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.g9-dialface {
  position: relative;
  width: 250px; height: 250px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 42%, #2C3548 0 34%, #232A3B 35% 100%);
  border: 2px solid var(--g9-line);
  box-shadow: inset 0 0 26px rgba(0, 0, 0, 0.55), 0 0 30px rgba(20, 196, 232, 0.12);
}

.g9-dialface::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  border: 1px dashed rgba(159, 184, 216, 0.35);
}

.g9-phase {
  position: absolute;
  left: 50%; top: 50%;
  width: 30px; height: 30px;
  margin: -15px 0 0 -15px;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.9rem;
  color: var(--g9-silver);
  text-shadow: 0 0 8px rgba(159, 184, 216, 0.6);
}

.g9-p0 { transform: rotate(0deg) translateY(-105px); }
.g9-p1 { transform: rotate(45deg) translateY(-105px) rotate(-45deg); }
.g9-p2 { transform: rotate(90deg) translateY(-105px) rotate(-90deg); }
.g9-p3 { transform: rotate(135deg) translateY(-105px) rotate(-135deg); }
.g9-p4 { transform: rotate(180deg) translateY(-105px) rotate(-180deg); }
.g9-p5 { transform: rotate(225deg) translateY(-105px) rotate(-225deg); }
.g9-p6 { transform: rotate(270deg) translateY(-105px) rotate(-270deg); }
.g9-p7 { transform: rotate(315deg) translateY(-105px) rotate(-315deg); }

/* 鸟羽指针（clip-path 羽形） */
.g9-needle {
  position: absolute;
  left: 50%; top: 50%;
  width: 16px; height: 96px;
  margin: -96px 0 0 -8px;
  transform: rotate(-30deg);
  transform-origin: 50% 100%;
  background: linear-gradient(180deg, var(--g9-ac), rgba(20, 196, 232, 0.25));
  clip-path: polygon(50% 0, 100% 30%, 78% 38%, 100% 62%, 70% 60%, 50% 100%, 30% 60%, 0 62%, 22% 38%, 0 30%);
  filter: drop-shadow(0 0 8px rgba(20, 196, 232, 0.8));
  animation: g9-sway 7s ease-in-out infinite alternate;
}

@keyframes g9-sway { from { transform: rotate(-30deg); } to { transform: rotate(22deg); } }

.g9-dialhub {
  position: absolute;
  left: 50%; top: 50%;
  width: 18px; height: 18px;
  margin: -9px 0 0 -9px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #bfe9f5, var(--g9-ac) 55%, #0e8aa6);
  box-shadow: 0 0 12px rgba(20, 196, 232, 0.9);
}

.g9-dialcap { text-align: center; margin-top: 20px; }
.g9-dialcap h2 { margin: 0 0 2px; font-size: 1.2rem; color: var(--g9-ac); text-shadow: 0 0 14px rgba(20, 196, 232, 0.6); letter-spacing: 0.12em; }
.g9-dialcap p { font-size: 0.82rem; color: var(--g9-mut); margin: 0; }

/* 卷轴读数窗 */
.g9-dialwin {
  margin-top: 16px;
  width: 220px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--g9-line);
  background: repeating-linear-gradient(90deg, #141722 0 3px, #10131c 3px 6px);
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.8);
}

.g9-dialroll { display: flex; flex-direction: column; }

.g9-winrow {
  padding: 7px 10px;
  text-align: center;
  font-size: 0.88rem;
  letter-spacing: 0.22em;
  color: #5d6879;
  text-transform: uppercase;
}

.g9-winon {
  color: var(--g9-ac);
  background: linear-gradient(180deg, rgba(20, 196, 232, 0.18), rgba(20, 196, 232, 0.04));
  text-shadow: 0 0 12px rgba(20, 196, 232, 0.9);
}

/* ---------- Papan Pertanda 网格 ---------- */

.g9-grid { padding: 10px 0; }

.g9-gridp { color: var(--g9-mut); max-width: 74ch; }

.g9-omengrid {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
}

.g9-omen {
  padding: 18px;
  border: 1px solid var(--g9-line);
  border-radius: 12px;
  background: linear-gradient(180deg, var(--g9-panel2), var(--g9-panel));
  position: relative;
  overflow: hidden;
}

.g9-omen::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--g9-ac), transparent);
  opacity: 0.6;
}

.g9-omenwin {
  display: flex;
  gap: 4px;
  padding: 5px 7px;
  border-radius: 6px;
  width: max-content;
  background: repeating-linear-gradient(90deg, #141722 0 3px, #10131c 3px 6px);
  border: 1px solid var(--g9-line);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.7);
  margin-bottom: 12px;
}

.g9-omenwin i {
  font-style: normal;
  font-size: 0.85rem;
  color: var(--g9-gold);
  padding: 2px 4px;
}

.g9-omenwin i:nth-child(2) { color: var(--g9-ac); }

.g9-omen dt { font-family: var(--g9-font-d); font-size: clamp(1.05rem, 2vw, 1.25rem); margin: 0 0 0.35em; }
.g9-omen dt a { color: #F5F8FC; }
.g9-omen dt a:hover { color: var(--g9-ac); }
.g9-omen dd { margin: 0; }

.g9-omencard {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 8px 0 12px;
}

.g9-claim, .g9-fact {
  font-size: 0.86rem;
  padding: 10px 12px;
  border-radius: 8px;
  margin: 0;
  line-height: 1.6;
}

.g9-claim {
  border-left: 3px solid var(--g9-gold);
  background: rgba(232, 196, 107, 0.06);
  color: #D9CBA6;
}

.g9-fact {
  border-left: 3px solid var(--g9-ac);
  background: rgba(20, 196, 232, 0.06);
  color: #B9D6E2;
}

.g9-omenmore { font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; }
.g9-omore { margin-top: 4px; }

.g9-quote {
  margin: 6px 0 26px;
  padding: 18px 22px;
  border-left: 4px solid var(--g9-gold);
  border-radius: 0 12px 12px 0;
  background: rgba(232, 196, 107, 0.06);
  font-style: italic;
}

.g9-quote p { margin: 0; color: #D9CBA6; }

/* ---------- 流程段 ---------- */

.g9-flow { padding: 26px 0 6px; }

.g9-flowp { color: var(--g9-mut); max-width: 74ch; }

.g9-steps, .g9-step2 { list-style: none; counter-reset: g9step; margin: 16px 0 8px; }

.g9-steps li, .g9-step2 li {
  counter-increment: g9step;
  position: relative;
  padding: 16px 16px 16px 70px;
  border: 1px solid var(--g9-line);
  border-radius: 10px;
  background: var(--g9-panel);
  margin-bottom: 12px;
}

.g9-steps li::before, .g9-step2 li::before {
  content: counter(g9step);
  position: absolute;
  left: 16px; top: 16px;
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, #1c3040, #10202c);
  border: 1px solid var(--g9-ac-dim);
  color: var(--g9-ac);
  font-weight: 600;
  font-size: 1.05rem;
  box-shadow: inset 0 0 10px rgba(20, 196, 232, 0.25);
}

.g9-steps h3, .g9-step2 h3 { font-family: var(--g9-font-b); font-weight: 600; font-size: 1.02rem; }
.g9-steps p, .g9-step2 p { font-size: 0.92rem; color: var(--g9-mut); margin: 4px 0 0; }

/* ---------- 叙述 + 优势 + 表 + 精选 ---------- */

.g9-about { padding: 18px 0 8px; }

.g9-about > p { color: #C9D2E2; max-width: 76ch; }

.g9-herofig { margin: 26px 0 6px; border: 1px solid var(--g9-line); border-radius: 14px; overflow: hidden; }
.g9-herofig img { width: 100%; }
.g9-herofig figcaption { padding: 10px 16px; font-size: 0.85rem; color: var(--g9-mut); border-top: 1px solid var(--g9-line); background: #141722; }

.g9-advlist { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }

.g9-advlist li {
  padding: 18px;
  border-top: 3px solid var(--g9-ac);
  background: var(--g9-panel);
  border-radius: 0 0 10px 10px;
}

.g9-advlist h3 { font-family: var(--g9-font-b); font-weight: 600; font-size: 1rem; color: #F5F8FC; }
.g9-advlist p { font-size: 0.88rem; color: var(--g9-mut); margin: 0; }

.g9-tblp { color: var(--g9-mut); max-width: 74ch; }

.g9-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 14px;
  font-size: 0.9rem;
  border: 1px solid var(--g9-line);
  border-radius: 10px;
  overflow: hidden;
}

.g9-table th, .g9-table td { padding: 11px 16px; text-align: left; border-bottom: 1px solid var(--g9-line); }
.g9-table th { color: var(--g9-ac); font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; background: #141722; font-weight: 600; }
.g9-table td { color: #C9D2E2; }
.g9-table tr:last-child td { border-bottom: none; }
.g9-table td:first-child { color: #F5F8FC; white-space: nowrap; }

.g9-pickgrid { margin-top: 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 16px; }

.g9-pick {
  padding: 18px;
  border: 1px solid var(--g9-line);
  border-radius: 12px;
  background: rgba(32, 36, 47, 0.55);
}

.g9-pick h3 a { color: #F5F8FC; }
.g9-pick p { font-size: 0.88rem; color: var(--g9-mut); margin: 6px 0 12px; }

.g9-pickmore { font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; }

/* ---------- FAQ ---------- */

.g9-q {
  border: 1px solid var(--g9-line);
  border-radius: 10px;
  background: var(--g9-panel);
  margin-bottom: 12px;
  overflow: hidden;
}

.g9-q summary {
  cursor: pointer;
  padding: 14px 18px;
  font-weight: 600;
  font-size: 0.98rem;
  list-style: none;
  position: relative;
  padding-left: 44px;
}

.g9-q summary::before {
  content: "🌙";
  position: absolute;
  left: 15px; top: 13px;
  font-size: 1rem;
}

.g9-q summary::-webkit-details-marker { display: none; }
.g9-q[open] summary { color: var(--g9-ac); border-bottom: 1px dashed var(--g9-line); }
.g9-q p { padding: 13px 18px; font-size: 0.92rem; color: #C9D2E2; margin: 0; }

/* ---------- 信任 ---------- */

.g9-trust {
  margin-top: 28px;
  padding: 26px;
  border: 1px solid var(--g9-ac-dim);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(20, 196, 232, 0.08), rgba(20, 196, 232, 0.02));
}

.g9-trust p { color: #C9D2E2; max-width: 78ch; }
.g9-trustlnk { font-size: 0.88rem; letter-spacing: 0.08em; text-transform: uppercase; }

/* ---------- 内页 ---------- */

.g9-paper { max-width: 920px; margin: 0 auto; padding: 34px 20px 90px; }

.g9-crumbs { font-size: 0.82rem; color: var(--g9-mut); margin-bottom: 18px; }
.g9-crumbs a { color: var(--g9-mut); }
.g9-crumbs a:hover { color: var(--g9-ac); }

.g9-navintro, .g9-edulead { font-size: 1.08rem; color: #C9D2E2; margin-bottom: 1.2em; }

.g9-navlist { margin: 0 0 1.2em 1.2em; }
.g9-navlist li { font-size: 0.95rem; color: #C9D2E2; margin-bottom: 8px; }
.g9-navlist li::marker { color: var(--g9-ac); }

.g9-note {
  padding: 15px 18px;
  border-left: 3px solid var(--g9-gold);
  background: rgba(232, 196, 107, 0.06);
  border-radius: 0 10px 10px 0;
  font-size: 0.92rem;
  color: #D9CBA6;
}

.g9-navaside {
  margin-top: 28px;
  padding: 20px;
  border: 1px solid var(--g9-line);
  border-radius: 12px;
  background: rgba(32, 36, 47, 0.5);
}

.g9-navaside h3 { margin: 0 0 8px; font-family: var(--g9-font-b); font-size: 0.85rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--g9-ac); }
.g9-navaside h3 + h3 { margin-top: 16px; }
.g9-navaside a { display: block; padding: 4px 0; font-size: 0.95rem; color: #C9D2E2; }
.g9-navaside a:hover { color: var(--g9-ac); }

.g9-resp {
  margin-top: 24px;
  font-size: 0.85rem;
  color: var(--g9-mut);
  border-top: 1px solid var(--g9-line);
  padding-top: 15px;
}

.g9-edu p { color: #C9D2E2; }

.g9-fig { margin: 24px 0; border: 1px solid var(--g9-line); border-radius: 12px; overflow: hidden; }
.g9-fig img { width: 100%; }
.g9-fig figcaption { padding: 10px 14px; font-size: 0.82rem; color: var(--g9-mut); border-top: 1px solid var(--g9-line); background: #141722; }
.g9-fig-lead { margin-top: 4px; }

/* ---------- 页脚 ---------- */

.g9-foot { border-top: 1px solid var(--g9-line); background: #141722; }

.g9-fgrid {
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 20px 26px;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 26px;
}

.g9-fbrand p { font-size: 0.88rem; color: var(--g9-mut); margin: 12px 0; }

.g9-18 {
  display: inline-block;
  padding: 3px 12px;
  border: 1px solid var(--g9-gold);
  border-radius: 999px;
  color: var(--g9-gold);
  font-size: 0.8rem;
  letter-spacing: 0.1em;
}

.g9-fcol h3 { font-family: var(--g9-font-b); font-size: 0.85rem; letter-spacing: 0.12em; color: var(--g9-txt); margin-bottom: 10px; }
.g9-fcol a { display: block; padding: 4px 0; font-size: 0.92rem; color: var(--g9-mut); }
.g9-fcol a:hover { color: var(--g9-ac); }

.g9-fbot { border-top: 1px solid var(--g9-line); padding: 16px 20px 90px; text-align: center; }
.g9-fbot p { font-size: 0.8rem; color: var(--g9-mut); margin: 0 0 4px; }

/* ---------- 悬浮条 ---------- */

.g9-float {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 80;
  display: flex;
  justify-content: center;
  padding: 10px 12px;
  background: linear-gradient(180deg, rgba(20, 23, 34, 0.7), rgba(20, 23, 34, 0.97));
  border-top: 1px solid var(--g9-line);
  backdrop-filter: blur(6px);
}

.g9-floatin { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: center; }

.g9-jp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid var(--g9-line);
  border-radius: 999px;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  color: var(--g9-mut);
}

.g9-blink { animation: g9-blink 1.6s ease-in-out infinite; color: var(--g9-ac); }
@keyframes g9-blink { 50% { opacity: 0.35; } }

.g9-enter { padding: 12px 28px; }

/* ---------- 404 ---------- */

.g9-404body { display: block; }

.g9-404 { max-width: 720px; margin: 0 auto; padding: 70px 20px 110px; text-align: center; }

.g9-404reels {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 22px;
}

.g9-404reels span {
  width: 66px; height: 66px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--g9-ac-dim);
  border-radius: 50%;
  font-size: 1.6rem;
  background: repeating-linear-gradient(180deg, #141722 0 4px, #10131c 4px 8px);
  box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.8), 0 0 14px rgba(20, 196, 232, 0.2);
}

.g9-404act { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 18px; }

/* ---------- 响应式 ---------- */

@media (max-width: 980px) {
  .g9-heroin { grid-template-columns: 1fr; }
  .g9-fgrid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 860px) {
  .g9-nav, .g9-hact { display: none; }
  .g9-burger { display: block; }
  .g9-navtog:checked ~ .g9-mnav { display: block; }
}

@media (max-width: 560px) {
  body { font-size: 16px; }
  .g9-hero { padding-top: 34px; }
  .g9-fgrid { grid-template-columns: 1fr; }
  .g9-omencard { grid-template-columns: 1fr; }
  .g9-table th, .g9-table td { padding: 8px 8px; font-size: 0.8rem; }
  .g9-table td:first-child { white-space: normal; }
  .g9-dialface { width: 210px; height: 210px; }
  .g9-p0, .g9-p1, .g9-p2, .g9-p3, .g9-p4, .g9-p5, .g9-p6, .g9-p7 { transform: none; position: static; margin: 0; }
  .g9-dialface { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; padding: 26px; }
  .g9-needle { display: none; }
  .g9-dialhub { display: none; }
  .g9-jp { display: none; }
}