.ich-hero{ display:grid; grid-template-columns:auto auto; align-items:center; gap:22px 28px; }
.ich-hero-hex{ filter:drop-shadow(0 0 18px rgba(var(--accent-rgb), .35)) drop-shadow(0 0 42px rgba(212,168,75,.18)); }
html[data-tier="mid"] .ich-hero-hex, html[data-tier="high"] .ich-hero-hex{ animation:ichBreathe 8s ease-in-out infinite; }
@keyframes ichBreathe{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } }
.ich-hero-meta{ display:grid; gap:6px; justify-items:start; }
.ich-hero-zh{ font-size:clamp(54px, 7vw, 84px); line-height:1; color:var(--aurum-bright); text-shadow:0 0 28px rgba(240,178,90,.45), 0 0 60px rgba(212,168,75,.2); font-weight:400; }
.ich-hero-pinyin{ font-family:var(--font-mono); font-size:13px; letter-spacing:.3em; text-transform:uppercase; color:var(--aurum); }
.ich-hero-trig{ display:grid; gap:2px; margin-top:8px; font-size:13.5px; color:var(--ink-3); }
.ich-hero-trig > span{ display:inline-flex; align-items:center; gap:8px; }
.ich-hero-trig-pos{ font-family:var(--font-mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-4); min-width:46px; }
.ich-hero-trig-sym{ font-size:1.5em; color:var(--aurum-bright); line-height:1; }
.ich-hero--index{ display:block; }
.geo-hero-art .ich-hero{ position:relative; z-index:1; }
.ich-glyph{ font-size:1.15em; line-height:1; color:var(--aurum-bright); vertical-align:-.08em; margin-right:.1em; }
.ich-zh{ font-size:1.4em; color:var(--aurum-bright); margin-right:.3em; }
.ich-fact tbody th[scope="row"]{ font-family:var(--font-mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--aurum); background:transparent; white-space:nowrap; width:1%; }
.ich-fact td a{ color:var(--ink); border-bottom-color:rgba(212,168,75,.35); }
.ich-fact td a:hover{ color:var(--aurum-bright); }
.geo-prose .ich-classic-block{ margin:0 0 1.6em; padding:22px 26px 20px 30px; border-left:2px solid var(--aurum); border-radius:0 20px 20px 0; background:linear-gradient(160deg, rgba(212,168,75,.09), rgba(255,255,255,.015)); color:var(--ink-2); font-family:var(--font-body); position:relative; box-shadow:0 0 40px rgba(212,168,75,.06); }
.geo-prose .ich-classic-block::before{ content:'易'; position:absolute; right:18px; top:10px; font-size:44px; line-height:1; color:rgba(212,168,75,.16); }
.geo-prose .ich-classic-block p{ margin:0 0 12px; font-size:16.5px; line-height:1.65; }
.geo-prose .ich-classic-block p:last-child{ margin-bottom:0; }
.geo-prose .ich-classic-block strong{ font-family:var(--font-mono); font-weight:500; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--aurum-bright); display:block; margin-bottom:4px; }
.geo-prose .ich-classic-block em{ font-style:italic; color:var(--aurum-soft); }
.geo-prose .ich-note{ font-size:14.5px; color:var(--ink-3); padding:12px 16px; border-radius:14px; border:1px dashed var(--rule-gold); margin:0 0 22px; }
.geo-prose .ich-lines{ list-style:none; padding:0; margin:0 0 1.2em; display:grid; gap:14px; counter-reset:none; }
.ich-line{ display:grid; grid-template-columns:64px minmax(0, 1fr); gap:18px; padding:20px 22px 18px 18px; border-radius:20px; background:var(--glass-soft); border:1px solid rgba(212,168,75,.16); position:relative; scroll-margin-top:96px; transition:border-color .35s, box-shadow .35s; }
.ich-line:hover, .ich-line:target{ border-color:rgba(240,178,90,.42); box-shadow:var(--shadow-card); }
.ich-line:target{ background:linear-gradient(160deg, rgba(212,168,75,.10), rgba(255,255,255,.015)); }
.ich-line-art{ display:grid; place-items:start center; padding-top:4px; }
.ich-line-art svg{ filter:drop-shadow(0 0 10px rgba(240,208,122,.35)); }
.ich-line-body{ min-width:0; }
.geo-prose .ich-line h3{ margin:0 0 8px; font-size:18px; line-height:1.3; }
.ich-line-n{ font-family:var(--font-mono); font-weight:500; font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:var(--aurum); margin-right:4px; }
.ich-line h3 small{ font-family:var(--font-body); font-weight:400; font-size:12.5px; color:var(--ink-4); letter-spacing:0; text-transform:none; }
.geo-prose .ich-classic{ margin:0 0 10px; color:var(--aurum-soft); font-size:15.5px; }
.geo-prose .ich-changes{ margin:12px 0 0; padding-top:12px; border-top:1px solid var(--rule); display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; font-size:14.5px; color:var(--ink-3); }
.ich-changes-k{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--aurum); }
.geo-prose .ich-changes a{ color:var(--ink); font-weight:500; border-bottom-color:rgba(212,168,75,.35); }
.ich-changes-art{ display:inline-flex; opacity:.85; }
.ich-changes-art svg{ width:22px; height:24px; }
.ich-line-nat{ margin-left:auto; font-size:18px; color:var(--ink-4); }
.geo-prose .ich-structure{ list-style:none; padding:0; margin:0 0 1.2em; display:grid; gap:10px; }
.geo-prose .ich-structure li{ margin:0; padding:14px 18px 14px 44px; border-radius:16px; background:var(--glass-soft); border:1px solid var(--rule); position:relative; line-height:1.6; }
.geo-prose .ich-structure li::before{ content:'✦'; position:absolute; left:16px; top:14px; color:var(--aurum-hot); text-shadow:0 0 12px rgba(240,178,90,.5); font-size:14px; }
.geo-prose .ich-structure a{ color:var(--ink); }
.geo-prose .ich-actions{ display:flex; flex-wrap:wrap; gap:12px; margin:18px 0 0; }
.geo-prose .ich-actions a{ border-bottom:0; }
.geo-prose .ich-grid{ list-style:none; padding:0; margin:0 0 1.2em; display:grid; gap:12px; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); }
.geo-prose .ich-grid li{ margin:0; }
.geo-prose .ich-card{ display:grid; grid-template-columns:auto 1fr; grid-template-areas:'n hex' 'zh zh' 'name name' 'kw kw'; gap:4px 10px; align-items:center; padding:14px 14px 12px; border-radius:18px; background:var(--glass-soft); border:1px solid rgba(212,168,75,.16); text-decoration:none; color:var(--ink-2); position:relative; transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease; height:100%; box-sizing:border-box; }
.geo-prose .ich-card:hover{ transform:translateY(-4px); border-color:rgba(240,178,90,.45); box-shadow:var(--shadow-card); }
.ich-card-n{ grid-area:n; font-family:var(--font-mono); font-size:22px; color:var(--aurum-bright); line-height:1; text-shadow:0 0 16px rgba(232,196,106,.35); }
.ich-card svg{ grid-area:hex; justify-self:end; width:34px; height:37px; }
.ich-card-zh{ grid-area:zh; font-size:20px; color:var(--aurum); line-height:1.1; margin-top:6px; }
.ich-card-zh small{ font-family:var(--font-mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-4); margin-left:4px; }
.ich-card strong{ grid-area:name; display:block; font-family:var(--font-display); font-weight:600; font-size:14.5px; line-height:1.25; color:var(--ink); }
.ich-card em{ grid-area:kw; font-style:normal; font-size:12px; color:var(--ink-3); }
.ich-card[data-accent="violet"] .ich-card-n{ color:#A78BFA; text-shadow:0 0 16px rgba(139,92,246,.4); }
.ich-card[data-accent="teal"] .ich-card-n{ color:#2DD4BF; text-shadow:0 0 16px rgba(20,184,166,.4); }
.ich-card[data-accent="emerald"] .ich-card-n{ color:#6EE7B7; text-shadow:0 0 16px rgba(52,211,153,.4); }
.ich-card[data-accent="copper"] .ich-card-n{ color:#E2B08E; text-shadow:0 0 16px rgba(194,133,96,.4); }
.ich-card[data-accent="rose"] .ich-card-n{ color:#F9A8D4; text-shadow:0 0 16px rgba(244,114,182,.4); }
.ich-trig-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 1.4em; border:1px solid var(--rule-gold); border-radius:18px; background:var(--glass-soft); }
.geo-prose .ich-trig{ width:100%; min-width:560px; border-collapse:separate; border-spacing:0; font-size:14px; }
.geo-prose .ich-trig th, .geo-prose .ich-trig td{ text-align:center; padding:8px 4px; border-top:1px solid var(--rule); }
.geo-prose .ich-trig thead th{ background:rgba(212,168,75,.06); }
.geo-prose .ich-trig th > span{ display:block; }
.geo-prose .ich-trig th > span[data-en]{ display:none; }
html[lang="en"] .geo-prose .ich-trig th > span[data-en]{ display:block; }
html[lang="en"] .geo-prose .ich-trig th > span[data-es]{ display:none; }
.geo-prose .ich-trig th:first-child{ text-align:left; font-size:10px; }
.ich-trig-sym{ font-size:26px; line-height:1; color:var(--aurum-bright); font-family:var(--font-body); letter-spacing:0; text-transform:none; }
.geo-prose .ich-trig td a{ display:grid; gap:2px; place-items:center; padding:6px 2px; border-radius:10px; border:1px solid transparent; text-decoration:none; color:var(--ink-2); transition:background .25s, border-color .25s; }
.geo-prose .ich-trig td a:hover{ background:rgba(212,168,75,.08); border-color:var(--rule-gold); color:var(--ink); }
.geo-prose .ich-trig td a b{ font-family:var(--font-mono); font-weight:500; color:var(--aurum-bright); font-size:15px; }
.geo-prose .ich-trig td a .ich-glyph{ font-size:22px; margin:0; }
.ich-oracle-card{ display:block; padding:clamp(22px, 4vw, 40px); border-radius:26px; border:1px solid var(--rule-gold); background:var(--glass); box-shadow:var(--shadow-glass); position:relative; overflow:hidden; }
.ich-oracle-card::before{ content:''; position:absolute; inset:-40% -20% auto; height:70%; background:radial-gradient(ellipse at 50% 0%, rgba(212,168,75,.14), transparent 65%); pointer-events:none; }
.ich-oracle{ position:relative; min-height:420px; }
@media (max-width: 680px){ .ich-oracle{ min-height:620px; } }
.ich-oracle-skeleton{ display:grid; gap:12px; }
.ich-oracle-skeleton span{ display:block; height:18px; border-radius:9px; background:rgba(255,255,255,.05); }
html.js .ich-oracle-skeleton span{ animation:ichSkel 1.6s ease-in-out infinite; }
.ich-oracle-skeleton span:nth-child(2){ width:70%; animation-delay:.2s; }
.ich-oracle-skeleton span:nth-child(3){ width:45%; animation-delay:.4s; }
@keyframes ichSkel{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
.ich-oracle.is-ready .ich-oracle-skeleton, .ich-oracle.is-failed .ich-oracle-skeleton{ display:none; }
.ich-q{ display:block; margin:0 0 26px; }
.ich-q .geo-kicker{ display:block; margin-bottom:10px; }
.ich-q textarea{ width:100%; box-sizing:border-box; resize:vertical; min-height:84px; padding:16px 18px; border-radius:16px; border:1px solid var(--rule-gold); background:rgba(10,8,6,.55); color:var(--ink); font-family:var(--font-body); font-size:16.5px; line-height:1.55; transition:border-color .25s, box-shadow .25s; }
.ich-q textarea:focus{ outline:none; border-color:rgba(240,178,90,.6); box-shadow:0 0 0 3px rgba(212,168,75,.14), 0 0 30px rgba(212,168,75,.12); }
.ich-q textarea::placeholder{ color:var(--ink-4); }
.ich-q-hint{ display:block; margin-top:8px; font-size:13px; color:var(--ink-3); }
.ich-q-err{ margin:14px 0 0; padding:12px 16px; border-radius:12px; border:1px solid rgba(244,114,182,.4); background:rgba(244,114,182,.08); color:#F9A8D4; font-size:14.5px; }
.ich-method-k{ margin:0 0 14px; }
.ich-methods{ display:grid; gap:14px; }
@media (min-width: 720px){ .ich-methods{ grid-template-columns:repeat(3, 1fr); } }
.ich-method{ display:grid; gap:6px; justify-items:start; text-align:left; padding:20px; border-radius:20px; border:1px solid rgba(212,168,75,.2); background:var(--glass-soft); color:var(--ink-2); cursor:pointer; font-family:var(--font-body); transition:transform .35s var(--ease-out-expo, ease), border-color .35s, box-shadow .35s; }
.ich-method:hover{ transform:translateY(-4px); border-color:rgba(240,178,90,.5); box-shadow:var(--shadow-card); }
.ich-method:focus-visible{ transform:translateY(-4px); border-color:rgba(240,178,90,.5); box-shadow:var(--shadow-card); outline:2px solid var(--aurum); outline-offset:3px; }
.ich-method strong{ font-family:var(--font-display); font-weight:600; font-size:17px; color:var(--ink); }
.ich-method span:last-child{ font-size:14px; line-height:1.5; color:var(--ink-3); }
.ich-method-art{ display:inline-flex; align-items:center; gap:4px; height:44px; }
.ich-coin-mini{ width:26px; height:26px; border-radius:50%; background:radial-gradient(circle at 34% 30%, #F6E3A6, #D4A84B 58%, #8B6914); box-shadow:0 2px 8px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.4); position:relative; }
.ich-coin-mini::after{ content:''; position:absolute; inset:34%; background:#14110B; border-radius:2px; }
.ich-coin-mini:nth-child(2){ transform:translateY(-5px); }
.ich-method-art--num, .ich-method-art--me{ font-family:var(--font-display); font-weight:600; font-size:30px; color:var(--aurum-bright); text-shadow:0 0 20px rgba(232,196,106,.4); }
.ich-hero-coins{ display:flex; gap:18px; align-items:center; }
.ich-coin-hero{ width:92px; height:92px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 34% 28%, #F6E3A6, #D4A84B 55%, #8B6914); box-shadow:0 14px 34px rgba(0,0,0,.5), 0 0 40px rgba(212,168,75,.25), inset 0 2px 0 rgba(255,255,255,.45), inset 0 -3px 8px rgba(80,52,10,.6); position:relative; }
.ich-coin-hero i{ font-style:normal; font-size:30px; color:#4A3208; }
.ich-coin-hero.c2{ transform:translateY(-22px) rotate(-8deg); }
.ich-coin-hero.c3{ transform:translateY(10px) rotate(10deg); }
html[data-tier="mid"] .ich-coin-hero, html[data-tier="high"] .ich-coin-hero{ animation:ichCoinIdle 7s ease-in-out infinite; }
.ich-coin-hero.c2{ animation-delay:-2.4s; } .ich-coin-hero.c3{ animation-delay:-4.6s; }
@keyframes ichCoinIdle{ 0%,100%{ translate:0 0; } 50%{ translate:0 -7px; } }
.ich-stage{ display:grid; gap:28px; }
.ich-stage--coins{ grid-template-columns:minmax(0, 1fr); }
@media (min-width: 860px){ .ich-stage--coins{ grid-template-columns:minmax(0, 1.1fr) minmax(240px, .9fr); align-items:start; } }
.ich-coins{ display:flex; gap:clamp(14px, 3vw, 26px); justify-content:center; padding:26px 0 10px; perspective:900px; }
.ich-coin{ width:clamp(72px, 12vw, 96px); aspect-ratio:1; position:relative; }
.ich-coin-inner{ position:absolute; inset:0; transform-style:preserve-3d; transition:none; }
.ich-coin.is-flipping .ich-coin-inner{ animation:ichFlip 1.1s cubic-bezier(.3,.7,.3,1) forwards; animation-delay:var(--delay, 0ms); }
@keyframes ichFlip{ 0%{ transform:rotateX(0) translateY(0); } 45%{ transform:rotateX(calc(var(--spin, 1440deg) * .6)) translateY(-46px); } 100%{ transform:rotateX(var(--spin, 1440deg)) translateY(0); } }
.ich-coin-face{ position:absolute; inset:0; border-radius:50%; display:grid; place-items:center; backface-visibility:hidden; background:radial-gradient(circle at 34% 28%, #F6E3A6, #D4A84B 55%, #8B6914); box-shadow:0 10px 26px rgba(0,0,0,.5), inset 0 2px 0 rgba(255,255,255,.45), inset 0 -3px 8px rgba(80,52,10,.6); }
.ich-coin-face span{ font-size:clamp(24px, 4vw, 32px); color:#4A3208; }
.ich-coin-face--yin{ transform:rotateX(180deg); }
.ich-coin[data-face="yin"] .ich-coin-inner{ transform:rotateX(180deg); }
.ich-coin.is-landed{ animation:ichLand .5s ease; }
@keyframes ichLand{ 0%{ filter:drop-shadow(0 0 24px rgba(240,208,122,.8)); } 100%{ filter:none; } }
@media (prefers-reduced-motion: reduce){ .ich-coin.is-flipping .ich-coin-inner{ animation:none; } .ich-coin.is-landed{ animation:none; } }
.ich-throw-n{ text-align:center; margin:0 0 16px; }
.ich-stage-actions{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.ich-build{ display:grid; gap:12px; justify-items:center; padding:18px; border-radius:20px; border:1px solid var(--rule); background:rgba(10,8,6,.35); }
.ich-build-hex svg{ filter:drop-shadow(0 0 16px rgba(240,208,122,.28)); }
.ich-build-hex .ich-svg-line{ opacity:.14; transition:opacity .5s ease; }
.ich-build-hex .ich-svg-line.is-set{ opacity:1; }
.ich-build-hex .ich-svg-line.is-new rect{ animation:ichLineIn .7s var(--ease-out-expo, ease); }
@keyframes ichLineIn{ 0%{ transform:scaleX(.2); opacity:0; } 100%{ transform:scaleX(1); opacity:1; } }
.ich-build-lines{ list-style:none; margin:0; padding:0; display:grid; gap:6px; width:100%; }
.ich-build-lines li{ display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ink-3); padding:6px 10px; border-radius:10px; border:1px solid transparent; }
.ich-build-lines li.is-moving{ border-color:rgba(240,208,122,.4); background:rgba(212,168,75,.07); color:var(--aurum-soft); }
.ich-build-lines b{ font-family:var(--font-mono); font-weight:500; color:var(--aurum-bright); }
.ich-build-lines span{ font-family:var(--font-mono); font-size:12px; }
.ich-build-lines em{ font-style:normal; margin-left:auto; }
.ich-num-rows{ list-style:none; margin:0 0 20px; padding:0; display:grid; gap:8px; max-width:560px; }
.ich-num-rows li{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:10px 14px; border-radius:12px; border:1px solid var(--rule); background:rgba(10,8,6,.3); font-size:14.5px; color:var(--ink-3); opacity:0; transform:translateY(8px); transition:opacity .5s ease, transform .5s ease; }
.ich-num-rows li.is-in{ opacity:1; transform:none; }
.ich-num-rows b{ font-family:var(--font-mono); font-weight:500; color:var(--aurum-bright); white-space:nowrap; }
.ich-stage--num .ich-build-hex{ margin:6px 0 18px; }
.ich-stage--random{ justify-items:center; text-align:center; min-height:200px; align-content:center; }
.ich-shuffle-glyph{ font-size:84px; line-height:1; color:var(--aurum-bright); text-shadow:0 0 34px rgba(240,178,90,.5); }
.ich-result{ display:grid; gap:18px; }
.ich-result-q{ margin:0; padding:14px 18px; border-radius:14px; border:1px solid var(--rule); background:rgba(10,8,6,.35); color:var(--ink); font-size:15.5px; }
.ich-result-q .geo-kicker{ display:block; margin:0 0 6px; }
.ich-result-meta{ margin:0; font-size:13.5px; color:var(--ink-3); }
.ich-result-meta a{ color:var(--ink-2); }
.ich-tabs{ display:flex; gap:8px; flex-wrap:wrap; border-bottom:1px solid var(--rule); padding-bottom:0; }
.ich-tabs [role="tab"]{ appearance:none; background:transparent; border:0; border-bottom:2px solid transparent; color:var(--ink-3); font-family:var(--font-body); font-size:14px; letter-spacing:.04em; padding:10px 14px 12px; cursor:pointer; transition:color .25s, border-color .25s; }
.ich-tabs [role="tab"] b{ font-family:var(--font-mono); font-weight:500; color:var(--aurum); margin-left:4px; }
.ich-tab-count{ display:inline-grid; place-items:center; min-width:20px; height:20px; padding:0 5px; margin-left:6px; border-radius:999px; background:rgba(212,168,75,.14); border:1px solid var(--rule-gold); font-family:var(--font-mono); font-size:12px; color:var(--aurum-bright); vertical-align:middle; }
.ich-tabs [role="tab"][aria-selected="true"]{ color:var(--ink); border-bottom-color:var(--aurum); }
.ich-tabs [role="tab"]:hover{ color:var(--aurum-bright); }
.ich-result-card{ display:grid; gap:14px; padding:22px; border-radius:20px; border:1px solid rgba(212,168,75,.22); background:var(--glass-soft); }
.ich-result-head{ display:grid; grid-template-columns:auto minmax(0, 1fr); gap:20px; align-items:center; }
.ich-result-head svg{ filter:drop-shadow(0 0 18px rgba(240,208,122,.3)); }
.ich-result-zh{ display:block; font-size:40px; line-height:1; color:var(--aurum-bright); text-shadow:0 0 24px rgba(240,178,90,.4); }
.ich-result-pinyin{ display:block; font-family:var(--font-mono); font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:var(--aurum); margin:4px 0 8px; }
.ich-result-card h3{ margin:0 0 6px; font-family:var(--font-display); font-weight:600; font-size:clamp(20px, 2.6vw, 26px); color:var(--ink); }
.ich-result-n{ font-family:var(--font-mono); font-weight:400; color:var(--aurum); }
.ich-result-kw{ font-size:13.5px; color:var(--ink-3); }
.ich-result-kw b{ color:var(--aurum-soft); font-weight:500; }
.ich-result-judg{ margin:0; padding:12px 16px; border-left:2px solid var(--aurum); border-radius:0 12px 12px 0; background:rgba(212,168,75,.06); font-size:15px; color:var(--aurum-soft); }
.ich-result-judg span{ display:block; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--aurum); margin-bottom:4px; }
.ich-result-short{ margin:0; font-size:15.5px; line-height:1.65; color:var(--ink-2); }
.ich-result-card .ich-actions{ margin:4px 0 0; }
.ich-no-moving{ margin:8px 0; padding:14px 18px; border-radius:14px; border:1px dashed var(--rule-gold); color:var(--ink-2); font-size:15px; }
.ich-lines-intro{ margin:8px 0 14px; font-size:14.5px; color:var(--ink-3); }
.ich-lines--result{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.ich-lines--result .ich-line p{ margin:0 0 8px; font-size:15px; line-height:1.6; color:var(--ink-2); }
.ich-line-read{ margin:0; font-size:13.5px; }
.ich-line-read a{ color:var(--aurum-soft); }
.ich-result-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:6px; }
.ich-bridge{ margin-top:10px; padding:20px 22px; border-radius:20px; border:1px solid var(--rule-gold); background:linear-gradient(160deg, rgba(212,168,75,.09), rgba(255,255,255,.015)); }
.ich-bridge p{ margin:0 0 12px; font-size:15px; line-height:1.6; color:var(--ink-2); }
.ich-bridge .geo-kicker{ margin-bottom:8px; }
.ich-bridge .ich-actions{ margin:0; }

.geo-prose .geo-btn{ border-bottom:0; }
.geo-prose .geo-btn-gold{ color:#1A0F08; }
.geo-prose .geo-btn-ghost{ color:var(--aurum-bright); }
@media (max-width: 680px){
  .ich-hero{ grid-template-columns:auto auto; justify-content:center; gap:16px 22px; }
  .ich-hero-hex{ width:130px; height:141px; }
  .ich-line{ grid-template-columns:48px minmax(0, 1fr); gap:12px; padding:16px 16px 14px 12px; }
  .ich-line-art svg{ width:44px; height:48px; }
  .geo-table-wrap .ich-fact td[data-label]::before{ display:none; }
  .geo-table-wrap .ich-fact tbody th[scope="row"]{ padding-bottom:0; }
  .geo-prose .ich-grid{ grid-template-columns:repeat(2, 1fr); gap:10px; }
  .geo-prose .ich-actions .geo-btn{ width:100%; }
  .ich-trig-scroll table, .ich-trig-scroll thead, .ich-trig-scroll tbody, .ich-trig-scroll tr, .ich-trig-scroll th, .ich-trig-scroll td{ display:revert; width:auto; position:static; clip:auto; box-sizing:border-box; }
  .ich-trig-scroll td[data-label]::before{ display:none; }
  .geo-prose .ich-trig{ min-width:520px; }
  .ich-line{ grid-template-columns:1fr; gap:10px; }
  .ich-line-art{ justify-self:start; }
  .ich-tabs{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .ich-tabs::-webkit-scrollbar{ display:none; }
  .ich-tabs [role="tab"]{ white-space:nowrap; flex:0 0 auto; }
  .ich-hero-coins{ transform:scale(.82); }
  .ich-result-head{ grid-template-columns:auto minmax(0, 1fr); gap:14px; }
  .ich-result-head svg{ width:88px; height:95px; }
  .ich-oracle-card{ padding:18px 16px; }
  .ich-stage-actions .geo-btn, .ich-result-actions .geo-btn, .ich-bridge .geo-btn{ width:100%; }
}
@media (max-width: 860px){ .ich-hero-hex, .ich-coin-hero{ animation:none !important; } }
@media (prefers-reduced-motion: reduce){ .ich-hero-hex, .ich-coin-hero, .ich-oracle-skeleton span{ animation:none !important; } .ich-line, .ich-card{ transition:none; } }