/* Stage Oracle V3 chrome. Does not target global header{}. */

.om2-brand {
  top: 28px;
  left: 32px;
  font-size: 30px;
  line-height: 1;
}
.om2-brand span {
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: 0.22em;
  opacity: 0.72;
}

/* Independent 16px-radius tabs; unselected obsidian, selected tint only. */
.om2-tabs {
  top: 28px;
  gap: 14px;
}
.om2-tab {
  min-width: 100px;
  width: 100px;
  height: 46px;
  min-height: 46px;
  padding: 0 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #12131a;
  color: rgba(232, 228, 236, 0.62);
  letter-spacing: 0.16em;
  box-shadow: none;
}
.om2-tab::after {
  border-radius: 16px;
  border-color: transparent;
  box-shadow: none;
  opacity: 0;
}
.om2-tab[data-category="music"][aria-pressed="true"] {
  color: #f4eefe;
  background: #16141f;
  border-color: #c6b5f2;
  box-shadow: inset 0 0 10px rgba(198, 181, 242, 0.22);
}
.om2-tab[data-category="games"][aria-pressed="true"] {
  color: #e8fff8;
  background: #121916;
  border-color: #83d6c4;
  box-shadow: inset 0 0 10px rgba(131, 214, 196, 0.2);
}
.om2-tab[data-category="blog"][aria-pressed="true"] {
  color: #fff6e8;
  background: #19160f;
  border-color: #dcc298;
  box-shadow: inset 0 0 10px rgba(220, 194, 152, 0.2);
}
.om2-tab[aria-pressed="true"]::after { opacity: 0; }

/* Remove the original full-width/left gradient banner owner, not a global header rule. */
._sidebar_1yhnp_16 {
  background: none !important;
}
._header_2y84t_1 {
  background: none !important;
  padding: 0 !important;
}

.om2-treehole-anchor {
  pointer-events: auto;
}

