:root {
  color-scheme: dark;
  --ink: #10111f;
  --panel: #171829;
  --panel-soft: #1d1e31;
  --line: rgba(255, 255, 255, 0.09);
  --muted: #9697ab;
  --cream: #f8f1df;
  --pink: #f07bc5;
  --hot-pink: #e954ac;
  --purple: #9f78f4;
  --gold: #efc56a;
  --green: #78d49f;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; background: #0d0e19; color: var(--cream); overflow-x: hidden; }
button, a { color: inherit; font: inherit; }
button { cursor: pointer; }

.game-shell { min-height: 100vh; background: var(--ink); }
.topbar {
  height: 72px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(14,15,27,.95); position: relative; z-index: 20;
}
.brand { display: flex; align-items: center; gap: 11px; color: inherit; text-decoration: none; }
.brand-mark {
  display: grid; place-items: center; width: 35px; height: 39px; border: 1px solid rgba(255,255,255,.4);
  border-radius: 48% 52% 45% 55%; color: var(--pink); font: 900 22px Georgia, serif; transform: rotate(-4deg);
  box-shadow: inset 0 0 16px rgba(240,123,197,.12);
}
.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit;transform:rotate(4deg) scale(1.08)}
.brand > span:last-child { display: flex; flex-direction: column; }
.brand strong { font-family: Georgia, serif; font-size: 18px; letter-spacing: 4px; line-height: 1; }
.brand small { color: var(--muted); font-size: 7px; letter-spacing: 1.8px; margin-top: 6px; }
.world-pulse { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 9px; letter-spacing: 1.5px; }
.world-pulse i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); animation: pulse 1.9s infinite; }
.world-pulse b { padding-left: 8px; color: var(--green); font-size: 8px; border-left: 1px solid var(--line); }
.top-actions { display: flex; gap: 9px; }
.how-button{height:38px;padding:0 12px;border:1px solid rgba(239,197,106,.25);background:rgba(239,197,106,.06);color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1px}.how-button:hover{background:rgba(239,197,106,.13);border-color:var(--gold)}
.icon-button, .wallet-button { border: 1px solid var(--line); background: rgba(255,255,255,.035); height: 38px; border-radius: 4px; }
.icon-button { width: 38px; color: var(--muted); }
.wallet-button { padding: 0 16px; min-width: 148px; display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 9px; letter-spacing: 1.5px; font-weight: 800; }
.wallet-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 9px rgba(240,123,197,.8); }
.wallet-button.connected .wallet-dot { background: var(--green); box-shadow: 0 0 9px rgba(120,212,159,.8); }