/* Independent local oracle surface. Treehole keeps its own dialog and transport. */
.om3-oracle-dialog,.om3-oracle-dialog *{box-sizing:border-box;}
.om3-oracle-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:34px 36px 28px;overflow:auto;border:1px solid rgba(194,181,243,.42);border-radius:24px;background:linear-gradient(155deg,#1a1927,#0d101b);color:#f1edf5;box-shadow:0 28px 80px rgba(0,0,0,.6);font:15px/1.65 Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;}
.om3-oracle-dialog::backdrop{background:rgba(2,4,12,.78);}
.om3-close{position:absolute;top:10px;right:12px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#ddd7e8;font:32px/1 Inter,sans-serif;cursor:pointer;}
.om3-close:hover{background:rgba(255,255,255,.08);color:white;}
.om3-close:focus-visible,.om3-oracle-dialog :focus-visible{outline:2px solid #d5c8ff;outline-offset:4px;}
.om3-oracle-feature h2{margin:3px 0 8px;font:400 30px/1.2 Georgia,"Noto Serif SC",serif;letter-spacing:.04em;}
.om3-oracle-feature p{margin:10px 0;color:rgba(238,234,245,.78);}
.om3-oracle-kicker{margin:0!important;color:#cfc4f5!important;font-size:11px;letter-spacing:.16em;}
.om3-iching-lines{display:grid;gap:5px;max-width:230px;margin:22px 0;padding:15px 19px;list-style:none;border:1px solid rgba(199,185,243,.2);border-radius:14px;background:rgba(255,255,255,.035);font:16px/1.25 "Noto Serif SC",SimSun,serif;letter-spacing:.14em;}
.om3-oracle-feature strong{color:#f4effc;font-weight:600;}
.om3-oracle-disclosure{margin-top:22px!important;padding:12px 14px;border-left:2px solid rgba(193,176,242,.72);background:rgba(255,255,255,.035);font-size:12px;line-height:1.7;}

.om3-enable-ambient {
  position: fixed;
  right: 24px;
  bottom: 28px;
  z-index: 45;
  pointer-events: auto;
  min-height: 36px;
  padding: 8px 14px;
  border-radius: 14px;
  border: 1px solid rgba(232, 228, 236, 0.22);
  background: rgba(12, 13, 18, 0.78);
  color: rgba(244, 239, 232, 0.88);
  font: 12px/1.2 Inter, "Microsoft YaHei", sans-serif;
  letter-spacing: 0.08em;
  cursor: pointer;
}
.om3-enable-ambient:hover {
  border-color: rgba(198, 181, 242, 0.55);
}
@media(max-width:760px){
  .om2-brand{top:17px;left:22px;font-size:32px;}
  .om2-brand span{margin-top:7px;font-size:7px;letter-spacing:.12em;}
  .om2-tabs{top:85px;gap:10px;}
  .om2-tab{min-width:88px;width:88px;}
}
@media(max-width:480px){
  .om2-brand{top:14px;left:18px;font-size:29px;}
  .om2-tabs{top:76px;gap:8px;}
  .om2-tab{min-width:96px;width:96px;}
  .om3-oracle-dialog{width:calc(100vw - 26px);max-height:calc(100dvh - 26px);padding:28px 22px 22px;border-radius:20px;}
  .om3-oracle-feature h2{font-size:26px;}
  .om3-iching-lines{font-size:15px;}
}

/* H01 slice: retain the existing stage/UI owners; champagne rim, not a glass film over artwork. */
.om2-brand{color:#f1dcc2;}
.om2-ui .om2-tab{border-radius:99px;background:linear-gradient(165deg,#242836b8,#0a0d18e0);}
.om2-ui .om2-tab[aria-pressed=true]{background:linear-gradient(165deg,#29232be8,#0d1120e8);}
.om2-ui .om2-tab::after{border-color:#e4c7a5;box-shadow:0 0 14px #e4ba7e24,inset 0 1px 5px #fff0da1c;}
.om2-ui .om2-launch{min-height:44px;margin-top:10px;padding:8px 23px;border:1px solid #e6c79a82;border-radius:99px;color:#f3e0c6;background:#121521a3;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s;}
.om2-ui .om2-launch:hover{background:#2a2731;transform:translateY(-2px);}
.om2-ui .om2-launch:active{transform:translateY(0) scale(.97);}
.om2-ui .om2-direction{background:radial-gradient(ellipse at 40% 20%,#292b3c,#111420 74%);border-color:#c8b99b91;box-shadow:inset 0 1px 2px #fff2,0 0 12px #d6b88613;}
.om2-ui .om2-pager-mark{background:#dbc5a4;box-shadow:none;}
.om2-ui :focus-visible{outline-color:#f3dab1;}
@media(min-width:761px){.om2-ui .om2-meta{top:60.5%;}}
@media(prefers-reduced-motion:reduce){.om2-ui .om2-launch{transition:none;}}

/* Reuse the WaterStage oracle UI; all art and text remain tied to the original result. */
.omw-modal[data-kind=oracle] .omw-modal-header{position:sticky;top:0;z-index:1;}
.omw-oracle{--oracle-edge:#d9bd8d;--oracle-ink:#eee6d8;}
.omw-oracle[data-mode=zodiac]{--oracle-edge:#9db8e3;}
.omw-oracle[data-mode=iching]{--oracle-edge:#b5ab79;}
.omw-oracle .omw-oracle-tabs{gap:8px;flex-wrap:wrap;}
.omw-oracle .omw-oracle-tab[aria-pressed=true]{border-color:var(--oracle-edge);color:var(--oracle-ink);background:#25282f;}
.omw-oracle .omw-primary{min-height:48px;border:1px solid var(--oracle-edge);background:#25272f;color:var(--oracle-ink);text-decoration:none;}
.omw-oracle .omw-hexagram-card{background:radial-gradient(ellipse at 20% 12%,#334b45,#101e22 60%,#0d151b);border:1px solid #b5a97a;box-shadow:inset 0 0 0 5px #111f24,inset 0 0 0 6px #b5a97a44;}
.omw-oracle .omw-hexagram-title{color:#e6d8b5;}
.omw-oracle .omw-line span{background:linear-gradient(90deg,#a88f61,#e9d5a1,#a88f61);}
.omw-oracle .omw-line.is-moving span{background:linear-gradient(90deg,#b67d64,#eed2a0,#b67d64);}
.omw-oracle .omw-card-stage>.omw-source{position:absolute;inset:auto 20px 18px;max-width:280px;margin:0;text-align:center;line-height:1.8;font-size:11px;}