.playfield { height: min(68vh, 700px); min-height: 510px; position: relative; overflow: hidden; background: #182428; border-bottom: 1px solid rgba(255,255,255,.08); }
#worldCanvas { width: 100%; height: 100%; display: block; cursor: grab; touch-action:none; }
#worldCanvas:active { cursor: grabbing; }
.world-vignette { position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 150px rgba(7,9,18,.42); background: linear-gradient(180deg, rgba(15,15,30,.06), transparent 30%, rgba(8,9,18,.28)); }
.glass-chip { background: rgba(19,20,36,.72); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(10px); box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.weather-chip { position: absolute; left: 22px; top: 20px; display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 5px; }
.weather-chip > span:first-child { color: var(--gold); font-size: 21px; }
.weather-chip > span:last-child { display: flex; flex-direction: column; gap: 3px; }
.weather-chip b { font-size: 9px; letter-spacing: 1.2px; }
.weather-chip small { font-size: 7px; color: var(--muted); letter-spacing: 1px; }
.build-callout { position: absolute; left: 50%; top: 20px; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; background: rgba(20,19,35,.82); border: 1px solid rgba(240,123,197,.25); padding: 8px 10px; box-shadow: 0 12px 30px rgba(0,0,0,.2); }
.build-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: var(--pink); background: rgba(240,123,197,.12); }
.build-callout > span:nth-child(2) { min-width: 164px; display: flex; flex-direction: column; gap: 3px; }
.build-callout small { color: var(--pink); font-size: 6px; letter-spacing: 1.4px; }
.build-callout strong { font: 700 10px Georgia,serif; letter-spacing: .7px; }
.build-callout button { border: 0; background: transparent; color: var(--muted); font-size: 16px; }
.build-callout.ritual-live{border-color:rgba(239,197,106,.7);box-shadow:0 0 35px rgba(239,197,106,.25);animation:ritualPulse 1.3s ease-in-out infinite alternate}.build-callout.ritual-live .build-icon{color:var(--gold);background:rgba(239,197,106,.14)}
.wanted-card{position:absolute;left:22px;top:88px;width:270px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:10px;text-align:left;border:1px solid rgba(239,197,106,.3);background:rgba(29,25,36,.82);box-shadow:0 12px 30px rgba(0,0,0,.18);backdrop-filter:blur(9px)}.wanted-card:hover{border-color:rgba(239,197,106,.62);background:rgba(49,38,47,.9)}.wanted-seal{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#241b20;font:900 15px Georgia,serif;box-shadow:0 0 18px rgba(239,197,106,.25)}.wanted-card>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.wanted-card small{color:var(--gold);font-size:6px;letter-spacing:1.3px}.wanted-card strong{font:9px/1.25 Georgia,serif}.wanted-card>b{color:var(--gold);font-size:6px;white-space:nowrap}
.camera-controls { position: absolute; right: 22px; top: 20px; display: grid; grid-template-columns: 34px 34px; gap: 5px; }
.camera-controls button { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.12); background: rgba(19,20,36,.78); border-radius: 4px; font-size: 16px; backdrop-filter: blur(8px); }
.camera-controls button:last-child { grid-column: 1 / 3; width: 73px; color: var(--pink); }
.event-feed { position: absolute; right: 22px; top: 142px; width: 224px; padding: 13px; background: rgba(17,18,31,.65); border-left: 1px solid rgba(240,123,197,.24); backdrop-filter: blur(7px); }
.feed-title { color: var(--muted); font-size: 7px; letter-spacing: 1.5px; display: flex; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.feed-title i { width: 5px; height: 5px; border-radius: 50%; background: var(--pink); animation: pulse 2s infinite; }
.feed-event { display: grid; grid-template-columns: 26px 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.055); opacity: 1; transition: opacity .4s; }
.feed-event:last-child { border: 0; }
.feed-event > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 3px; background: rgba(255,255,255,.06); font-size: 11px; }
.feed-event p { margin: 0; color: #ded9cf; font: 9px/1.35 Georgia,serif; }
.feed-event time { color: #7f8093; font: 6px/1 sans-serif; letter-spacing: .8px; }
.hint-bar { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); display: flex; gap: 22px; color: rgba(255,255,255,.44); font-size: 6px; letter-spacing: 1.2px; }
.hint-bar span { white-space: nowrap; }
.hint-bar .demo-pacing{color:rgba(239,197,106,.68)}
.selected-card { position: absolute; left: 22px; bottom: 20px; min-width: 480px; display: none; align-items: center; gap: 13px; padding: 10px 36px 10px 11px; background: rgba(17,18,31,.88); border: 1px solid rgba(240,123,197,.25); box-shadow: var(--shadow); backdrop-filter: blur(10px); }
.selected-card.visible { display: flex; animation: rise .25s ease-out; }
.selected-avatar { width: 52px; height: 52px; flex:0 0 52px; display: grid; place-items: center; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:4px; font-size: 30px; background: linear-gradient(135deg,rgba(240,123,197,.25),rgba(159,120,244,.18)) center/cover no-repeat; }
.selected-main { min-width: 180px; display: flex; flex-direction: column; }
.selected-main small, .selected-stat small { color: var(--muted); font-size: 6px; letter-spacing: 1.2px; }
.selected-main strong { font: 17px Georgia,serif; margin: 3px 0; }
.selected-main span { color: #bcb9c1; font: italic 10px Georgia,serif; }
.selected-stat { padding-left: 14px; border-left: 1px solid var(--line); display: flex; flex-direction: column; gap: 4px; }
.selected-stat b { font: 15px Georgia,serif; }
.selected-close { position: absolute; top: 5px; right: 7px; border: 0; background: transparent; color: var(--muted); }
.threat-banner { position:absolute;left:50%;top:76px;transform:translate(-50%,-8px);display:flex;align-items:center;gap:10px;min-width:390px;padding:9px 12px;background:rgba(44,12,24,.9);border:1px solid rgba(242,76,116,.5);box-shadow:0 0 35px rgba(203,29,72,.2);opacity:0;pointer-events:none;transition:.35s; }
.threat-banner.visible{opacity:1;transform:translate(-50%,0)}.threat-skull{color:#f15d80;font-size:18px}.threat-banner>span:nth-child(2){display:flex;flex-direction:column;min-width:130px}.threat-banner small{font-size:5px;color:#f15d80;letter-spacing:1.3px}.threat-banner strong{font:10px Georgia,serif;margin-top:2px}.threat-banner>div{height:4px;flex:1;background:rgba(255,255,255,.09)}.threat-banner>div i{display:block;width:100%;height:100%;background:#f15d80;transition:width .25s}.threat-banner>b{font-size:6px;letter-spacing:.8px;color:#d99baa;white-space:nowrap}
.world-inspector { position:absolute;left:22px;bottom:20px;min-width:470px;max-width:560px;display:none;align-items:center;gap:12px;padding:11px 35px 11px 11px;background:rgba(17,18,31,.92);border:1px solid rgba(239,197,106,.32);box-shadow:var(--shadow);backdrop-filter:blur(10px) }
.world-inspector.visible{display:flex;animation:rise .25s ease-out}.inspector-icon{width:48px;height:48px;display:grid;place-items:center;font-size:25px;color:var(--gold);background:rgba(239,197,106,.1)}.inspector-copy{min-width:210px;display:flex;flex-direction:column}.inspector-copy small{color:var(--gold);font-size:6px;letter-spacing:1.2px}.inspector-copy strong{font:15px Georgia,serif;margin:3px 0}.inspector-copy p{margin:0;color:var(--muted);font:italic 9px Georgia,serif}.inspector-meta{margin-left:auto;padding-left:14px;border-left:1px solid var(--line);display:flex;flex-direction:column;text-align:right;gap:4px}.inspector-meta span{font-size:5px;color:var(--green);letter-spacing:.9px}.inspector-meta b{font:13px Georgia,serif}

.command-deck { position: relative; max-width: 1440px; margin: 0 auto; padding: 0 362px 50px 20px; background: var(--ink); }
.deck-tabs { height: 64px; display: flex; gap: 8px; align-items: center; border-bottom: 1px solid var(--line); }
.deck-tabs button { height:38px;padding:0 16px;border:1px solid rgba(255,255,255,.07);border-radius:4px;background:rgba(255,255,255,.025);color:#9b9cad;font-size:10px;font-weight:800;letter-spacing:1.4px;transition:.18s; }
.deck-tabs button:hover{color:var(--cream);border-color:rgba(240,123,197,.24);background:rgba(240,123,197,.05)}
.deck-tabs button.active { color: #17101a; border-color:var(--pink);background:var(--pink);box-shadow:0 6px 18px rgba(240,123,197,.16); }
.deck-tabs button.active span{background:rgba(0,0,0,.14);color:#17101a}
.deck-tabs button span { display: inline-grid; place-items: center; min-width: 17px; height: 17px; margin-left: 4px; border-radius: 8px; background: rgba(255,255,255,.08); font-size: 7px; }
.deck-panel { display: none; padding-top: 18px; }
.deck-panel.active { display: block; animation: fade .25s ease-out; }
.goal-card, .world-stats, .signal-card, .stable-empty, .stable-list, .ledger-summary, .ledger-rows, .lore-entry, .lore-grid > div { border: 1px solid var(--line); background: var(--panel); }
.goal-card { padding: 17px 20px 15px; }
.section-kicker { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 7px; letter-spacing: 1.5px; }
.section-kicker > i { width: 5px; height: 5px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 8px var(--pink); }
.section-kicker b { margin-left: auto; color: var(--pink); font-size: 7px; }
.section-kicker small { margin-left: auto; font-size: 6px; color: #66687a; }
.goal-heading { display: flex; justify-content: space-between; align-items: end; margin: 15px 0 11px; }
.goal-heading small { color: #c2bac4; font-size: 7px; letter-spacing: 1.5px; }
.goal-heading h1 { font: italic 20px Georgia,serif; margin: 5px 0 0; }
.goal-heading > strong { font: 28px Georgia,serif; color: var(--pink); }
.goal-percent{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.goal-percent>strong{font:28px Georgia,serif;color:var(--pink)}.juice-badge{padding:4px 7px;background:rgba(120,212,159,.11);border:1px solid rgba(120,212,159,.28);color:var(--green);font-size:5px;letter-spacing:1px;box-shadow:0 0 15px rgba(120,212,159,.08)}
.progress-track { height: 7px; position: relative; background: rgba(255,255,255,.055); overflow: visible; }
.progress-track i { display: block; height: 100%; width: 68.4%; background: linear-gradient(90deg,#9a62d7,var(--pink)); box-shadow: 0 0 15px rgba(240,123,197,.3); transition: width .5s; }
.progress-track span { position: absolute; top: -3px; left: 68.4%; width: 1px; height: 13px; background: white; box-shadow: 0 0 9px white; transition: left .5s; }
.reward-causality{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1.25fr;align-items:center;margin-top:13px;padding:8px 10px;background:rgba(255,255,255,.027);border:1px solid rgba(255,255,255,.055)}.reward-causality>span{display:flex;align-items:baseline;gap:6px}.reward-causality b{font:14px Georgia,serif}.reward-causality small{font-size:5px;color:var(--muted);letter-spacing:.8px}.reward-causality>i{text-align:center;color:#646679;font-style:normal}.reward-causality .reward-node{padding:6px 8px;background:rgba(239,197,106,.08);border:1px solid rgba(239,197,106,.17)}.reward-node b{color:var(--gold)}
.season-finale{display:flex;align-items:center;gap:9px;margin-top:7px;padding:7px 10px;border:1px solid rgba(159,120,244,.14);background:linear-gradient(90deg,rgba(159,120,244,.07),transparent)}.season-finale>span{font-size:18px;color:var(--purple)}.season-finale p{display:flex;flex-direction:column;gap:2px;margin:0}.season-finale small{color:var(--purple);font-size:5px;letter-spacing:1.1px}.season-finale b{font:italic 9px Georgia,serif}.season-finale em{margin-left:auto;font:normal 5px sans-serif;color:var(--muted);letter-spacing:.9px}
.ribbon-readiness{display:grid;grid-template-columns:160px 1fr 82px;align-items:center;gap:12px;margin-top:7px;padding:8px 10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.ribbon-readiness>div:first-child{display:flex;flex-direction:column;gap:2px}.ribbon-readiness small{font-size:5px;letter-spacing:1px;color:var(--muted)}.ribbon-readiness b{font:11px Georgia,serif}.ribbon-readiness span{font:italic 7px Georgia,serif;color:#c78f9d}.ribbon-lights{display:grid;grid-template-columns:repeat(16,1fr);gap:3px}.ribbon-lights i{height:12px;background:#353647;border:1px solid rgba(255,255,255,.04);transition:.3s}.ribbon-lights i.lit{background:var(--ribbon-color,var(--pink));box-shadow:0 0 8px var(--ribbon-color,var(--pink))}.ribbon-lights i.damaged{background:repeating-linear-gradient(135deg,#7d394e 0 3px,#302630 3px 6px);animation:pulse 1s infinite}.ritual-stability{text-align:right;display:flex;flex-direction:column;gap:3px}.ritual-stability b{color:var(--green)}
.goal-meta { margin-top: 12px; display: flex; gap: 24px; color: var(--muted); font-size: 6px; letter-spacing: .9px; }
.goal-meta b { color: #d9d4cd; margin-right: 5px; }
.goal-meta .pace { margin-left: auto; }
.pace i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--green); }
.world-stats { margin-top: 10px; padding: 14px 17px; }
.stat-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 13px; }
.stat-grid > div { position: relative; display: flex; align-items: center; gap: 10px; padding: 2px 14px; border-right: 1px solid var(--line); }
.stat-grid > div:first-child { padding-left: 0; }
.stat-grid > div:last-child { border: 0; }
.stat-symbol { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.04); }
.pink { color: var(--pink); } .gold { color: var(--gold); } .purple { color: var(--purple); }
.stat-grid p { margin: 0; display: flex; flex-direction: column; }
.stat-grid p b { font: 17px Georgia,serif; }
.stat-grid p small { color: var(--muted); font-size: 6px; letter-spacing: .9px; margin-top: 3px; }
.stat-grid em { margin-left: auto; align-self: end; color: #727487; font: normal 5px sans-serif; letter-spacing: .8px; }
.stat-grid em.up { color: var(--green); }
.signal-card { display: flex; align-items: center; gap: 11px; margin-top: 10px; padding: 11px 13px; }
.signal-orb { width: 34px; height: 34px; border: 1px solid rgba(159,120,244,.3); border-radius: 50%; display: grid; place-items: center; }
.signal-orb span { width: 12px; height: 12px; border-radius: 50%; background: radial-gradient(circle at 30% 30%,#fff,var(--purple) 30%,#442471); box-shadow: 0 0 14px var(--purple); animation: pulse 2.4s infinite; }
.signal-card > div:nth-child(2) { display: flex; flex-direction: column; gap: 3px; }
.signal-card small { color: var(--purple); font-size: 6px; letter-spacing: 1.2px; }
.signal-card strong { font: italic 11px Georgia,serif; }
.signal-card button { margin-left: auto; width: 25px; height: 25px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--muted); font: italic 12px Georgia,serif; }
.build-queue-card{margin-top:10px;padding:14px 16px;border:1px solid var(--line);background:var(--panel)}.build-queue{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;margin-top:11px}.queue-item{height:73px;padding:10px;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.022);display:flex;flex-direction:column;gap:4px}.queue-item:hover,.queue-item.active{border-color:rgba(240,123,197,.35);background:rgba(240,123,197,.045)}.queue-item small{color:var(--pink);font-size:5px;letter-spacing:.9px}.queue-item b{font:12px Georgia,serif}.queue-item>span{height:3px;background:rgba(255,255,255,.07)}.queue-item>span i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink))}.queue-item em{font:normal 5px sans-serif;color:var(--gold);letter-spacing:.7px}.queue-item.rumor{opacity:.6}.queue-item.rumor b{filter:blur(.6px)}.queue-arrow{border:0;background:transparent;color:#55576a}

.mint-card { position: absolute; right: 20px; top: 18px; width: 322px; min-height: 378px; padding: 17px; border: 1px solid rgba(240,123,197,.25); background: linear-gradient(180deg,#201a2e,#171827 68%); box-shadow: var(--shadow); overflow: hidden; }
.mint-card.attention{animation:mintAttention 1s ease-out}
.mint-card::before { content: ""; position: absolute; width: 260px; height: 260px; left: 50%; top: 25px; transform: translateX(-50%); background: radial-gradient(circle,rgba(240,123,197,.16),transparent 65%); }
.mint-topline { position: relative; z-index: 1; display: flex; justify-content: space-between; color: var(--muted); font-size: 6px; letter-spacing: 1.2px; }
.mint-topline b { color: var(--green); }
.mint-visual { height: 123px; position: relative; display: grid; place-items: center; }
.portal-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(240,123,197,.24); animation: spin 15s linear infinite; }
.ring-one { width: 112px; height: 64px; transform: rotate(-10deg); }
.ring-two { width: 72px; height: 97px; border-style: dashed; animation-direction: reverse; }
.unicorn-silhouette { position: relative; z-index: 2; color: #f5cce8; font-size: 62px; transform: rotate(-8deg); filter: drop-shadow(0 0 13px rgba(240,123,197,.75)); }
.spark { position: absolute; color: var(--gold); font-style: normal; animation: pulse 1.5s infinite alternate; }.s1{left:26%;top:34%;}.s2{right:27%;top:52%;}.s3{right:34%;top:24%;}
.mint-copy { text-align: center; position: relative; }
.mint-copy h2 { font: italic 22px Georgia,serif; margin: 0; }
.mint-copy p { max-width: 245px; margin: 7px auto 13px; color: var(--muted); font: 10px/1.45 Georgia,serif; }
.price-row { display: flex; align-items: center; justify-content: space-between; padding: 11px 0 7px; border-top: 1px solid var(--line); }
.call-quantity{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:7px 0;border-top:1px solid var(--line)}.call-quantity>span{font-size:8px;color:var(--muted);letter-spacing:1.1px}.call-quantity>div{display:grid;grid-template-columns:29px 36px 29px;align-items:center}.call-quantity button{height:29px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:15px}.call-quantity button:hover{border-color:rgba(240,123,197,.4);color:var(--pink)}.call-quantity b{text-align:center;font:18px Georgia,serif}.call-quantity>small{grid-column:1/3;text-align:right;color:#77798c;font-size:7px;letter-spacing:.8px}
.price-row > span { color: var(--muted); font-size: 7px; letter-spacing: 1.2px; }
.price-row strong { font: 18px Georgia,serif; }
.price-row small { color: var(--pink); font: 7px sans-serif; letter-spacing: .8px; }
.split-row { display: flex; justify-content: flex-end; gap: 10px; color: var(--muted); font-size: 5px; letter-spacing: .7px; }
.split-row i { width: 4px; height: 4px; display: inline-block; border-radius: 50%; margin-right: 3px; }.vault-color{background:var(--purple);}.burn-color{background:var(--pink);}
.summon-button { width: 100%; height: 42px; margin-top: 13px; border: 0; background: linear-gradient(90deg,#d854a4,#e978ba); color: #160f1b; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; font-size: 8px; font-weight: 900; letter-spacing: 1.4px; box-shadow: 0 8px 24px rgba(233,84,172,.18); }
.summon-button:hover { filter: brightness(1.08); }.summon-button:active{transform:translateY(1px);}
.mint-footnote { display: block; text-align: center; margin-top: 9px; color: #6f7081; font-size: 5px; letter-spacing: .9px; }

.stable-empty { min-height: 285px; display: flex; align-items: center; justify-content: center; gap: 20px; text-align: left; padding: 35px; }
.empty-orb { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 50%; color: var(--pink); border: 1px solid rgba(240,123,197,.24); font-size: 25px; box-shadow: inset 0 0 25px rgba(240,123,197,.1); }
.stable-empty small { color: var(--pink); font-size: 7px; letter-spacing: 1.3px; }.stable-empty h2{font:italic 22px Georgia,serif;margin:7px 0;}.stable-empty p{color:var(--muted);font:11px Georgia,serif;margin:0;}
.stable-list { display: none; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--line); }
.stable-list.visible { display: grid; }
.stable-unicorn { position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 7%,var(--panel)),var(--panel) 34%);padding:16px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;border-left:3px solid var(--rarity);cursor:pointer;transition:.18s;overflow:hidden}.stable-unicorn:hover{z-index:2;background:color-mix(in srgb,var(--rarity) 10%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 48%,transparent)}
.stable-unicorn .mini-avatar {position:relative;width:58px;height:58px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rarity) 24%,transparent),transparent 68%);border:1px solid color-mix(in srgb,var(--rarity) 48%,transparent);border-radius:5px;overflow:hidden}.stable-unicorn .mini-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center}.stable-unicorn .mini-avatar i{position:absolute;right:3px;bottom:1px;color:var(--rarity);font:normal 11px Georgia,serif;text-shadow:0 1px 5px #000}
.stable-unicorn h3{font:15px Georgia,serif;margin:0 0 3px;}.stable-unicorn p{font:8px sans-serif;color:var(--muted);margin:0;letter-spacing:.5px;}.stable-unicorn strong{font:13px Georgia,serif;color:var(--pink);text-align:right;}.stable-unicorn strong small{display:block;font:8px/1.25 sans-serif;color:var(--muted);letter-spacing:.65px;margin-top:5px;}
.rarity-badge{display:inline-block;margin-left:5px;padding:3px 5px;color:var(--rarity);border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);background:color-mix(in srgb,var(--rarity) 9%,transparent);font:800 8px sans-serif;letter-spacing:.8px;vertical-align:2px}
.mode-select { grid-column: 2 / 4; display:flex; gap:4px; }.mode-select button{flex:1;height:24px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:6px;letter-spacing:.6px;}.mode-select button.active{border-color:rgba(240,123,197,.45);background:rgba(240,123,197,.1);color:var(--pink);}
.ledger-summary { display: grid; grid-template-columns: repeat(3,1fr); }.ledger-summary>div{padding:18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.ledger-summary>div:last-child{border:0}.ledger-summary small{color:var(--muted);font-size:6px;letter-spacing:1px}.ledger-summary strong{font:23px Georgia,serif}.ledger-summary span{color:var(--muted);font-size:7px}.ledger-summary span b{color:var(--pink)}
.ledger-rows { margin-top:10px; min-height:180px; }.ledger-placeholder{height:180px;display:grid;place-items:center;color:var(--muted);font:italic 11px Georgia,serif}.ledger-placeholder span{display:none}.ledger-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);font-size:9px}.ledger-row:last-child{border:0}.ledger-row small{color:var(--muted)}.ledger-row b:last-child{text-align:right;color:var(--green)}
.lore-entry { padding:22px;display:flex;gap:18px;align-items:center}.lore-entry>span{font:37px Georgia,serif;color:var(--pink);opacity:.7}.lore-entry small,.lore-grid small{color:var(--purple);font-size:6px;letter-spacing:1.2px}.lore-entry h2{font:italic 19px Georgia,serif;margin:4px 0}.lore-entry p,.lore-grid p{color:var(--muted);font:10px Georgia,serif;margin:0}.lore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.lore-grid>div{padding:16px}.lore-grid b{display:block;font:13px Georgia,serif;margin:7px 0}.lore-grid .locked{opacity:.45}
.tree-heading{height:52px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--panel)}.tree-heading>span{display:flex;flex-direction:column;gap:3px}.tree-heading small{color:var(--purple);font-size:7px;letter-spacing:1.2px}.tree-heading b{font:16px Georgia,serif}.tree-heading em{font:normal 7px sans-serif;color:var(--muted);letter-spacing:1px}.summoning-tree{height:390px;position:relative;overflow:hidden;margin-top:8px;border:1px solid var(--line);background-color:#121321;background-image:radial-gradient(rgba(159,120,244,.12) 1px,transparent 1px),radial-gradient(circle at 46% 50%,rgba(159,120,244,.12),transparent 28%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:18px 18px,100% 100%,72px 72px,72px 72px}.summoning-tree::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #111220}.tree-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0}.tree-lines path{fill:none;stroke-width:3}.tree-lines .done{stroke:rgba(120,212,159,.55)}.tree-lines .active{stroke:rgba(240,123,197,.72);stroke-dasharray:8 5;animation:treeFlow 2s linear infinite}.tree-lines .locked{stroke:rgba(120,121,140,.18);stroke-dasharray:4 7}.tree-node{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;padding:7px;text-align:left;border:1px solid var(--line);background:#1b1c2d;transform:translate(-50%,-50%);box-shadow:0 8px 20px rgba(0,0,0,.25)}.tree-node:hover:not(.unknown){z-index:4;transform:translate(-50%,-50%) scale(1.06);border-color:var(--pink)}.tree-node>i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font:normal 16px Georgia,serif;background:rgba(255,255,255,.04)}.tree-node>span{display:flex;flex-direction:column;gap:2px}.tree-node b{font:10px Georgia,serif;white-space:nowrap}.tree-node small{font-size:6px;letter-spacing:.8px;color:var(--muted)}.tree-node.complete{border-color:rgba(120,212,159,.27)}.tree-node.complete>i{color:var(--green);box-shadow:inset 0 0 14px rgba(120,212,159,.12)}.tree-node.current{padding:10px;border-color:var(--pink);box-shadow:0 0 35px rgba(240,123,197,.2)}.tree-node.current>i{width:43px;height:43px;color:var(--gold);font-size:24px;box-shadow:0 0 20px rgba(239,197,106,.25);animation:pulse 2s infinite}.tree-node.reachable{border-color:rgba(159,120,244,.4)}.tree-node.reachable>i{color:var(--purple)}.tree-node.unknown{opacity:.28;filter:blur(.25px);cursor:default}.tree-node.root{left:9%;top:50%}.tree-node.kiln{left:24%;top:26%}.tree-node.burrow{left:24%;top:73%}.tree-node.summing{left:47%;top:50%}.tree-node.exchange{left:70%;top:31%}.tree-node.fountain{left:70%;top:72%}.tree-node.u1{left:91%;top:15%}.tree-node.u2{left:91%;top:49%}.tree-node.u3{left:91%;top:84%}@keyframes treeFlow{to{stroke-dashoffset:-26}}
.lore-scroll{max-width:100%}.lore-scroll-cue{display:none}

.modal-backdrop { position: fixed; inset: 0; z-index: 100; display: none; place-items: center; background: rgba(8,8,16,.78); backdrop-filter: blur(8px); }
.modal-backdrop.open { display: grid; animation: fade .2s; }
.modal-card { width: min(430px,calc(100vw - 30px)); position: relative; padding: 29px; border: 1px solid rgba(240,123,197,.3); background: #191a2a; box-shadow: var(--shadow); }
.modal-close { position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--muted);font-size:20px}.modal-kicker{color:var(--pink);font-size:7px;letter-spacing:1.6px}.modal-card h2{font:italic 26px Georgia,serif;margin:8px 0}.modal-card>p{font:12px/1.5 Georgia,serif;color:var(--muted);margin:0 0 19px}.wallet-option{width:100%;height:61px;margin-top:8px;padding:0 14px;display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.025)}.wallet-option:hover:not(:disabled){border-color:rgba(240,123,197,.45);background:rgba(240,123,197,.05)}.wallet-option>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.wallet-option small{color:var(--muted);font-size:8px}.wallet-option em{font-style:normal;color:var(--pink);font-size:9px}.wallet-option.disabled{opacity:.45;cursor:not-allowed}.phantom-mark,.solflare-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#9f78f4,#593da0);font-weight:900}.solflare-mark{background:linear-gradient(135deg,#f4bb62,#ed6c5b)}.info-modal-card{width:min(570px,calc(100vw - 30px))}.info-formula{display:flex;gap:9px;align-items:center;justify-content:center;color:var(--muted);font-size:7px;letter-spacing:1px;padding:15px 8px;background:rgba(255,255,255,.035)}.info-formula b{color:var(--pink)}
.roll-backdrop{background:radial-gradient(circle at center,rgba(87,35,91,.78),rgba(5,5,13,.94) 65%)}.roll-card{position:relative;width:min(620px,calc(100vw - 24px));padding:35px;text-align:center;overflow:hidden;border:1px solid rgba(240,123,197,.36);background:linear-gradient(180deg,#24172e,#151625);box-shadow:0 0 100px rgba(240,123,197,.22)}.roll-card::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 30px,rgba(255,255,255,.018) 31px 32px);pointer-events:none}.roll-kicker{position:relative;color:var(--pink);font-size:7px;letter-spacing:2px}.roll-portal{height:190px;position:relative;display:grid;place-items:center}.roll-portal .ring-one{width:180px;height:95px}.roll-portal .ring-two{width:105px;height:150px}.roll-portal>span{position:relative;z-index:2;font-size:96px;color:#f4cfe7;filter:blur(5px) drop-shadow(0 0 30px rgba(240,123,197,.8));animation:rollFloat 1.3s ease-in-out infinite alternate}.roll-card.revealed .roll-portal>span{filter:drop-shadow(0 0 24px rgba(240,123,197,.9));transition:filter .5s}.roll-card h2{font:italic 32px Georgia,serif;margin:-6px 0 4px}.roll-card>p{margin:0;color:var(--muted);font:11px Georgia,serif}.roll-rarity{display:inline-block;margin:15px 0 10px;padding:5px 14px;border:1px solid var(--line);font-size:8px;font-weight:900;letter-spacing:2px;color:var(--muted)}.roll-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:430px;margin:4px auto 18px}.roll-stats span{padding:9px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.roll-stats span:last-child{border:0}.roll-stats small{color:var(--muted);font-size:6px;letter-spacing:1px}.roll-stats b{font:19px Georgia,serif}.roll-accept{width:100%;max-width:360px;height:43px;border:0;background:linear-gradient(90deg,#d854a4,#ed83c0);color:#190f1a;font-size:8px;font-weight:900;letter-spacing:1.3px}.roll-accept:disabled{opacity:.3;cursor:wait}.roll-card[data-rarity="MYTHIC"]{border-color:#efc56a;box-shadow:0 0 130px rgba(239,197,106,.4)}.roll-card[data-rarity="MYTHIC"] .roll-rarity{color:#efc56a;border-color:#efc56a}.roll-card[data-rarity="EPIC"] .roll-rarity{color:#c897ff;border-color:#9f78f4}.roll-card[data-rarity="RARE"] .roll-rarity{color:#75d6ee;border-color:#75d6ee}.roll-card[data-rarity="UNCOMMON"] .roll-rarity{color:#78d49f;border-color:#78d49f}
.toast-region { position: fixed; right: 18px; top: 84px; z-index: 120; display: grid; gap: 8px; }
.toast { width: 295px; padding: 13px 15px; display:flex;gap:10px;align-items:center;background:#202136;border:1px solid rgba(240,123,197,.35);box-shadow:var(--shadow);animation:slidein .25s ease-out;font:10px Georgia,serif}.toast span{color:var(--pink);font-size:17px}.toast.out{opacity:0;transform:translateX(20px);transition:.25s}

/* Legibility pass: preserve the compact game HUD without microtype. */
.brand small,.weather-chip small,.feed-title,.section-kicker,.goal-meta,.stat-grid p small,.mint-topline,.mint-footnote,.ledger-summary small,.lore-entry small,.lore-grid small{font-size:8px}
.world-pulse,.wallet-button,.weather-chip b,.build-callout strong,.selected-main span,.signal-card strong,.mint-copy p,.stable-empty p{font-size:11px}
.build-callout small,.wanted-card small,.selected-main small,.selected-stat small,.signal-card small,.price-row>span,.split-row,.goal-heading small{font-size:8px}
.wanted-card strong,.feed-event p{font-size:10px}.feed-event time,.stat-grid em,.queue-item small,.queue-item em{font-size:7px}
.reward-causality small,.season-finale small,.ribbon-readiness small{font-size:7px}.goal-meta{line-height:1.35}.mint-copy p{line-height:1.5}.roll-kicker{font-size:8px}.roll-batch{position:absolute;right:20px;top:18px;color:var(--muted);font-size:8px;letter-spacing:1.2px}

/* Saturated low-poly card art and a second, more generous type pass. */
body{font-size:16px}.brand small,.weather-chip small,.feed-title,.section-kicker,.goal-meta,.stat-grid p small,.mint-topline,.mint-footnote,.ledger-summary small{font-size:9px}.world-pulse,.wallet-button,.weather-chip b,.build-callout strong,.selected-main span,.signal-card strong,.mint-copy p,.stable-empty p{font-size:12px}.build-callout small,.wanted-card small,.selected-main small,.selected-stat small,.signal-card small,.price-row>span,.split-row,.goal-heading small{font-size:9px}.wanted-card strong,.feed-event p,.stable-unicorn p{font-size:11px}.feed-event time,.stat-grid em,.queue-item small,.queue-item em,.reward-causality small,.season-finale small,.ribbon-readiness small{font-size:8px}.deck-tabs button{font-size:11px}.mode-select button{font-size:8px}.mint-footnote,.split-row{line-height:1.35}
.roll-card{--rarity:var(--pink);border-color:var(--rarity);box-shadow:0 0 105px color-mix(in srgb,var(--rarity) 30%,transparent)}.roll-portal{height:220px;overflow:visible}.roll-portal>img{position:relative;z-index:2;width:230px;height:230px;object-fit:contain;filter:blur(5px) saturate(1.25);transform-origin:center;animation:rollFloat 1.3s ease-in-out infinite alternate}.roll-card.revealed .roll-portal>img{filter:saturate(1.25) drop-shadow(0 0 24px color-mix(in srgb,var(--rarity) 70%,transparent));transition:filter .5s}.roll-rarity{color:var(--rarity);border-color:var(--rarity)}.roll-card[data-rarity="LEGENDARY"]{border-color:#ff8000;box-shadow:0 0 135px rgba(255,128,0,.38)}.roll-card[data-rarity="COMMON"] .roll-rarity{color:#d7d7d7;border-color:#d7d7d7}.roll-card[data-rarity="UNCOMMON"] .roll-rarity{color:#1eff00;border-color:#1eff00}.roll-card[data-rarity="RARE"] .roll-rarity{color:#0070dd;border-color:#0070dd}.roll-card[data-rarity="EPIC"] .roll-rarity{color:#a335ee;border-color:#a335ee}.roll-card[data-rarity="LEGENDARY"] .roll-rarity{color:#ff8000;border-color:#ff8000}
.onboarding-backdrop{z-index:140;background:rgba(7,7,15,.68)}.onboarding-card{width:min(455px,calc(100vw - 28px));padding:25px;border-color:rgba(239,197,106,.42);background:linear-gradient(150deg,#24213a,#171827)}.onboarding-card h2{margin-bottom:18px}.onboarding-step{display:none;min-height:100px;align-items:center;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.onboarding-step.active{display:flex;animation:fade .2s}.onboarding-step>i{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--pink),var(--purple));color:#17101e;font:900 20px Georgia,serif}.onboarding-step b{color:var(--gold);font-size:11px;letter-spacing:1.5px}.onboarding-step p{margin:7px 0 0;color:#d2ced7;font:14px/1.45 Georgia,serif}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.onboarding-actions span{color:var(--pink);letter-spacing:5px}.onboarding-actions button{height:37px;padding:0 14px;border:0;background:var(--pink);color:#1b1020;font-size:10px;font-weight:900;letter-spacing:1px}
.unicorn-card-backdrop{z-index:135;background:radial-gradient(circle at 40% 40%,rgba(74,53,112,.65),rgba(6,6,13,.92) 70%)}.unicorn-detail-card{--rarity:#d7d7d7;position:relative;width:min(850px,calc(100vw - 28px));min-height:470px;display:grid;grid-template-columns:46% 54%;overflow:hidden;border:2px solid var(--rarity);background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 13%,#242039),#151624 62%);box-shadow:0 0 90px color-mix(in srgb,var(--rarity) 24%,transparent)}.unicorn-card-art{position:relative;min-height:470px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--rarity) 32%,transparent),transparent 66%),linear-gradient(150deg,rgba(255,255,255,.04),transparent)}.unicorn-card-art::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 45%,rgba(255,255,255,.07) 50%,transparent 55%);transform:translateX(-100%);animation:cardShine 4s ease-in-out infinite}.unicorn-card-art img{width:112%;height:112%;object-fit:contain;transform-origin:center;filter:saturate(1.2)}.unicorn-card-art>span{position:absolute;left:18px;bottom:13px;color:var(--rarity);font:42px Georgia,serif;text-shadow:0 0 20px var(--rarity)}.unicorn-card-copy{position:relative;padding:42px 34px 28px}.unicorn-card-rarity{display:inline-block;padding:5px 9px;border:1px solid var(--rarity);color:var(--rarity);background:color-mix(in srgb,var(--rarity) 8%,transparent);font-size:10px;font-weight:900;letter-spacing:2px}.unicorn-card-created{position:absolute;top:43px;right:34px;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.unicorn-card-created small{color:var(--muted);font-size:7px;letter-spacing:1.2px}.unicorn-card-created b{color:var(--cream);font:11px Georgia,serif}.unicorn-card-copy h2{margin:13px 0 2px;font:italic 34px Georgia,serif}.unicorn-card-copy>p{margin:0;color:var(--muted);font-size:10px;letter-spacing:1px}.unicorn-card-copy blockquote{min-height:44px;margin:19px 0;padding:11px 13px;border-left:2px solid var(--rarity);background:rgba(0,0,0,.15);color:#ddd5e0;font:italic 14px/1.45 Georgia,serif}.unicorn-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08)}.unicorn-card-stats span{padding:11px;background:#1a1b2b;display:flex;flex-direction:column;gap:4px}.unicorn-card-stats small,.unicorn-card-ledger small{color:var(--muted);font-size:8px;letter-spacing:1px}.unicorn-card-stats b{font:19px Georgia,serif}.unicorn-card-ledger{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:13px}.unicorn-card-ledger span{display:flex;flex-direction:column;gap:4px;padding-right:5px}.unicorn-card-ledger b{color:var(--rarity);font:13px Georgia,serif}
.onboarding-card{width:min(590px,calc(100vw - 28px))}.onboarding-steps{display:grid;gap:7px}.onboarding-step{display:flex;min-height:0;padding:11px 13px;gap:12px}.onboarding-step>i{flex-basis:34px;height:34px;font-size:16px}.onboarding-step p{margin-top:4px;font-size:13px;line-height:1.35}.onboarding-actions{justify-content:flex-end}.onboarding-actions button{min-width:130px}
.jackpot-card{position:absolute;left:22px;top:88px;width:322px;min-height:68px;display:grid;grid-template-columns:34px minmax(0,1fr) 66px;align-items:center;gap:10px;padding:9px 11px;text-align:left;border:2px solid #eebd49;border-radius:7px;background:linear-gradient(180deg,rgba(66,27,65,.96),rgba(27,17,39,.96));box-shadow:0 0 0 2px rgba(75,38,70,.9),0 0 24px rgba(255,178,45,.28),0 14px 30px rgba(0,0,0,.35);backdrop-filter:blur(10px);overflow:hidden}.jackpot-card::before{content:"";position:absolute;inset:3px;border:1px dashed rgba(255,226,133,.28);border-radius:4px;pointer-events:none}.jackpot-card::after{content:"";position:absolute;left:-40%;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,244,180,.13),transparent);transform:skewX(-18deg);animation:jackpotSweep 4s ease-in-out infinite}.jackpot-card:hover{filter:brightness(1.1);box-shadow:0 0 0 2px rgba(75,38,70,.9),0 0 34px rgba(255,178,45,.42),0 14px 30px rgba(0,0,0,.35)}.jackpot-star{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff3ae 0 12%,#ffad2e 36%,#8e3c65 72%);color:#fff7ca;font-size:17px;box-shadow:0 0 16px #ffad2e;animation:pulse 1.7s ease-in-out infinite}.jackpot-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:3px}.jackpot-copy>small{color:#ffc653;font-size:9px;font-weight:900;letter-spacing:1.5px}.jackpot-copy>strong{display:flex;align-items:baseline;gap:5px;white-space:nowrap;color:#fff1a8}.jackpot-copy>strong>b{font:900 19px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.7px;text-shadow:0 0 10px rgba(255,196,60,.55)}.jackpot-copy em{color:#f5b9df;font:normal 8px sans-serif;letter-spacing:.8px}.jackpot-juice{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-left:1px solid rgba(255,210,96,.24);color:var(--green)}.jackpot-juice>b{font:900 15px Georgia,serif}.jackpot-juice>small{font-size:7px;letter-spacing:.7px}
.mint-card{min-height:430px}.mint-wanted{position:relative;z-index:2;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:8px 9px;border:1px solid rgba(239,197,106,.28);background:linear-gradient(90deg,rgba(239,197,106,.1),rgba(240,123,197,.05))}.mint-wanted>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#22161e;font-weight:900;box-shadow:0 0 14px rgba(239,197,106,.22)}.mint-wanted>strong{font:900 12px Georgia,serif;letter-spacing:1px;color:#fff0c5}.mint-wanted>small{color:var(--gold);font-size:7px;letter-spacing:1px}.mint-rules{position:relative;z-index:2;display:grid;gap:5px;margin-top:10px;padding:10px 9px;border-top:1px solid var(--line);background:rgba(0,0,0,.08)}.mint-rules span{display:flex;align-items:center;gap:7px;color:#aeb0c1;font-size:8px;font-weight:800;letter-spacing:.65px}.mint-rules span::before{content:"✦";color:var(--pink);font-size:8px}.mint-rules span:nth-child(2)::before{content:"⚔";color:#f15d80}.mint-rules span:nth-child(3)::before{content:"◆";color:var(--purple)}
.token-price-chip{min-width:126px;height:38px;display:grid;grid-template-columns:auto auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;padding:4px 10px;border:1px solid rgba(120,212,159,.25);border-radius:4px;background:linear-gradient(135deg,rgba(120,212,159,.08),rgba(159,120,244,.05));text-decoration:none}.token-price-chip>span{grid-row:1/3;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.7px}.token-price-chip>b{align-self:end;font:13px/1 Georgia,serif}.token-price-chip>small{align-self:start;color:var(--muted);font-size:7px;letter-spacing:.8px}.token-price-chip[aria-disabled="true"]{cursor:default}.token-price-chip:not([aria-disabled="true"]){box-shadow:0 0 18px rgba(120,212,159,.12)}
.ledger-row.unicorn-entry{position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 9%,transparent),transparent 36%);border-left:3px solid var(--rarity)}.ledger-row>b:first-child{display:flex;align-items:center;gap:7px}.ledger-rarity-dot{width:7px;height:7px;border-radius:50%;background:var(--rarity);box-shadow:0 0 9px var(--rarity)}.ledger-row em{padding:3px 5px;border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);color:var(--rarity);font:normal 7px sans-serif;letter-spacing:.7px}
.leaderboard-panel{padding-bottom:10px}.leaderboard-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 20px;border:1px solid var(--line);background:linear-gradient(135deg,#1d1b31,#171829)}.leaderboard-heading small{color:var(--pink);font-size:8px;letter-spacing:1.3px}.leaderboard-heading h2{margin:5px 0 3px;font:italic 25px Georgia,serif}.leaderboard-heading p{margin:0;color:var(--muted);font:11px Georgia,serif}.leaderboard-prize{display:flex;flex-direction:column;align-items:flex-end}.leaderboard-prize b{color:var(--gold);font:24px Georgia,serif}.leaderboard-prize span{color:var(--muted);font-size:8px;letter-spacing:1px}.leaderboard-tools{display:grid;grid-template-columns:auto minmax(180px,340px) auto 1fr;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid var(--line);background:var(--panel)}.leaderboard-tools label{color:var(--muted);font-size:8px;letter-spacing:1px}.leaderboard-tools input{height:36px;padding:0 11px;border:1px solid var(--line);border-radius:3px;outline:0;background:#111220;color:var(--cream);font-size:11px}.leaderboard-tools input:focus{border-color:var(--pink)}.leaderboard-tools button{height:36px;padding:0 12px;border:1px solid rgba(240,123,197,.32);background:rgba(240,123,197,.06);color:var(--pink);font-size:8px;font-weight:900;letter-spacing:.8px}.leaderboard-tools button.active{border-color:var(--pink);background:rgba(240,123,197,.18);color:#fff}.leaderboard-tools>span{justify-self:end;color:var(--green);font-size:8px;letter-spacing:1px}.leaderboard-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.leaderboard-podium article{display:grid;grid-template-columns:35px 34px 1fr;align-items:center;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--rarity) 32%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--rarity) 9%,var(--panel)),var(--panel))}.leaderboard-podium article>span{color:var(--rarity);font:19px Georgia,serif}.leaderboard-podium article>i{font-style:normal;font-size:22px;filter:drop-shadow(0 0 7px var(--rarity))}.leaderboard-podium article>div{min-width:0;display:flex;flex-direction:column}.leaderboard-podium article b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:13px Georgia,serif}.leaderboard-podium article small{margin-top:3px;color:var(--rarity);font-size:7px;letter-spacing:.6px}.leaderboard-table{border:1px solid var(--line);background:var(--panel)}.leaderboard-row{display:grid;grid-template-columns:56px minmax(150px,1.25fr) minmax(90px,.75fr) 95px 105px 75px 45px;align-items:center;min-height:47px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px}.leaderboard-row:last-child{border:0}.leaderboard-columns{min-height:34px;color:var(--muted);background:rgba(255,255,255,.025);font-size:7px;letter-spacing:.8px}.leaderboard-row.owned{border-left:3px solid var(--rarity);background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 11%,transparent),transparent 46%)}.leaderboard-row[data-board-id],.leaderboard-podium article[data-board-id]{cursor:pointer}.leaderboard-row[data-board-id]:hover,.leaderboard-row[data-board-id]:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 16%,transparent),rgba(255,255,255,.025));outline:1px solid color-mix(in srgb,var(--rarity) 45%,transparent);outline-offset:-1px}.leaderboard-podium article[data-board-id]:hover,.leaderboard-podium article[data-board-id]:focus-visible{transform:translateY(-2px);outline:1px solid color-mix(in srgb,var(--rarity) 60%,transparent)}.leaderboard-row>span:nth-child(2){min-width:0;display:grid;grid-template-columns:27px 1fr;grid-template-rows:1fr 1fr;align-items:center}.leaderboard-row>span:nth-child(2)>i{grid-row:1/3;font-style:normal;font-size:18px}.leaderboard-row>span:nth-child(2)>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:13px Georgia,serif}.leaderboard-row>span:nth-child(2)>small{color:var(--muted);font-size:7px}.leaderboard-row code{color:#aeb0c0;font:9px ui-monospace,monospace}.leaderboard-row>em{justify-self:start;padding:3px 5px;border:1px solid color-mix(in srgb,var(--rarity) 48%,transparent);color:var(--rarity);font:normal 7px sans-serif;letter-spacing:.6px}.leaderboard-row>b:nth-child(5){color:var(--cream);font:13px Georgia,serif}.leaderboard-row>span:nth-child(6){color:var(--green);font-size:9px}.leaderboard-row>b:last-child{color:var(--gold)}.leaderboard-none{padding:30px;text-align:center;color:var(--muted);font:italic 12px Georgia,serif}.leaderboard-pagination{display:flex;align-items:center;justify-content:center;gap:15px;padding:12px}.leaderboard-pagination button{height:34px;padding:0 12px;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:8px;font-weight:800;letter-spacing:.8px}.leaderboard-pagination button:disabled{opacity:.35}.leaderboard-pagination span{color:var(--muted);font-size:8px;letter-spacing:.8px}
.site-footer{max-width:1440px;margin:0 auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#0e0f1b;color:var(--muted);font-size:8px;letter-spacing:1px}.site-footer nav{display:flex;gap:16px}.site-footer a{color:#b9bac8;text-decoration:none}.site-footer a:hover{color:var(--pink)}.site-footer a[aria-disabled="true"]{color:#5d5e70}
.policy-page{min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(159,120,244,.12),transparent 38%),#0d0e19;color:var(--cream)}.policy-shell{width:min(780px,calc(100% - 28px));margin:0 auto;padding:50px 0 80px}.policy-back{display:inline-block;margin-bottom:28px;color:var(--pink);text-decoration:none;font-size:9px;font-weight:900;letter-spacing:1.2px}.policy-shell header{padding:28px;border:1px solid var(--line);background:linear-gradient(135deg,#211d32,#151624)}.policy-shell header span{color:var(--gold);font-size:8px;letter-spacing:1.3px}.policy-shell h1{margin:8px 0 5px;font:italic 38px Georgia,serif}.policy-shell header p{margin:0;color:var(--muted);font-size:10px}.policy-shell section{padding:21px 24px;border:1px solid var(--line);border-top:0;background:var(--panel)}.policy-shell section h2{margin:0 0 8px;font:17px Georgia,serif}.policy-shell section p{margin:0;color:#b9b7c3;font:13px/1.65 Georgia,serif}.policy-shell .policy-highlight{border-left:3px solid var(--green);background:linear-gradient(90deg,rgba(120,212,159,.08),var(--panel))}.policy-highlight h2{color:var(--green)}
.unicorn-card-art img.crypto-unicorn-portrait{width:100%;height:100%;object-fit:contain;filter:saturate(1.08) contrast(1.02)}
.roll-portal>img.crypto-unicorn-portrait{border:3px solid color-mix(in srgb,var(--rarity) 72%,#fff);border-radius:50%;object-fit:cover;box-shadow:0 0 35px color-mix(in srgb,var(--rarity) 45%,transparent)}
.leaderboard-podium article>i{width:32px;height:32px;display:block;overflow:hidden;border:1px solid var(--rarity);border-radius:4px;filter:drop-shadow(0 0 7px var(--rarity))}.leaderboard-podium article>i img{width:100%;height:100%;object-fit:cover}
.leaderboard-row>span:nth-child(2)>i{grid-row:1/3;width:24px;height:24px;display:block;overflow:hidden;border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);border-radius:3px}.leaderboard-row>span:nth-child(2)>i img{width:100%;height:100%;object-fit:cover}
@keyframes jackpotSweep{0%,55%{left:-40%}85%,100%{left:125%}}
@keyframes cardShine{50%,100%{transform:translateX(100%)}}

@keyframes pulse { 50% { opacity:.45; transform:scale(.82); } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes fade { from { opacity:0; } }
@keyframes rise { from { opacity:0; transform:translateY(8px); } }
@keyframes slidein { from { opacity:0; transform:translateX(20px); } }
@keyframes rollFloat { to { transform:translateY(-9px) scale(1.04); } }
@keyframes ritualPulse { to { transform:translateX(-50%) scale(1.025); } }
@keyframes mintAttention { 35% { border-color:var(--gold);box-shadow:0 0 45px rgba(239,197,106,.28);transform:translateY(-3px); } }

@media (max-width: 980px) {
  .event-feed { display:none; }
  .command-deck { padding-right: 20px; padding-bottom: 485px; }
  .mint-card { top: auto; bottom: 25px; left: 20px; right: 20px; width: auto; }
  .mint-visual { height: 105px; }
  .playfield { min-height: 540px; }
}
@media (max-width: 640px) {
  .topbar { height:61px;padding:0 12px; }.brand small,.world-pulse,.sound-toggle{display:none}.wallet-button{min-width:128px;padding:0 10px}.playfield{height:64vh;min-height:520px}.weather-chip{left:12px;top:12px}.build-callout{top:66px}.wanted-card{left:12px;top:108px;width:calc(100% - 24px)}.threat-banner{top:158px;min-width:calc(100% - 24px)}.camera-controls{right:12px;top:12px}.hint-bar span:nth-child(2),.hint-bar span:nth-child(3){display:none}.selected-card,.world-inspector{left:10px;right:10px;bottom:13px;min-width:0;padding-right:28px}.selected-stat:nth-last-child(2),.inspector-meta{display:none}.selected-main,.inspector-copy{min-width:0;flex:1}.command-deck{padding-left:12px;padding-right:12px}.deck-tabs{gap:4px;justify-content:flex-start;overflow-x:auto}.deck-tabs button{padding:0 10px;flex:0 0 auto}.reward-causality{grid-template-columns:1fr 12px 1fr}.reward-causality>span:nth-of-type(2),.reward-causality>span:nth-of-type(3),.reward-causality>i:nth-of-type(2),.reward-causality>i:nth-of-type(3){display:none}.season-finale em{display:none}.ribbon-readiness{grid-template-columns:1fr 70px}.ribbon-lights{grid-column:1/3;grid-row:2}.goal-meta{gap:9px;flex-wrap:wrap}.goal-meta .pace{display:none}.stat-grid{grid-template-columns:1fr}.stat-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:9px 0}.stat-grid>div:last-child{border:0}.build-queue{grid-template-columns:1fr}.queue-arrow{height:20px;transform:rotate(90deg)}.stable-list.visible{grid-template-columns:1fr}.ledger-summary{grid-template-columns:1fr}.ledger-summary>div{border-right:0;border-bottom:1px solid var(--line)}.lore-panel.active{overflow-x:auto}.tree-heading,.summoning-tree{min-width:720px}.mint-card{left:12px;right:12px}.info-formula{flex-wrap:wrap}.roll-card{padding:25px 16px}.roll-portal{height:155px}.roll-card h2{font-size:25px}}
@media (max-width:640px){.brand{gap:6px}.brand-mark{width:29px;height:34px}.brand strong{font-size:14px;letter-spacing:2px}.wallet-button{min-width:110px;padding:0 8px;font-size:9px}.how-button{width:34px;padding:0;font-size:0}.how-button::before{content:"?";font-size:14px}.unicorn-detail-card{grid-template-columns:1fr;max-height:92vh;overflow:auto}.unicorn-card-art{min-height:260px}.unicorn-card-copy{padding:24px}.unicorn-card-ledger{grid-template-columns:repeat(3,minmax(0,1fr))}.roll-portal>img{width:190px;height:190px}.roll-portal{height:185px}}
@media (max-width:640px){
  .topbar{position:sticky;top:0}.top-actions{gap:5px}.playfield{height:70svh;min-height:550px}.build-callout{top:68px;max-width:calc(100% - 110px)}.build-callout>span:nth-child(2){min-width:0}.build-callout strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jackpot-card{left:12px;top:122px;width:calc(100% - 24px)}.threat-banner{top:202px;min-width:0;width:calc(100% - 24px)}.camera-controls{transform:scale(.92);transform-origin:top right}.hint-bar{bottom:9px;max-width:calc(100% - 22px);gap:12px}.hint-bar .demo-pacing{display:none}
  .command-deck{padding:0 10px 515px}.deck-tabs{height:59px;scroll-snap-type:x proximity;scrollbar-width:none}.deck-tabs::-webkit-scrollbar{display:none}.deck-tabs button{height:42px;scroll-snap-align:start}.deck-panel{padding-top:12px}.goal-card{padding:15px 13px}.goal-heading{align-items:flex-start;gap:10px;flex-wrap:wrap}.goal-heading h1{font-size:19px}.goal-percent{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.goal-percent>strong{font-size:25px}.juice-badge{font-size:7px}.reward-causality{padding:8px 7px}.reward-causality b{font-size:13px}.season-finale{align-items:flex-start}.season-finale b{line-height:1.35}.ribbon-readiness{gap:8px}.ribbon-readiness>div:first-child{min-width:0}.ribbon-lights i{height:15px}.goal-meta{font-size:8px}.signal-card{align-items:flex-start}
  .stable-empty{min-height:220px;padding:25px 16px;gap:14px}.stable-unicorn{grid-template-columns:58px minmax(0,1fr);padding:13px 11px}.stable-unicorn>strong{grid-column:2;text-align:left;color:var(--rarity)}.stable-unicorn h3{overflow-wrap:anywhere}.stable-unicorn p{line-height:1.45}.mode-select{grid-column:1/3}.mode-select button{height:34px}.ledger-row{grid-template-columns:1fr auto;gap:7px;padding:13px 11px}.ledger-row b:first-child{overflow-wrap:anywhere}.ledger-row b:last-child{grid-column:1/3;text-align:left}.ledger-placeholder{padding:20px;text-align:center}
  .lore-panel.active{overflow:visible}.lore-scroll-cue{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:8px 10px;border:1px solid rgba(159,120,244,.22);background:rgba(159,120,244,.06);color:var(--muted);font-size:8px;letter-spacing:1px}.lore-scroll-cue b{color:var(--pink);font-size:9px}.lore-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;touch-action:pan-x;padding-bottom:10px;scrollbar-color:var(--pink) rgba(255,255,255,.06);scrollbar-width:thin}.lore-scroll .tree-heading,.lore-scroll .summoning-tree{width:760px;min-width:760px}.lore-scroll .tree-heading{position:sticky;left:0;width:min(760px,100%)}.summoning-tree{height:420px;scroll-snap-align:start}
  .mint-card{bottom:22px;min-height:0;padding:15px}.mint-visual{height:90px}.mint-copy p{margin-bottom:10px}.call-quantity button{height:36px}.summon-button{height:46px}.mint-rules span{font-size:8px}.onboarding-card{padding:20px 16px;max-height:92svh;overflow:auto}.onboarding-step{padding:9px}.onboarding-step p{font-size:12px}.onboarding-actions button{height:43px;width:100%}.unicorn-card-stats span{padding:9px}.unicorn-card-ledger{gap:7px}.toast-region{left:10px;right:10px;top:72px}.toast{width:auto}
  .token-price-chip{min-width:82px;width:82px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:0;padding:5px 7px;text-align:center}.token-price-chip>span{grid-row:auto;font-size:8px}.token-price-chip>b{font-size:11px}.token-price-chip>small{display:none}.leaderboard-heading{align-items:flex-start;padding:15px 13px;gap:8px}.leaderboard-heading p{font-size:10px}.leaderboard-prize b{font-size:18px}.leaderboard-tools{grid-template-columns:1fr auto;padding:9px}.leaderboard-tools label{display:none}.leaderboard-tools input{min-width:0}.leaderboard-podium{grid-template-columns:1fr}.leaderboard-podium article{padding:8px}.leaderboard-row{grid-template-columns:44px minmax(0,1fr) 80px 84px;padding:0 8px;column-gap:5px}.leaderboard-row>*:nth-child(3),.leaderboard-row>*:nth-child(6),.leaderboard-row>*:nth-child(7){display:none}.leaderboard-row>span:nth-child(2)>strong{font-size:12px}.leaderboard-row>em{font-size:6px}.leaderboard-pagination{gap:8px}.leaderboard-pagination button{padding:0 9px}.site-footer{align-items:flex-start;gap:10px;padding:16px 12px;flex-direction:column}.policy-shell{padding-top:24px}.policy-shell header{padding:22px 18px}.policy-shell h1{font-size:31px}.policy-shell section{padding:18px}.policy-shell section p{font-size:12px}
}
@media (max-width:360px){.brand>span:last-child{display:none}.top-actions{margin-left:auto}.wallet-button{min-width:102px}.leaderboard-heading{flex-direction:column}.leaderboard-prize{align-items:flex-start}}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; } }
