/* EasyTree Moodboard v2: shared entry only; data cards and game UI unchanged.
 * Reference MdWhZlizdYzVGBXiOss6Dz / 30751:18, 30751:20.
 * Tokens mirror designer-v2-tokens.css without importing body/game overrides. */
.ce-journey {
  --ce-band:#17130F; --ce-surface:#FFFEFB; --ce-inset:#F0E7D6;
  --ce-orange:#F59331; --ce-ink:#17130F;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px;
  margin:16px 0 20px; padding:6px; background:var(--ce-inset);
  color:var(--ce-ink); border:1px solid #E0D2B8;
}
.ce-journey.ce-journey-wide { width:min(1240px,calc(100% - 36px)); margin:8px auto 20px }
.ce-journey a { min-width:0; min-height:56px; display:flex; flex-direction:column;
  justify-content:center; gap:3px; padding:10px 16px; text-decoration:none;
  color:var(--ce-ink); background:var(--ce-surface); line-height:1.4 }
.ce-journey a strong { font-size:15px; font-weight:800 }
.ce-journey a span { font-size:12px; color:#5F5342 }
.ce-journey a[aria-current="page"] { background:var(--ce-band); color:#FFF3DF }
.ce-journey a[aria-current="page"] strong { color:#FFB44D }
.ce-journey a[aria-current="page"] span { color:#C9B99F }
.ce-journey a:hover { box-shadow:inset 0 -3px 0 var(--ce-orange) }
.ce-journey a:focus-visible { outline:3px solid #15618c; outline-offset:2px }
.ce-entry-brand { display:inline-flex; gap:12px; align-items:center }
.ce-entry-brand img { width:122px; height:24px; object-fit:contain }
.ce-entry-brand span { font-size:13px; color:#5F5342; font-weight:700 }
.ce-entry-top { flex-wrap:wrap; gap:12px }

/* Scope the new art direction to the entry panels, not live chart/status colors. */
.ce-entry-hero { background:#17130F; color:#FFF3DF; border-radius:0;
  padding:28px; margin-top:16px; position:relative; overflow:hidden }
.ce-entry-hero .eyebrow { color:#FFB44D; margin-top:0 }
.ce-entry-hero h1,.ce-entry-hero h1 .accent { color:#FFF3DF }
.ce-entry-hero .sub,.ce-entry-hero .note { color:#C9B99F }
.ce-entry-hero > div { min-width:0 }
.ce-entry-hero .screen { color:#17130F }
.ce-entry-hero .btn.primary { background:#F59331; color:#17130F;
  border-radius:0; box-shadow:4px 4px 0 #000 }
.ce-entry-hero .btn.ghost { background:#F0E7D6; color:#17130F; border-radius:0 }
.ce-seeds-intro { padding-right:130px }
.ce-entry-farmer { position:absolute; right:20px; top:50%; transform:translateY(-50%);
  width:96px; height:96px; background:url('../battle/assets/handoff-v2/farmer-sheet.png') left center / 200% 100% no-repeat;
  image-rendering:pixelated; pointer-events:none }
.ce-research-entry.narrative-command { border-radius:0; border-color:#E0D2B8;
  background:#FFFEFB; box-shadow:3px 3px 0 rgba(23,19,15,.16) }
.ce-research-entry.narrative-command:before { display:none }
.ce-research-entry .narrative-command-proof { border-radius:0; background:#F0E7D6 }
.ce-research-entry .narrative-command-actions .button { border-radius:0 }
.ce-research-entry .narrative-command-actions .button.primary {
  background:#F59331; color:#17130F; box-shadow:4px 4px 0 #17130F }
.ce-research-entry .narrative-command-actions .button.secondary {
  background:#17130F; color:#FFF3DF; border-color:#17130F }
@media(max-width:600px) {
  .ce-journey { grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; padding:4px; margin:12px 0 16px }
  .ce-journey a { padding:10px 6px; text-align:center; min-height:60px }
  .ce-journey a strong { font-size:13px }
  .ce-journey a span { font-size:11px }
  .ce-entry-hero { padding:22px 18px }
  .ce-seeds-intro { padding-right:88px }
  .ce-entry-farmer { width:64px; height:64px; right:12px }
  .ce-seeds-intro h1 { font-size:26px; line-height:1.4 }
}

/* Public collection and game entry: handoff V2 surfaces, not game-state styles. */
.ce-brand-icon { width:24px;height:24px;object-fit:contain;image-rendering:pixelated;display:inline-block;vertical-align:middle;flex-shrink:0 }
#watchAsset:before,#discussAsset:before { content:"";display:inline-block;flex:0 0 24px;width:24px;height:24px;vertical-align:middle;background:center / contain no-repeat;image-rendering:pixelated }
#watchAsset:before { background-image:url('coineasy-icons/clock.png') }
#discussAsset:before { background-image:url('coineasy-telegram-figma.png') }
.ce-home .step .ic .ce-brand-icon,.ce-home .wcard .ic .ce-brand-icon { width:36px;height:36px;display:block }
.ce-home .wcard { display:flex; flex-direction:column; align-items:flex-start }
.ce-home .wcard .ic { width:52px; height:52px; display:grid; place-items:center; border-radius:15px; background:var(--cream2); order:0 }
.ce-home .wcard h3 { order:1; word-break:keep-all }
.ce-home .wcard p { order:2; word-break:keep-all }
.ce-home .wcard .research-brand { order:3; margin:14px 0 0; flex-wrap:wrap }
.ce-home .btn,.ce-home .ab,.ce-action { word-break:keep-all; text-align:center }
.ce-home .step .d { word-break:keep-all }
.ce-partner-logo { width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:10px;background:#fff }
.ce-orange { display:inline-block;width:64px;height:64px;flex-shrink:0;background:url('orange-rarity-gpt25-v3.png') no-repeat;background-size:300% 200%;image-rendering:pixelated }
.ce-orange-common { background-position:0 0 }
.ce-orange-uncommon { background-position:50% 0 }
.ce-orange-rare { background-position:100% 0 }
.ce-orange-epic { background-position:0 100% }
.ce-orange-legendary { background-position:50% 100% }
.slot .ce-orange { width:44px;height:44px }
.ce-home .rare .o { height:84px; display:grid; place-items:center; line-height:1 }
.ce-home .rare .ce-orange { width:80px;height:80px }
.ce-home .shake { display:flex;align-items:center;justify-content:center;gap:6px;cursor:default;font-size:15px }
.ce-home .eyebrow,.ce-seeds-page .eyebrow { letter-spacing:0 }
.ce-play { margin:36px 0; scroll-margin-top:20px; color:#17130F }
.ce-play h2 { font-size:clamp(24px,4vw,32px); line-height:1.3; margin:8px 0 }
.ce-play-lead { color:#5F5342; font-size:15px; margin:0 0 18px }
.ce-play-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px }
.ce-play-card { min-width:0; padding:18px; background:#FFFEFB; display:flex; flex-direction:column }
.ce-play-card h3 { font-size:18px; line-height:1.4; margin:16px 0 8px }
.ce-play-card p { color:#3E352A; font-size:14px; line-height:1.6; margin:0 0 14px }
.ce-play-card small { color:#75654F; font-size:12px; margin:auto 0 12px; display:block }
.ce-play-art { height:128px; background:#F0E7D6; display:flex; align-items:center; justify-content:center; overflow:hidden }
.ce-play-art img { width:72px; height:72px; object-fit:contain; image-rendering:pixelated }
.ce-play-art .ce-raid-icon { width:96px; height:96px }
.ce-boss-sprite { width:112px; height:112px; background:url('../battle/assets/handoff-v2/boss-bookworm-sheet.png') left center / 600% 100% no-repeat; image-rendering:pixelated }
.ce-pvp-sprite { width:100%; max-width:200px; aspect-ratio:14/9; background:url('../battle/assets/handoff-v2/battle-vfx-sheet.png') left center / 800% 100% no-repeat; image-rendering:pixelated }
.ce-action { min-height:44px; padding:12px 16px; background:#F0E7D6; color:#17130F; font-weight:800; font-size:14px; line-height:1.4; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; text-align:center }
.ce-action:active { background:#E4D8C2 }
.ce-action:focus-visible { outline:3px solid #17130F; outline-offset:3px }
.ce-action-primary { background:#F59331; box-shadow:4px 4px 0 #17130F }
.ce-action-primary:active { background:#F59331; box-shadow:none; transform:translate(4px,4px) }
.ce-entry-note { font-size:12px; line-height:1.6; color:#5F5342; margin:16px 0 }
.ce-demo-label { display:block; padding:8px 12px; background:#F0E7D6; color:#5F5342; font-size:12px; margin-bottom:12px }
/* Landing-only polish. Never apply these mockup styles to the actual game. */
.ce-home .hero { background:linear-gradient(110deg,#17130F,#2B2319); gap:32px }
.ce-home .hero .sub { word-break:keep-all }
.ce-home .hero .cta-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px }
.ce-home .hero .cta-row .btn { min-width:0; min-height:52px; padding:14px 12px; justify-content:center; text-align:center; font-size:14px; line-height:1.5 }
.ce-home .hero .cta-row .primary,.ce-home .hero .cta-row .btn:last-child { grid-column:1 / -1 }
.ce-home .hero .cta-row .ghost { box-shadow:none; border-color:#D8C8AB }
.ce-home .screen { background:#F3E9D6; border-color:#D4C3A4; border-radius:16px; padding:18px; box-shadow:0 12px 28px rgba(0,0,0,.14) }
.ce-home .screen .stagebox { border-radius:10px; border-color:#D4C3A4 }
.ce-home .screen .slot,.ce-home .screen .stat { border-radius:8px; border-color:#D8C8AB; background:#E9DFCD }
.ce-home .screen .slot.on { background:#FFF0D9; border-color:#E9B96F }
.ce-home .screen .stat .k,.ce-home .screen .prog .num { color:#6A5944 }
.ce-home .screen .scr-top .tier,.ce-home .screen .prog .nx { background:#E4D6BC; color:#514129; border-radius:6px }
.ce-home .screen .shake { background:#F59331; color:#17130F; border-radius:8px; box-shadow:none }
.ce-home .screen .bar { background:#DCD0BC }
.ce-home .screen .ce-demo-label { margin:12px 0 0; padding:10px 0 0; border-top:1px solid #D4C3A4; background:none; font-size:11px; line-height:1.6 }
.ce-home .ladder { background:#F7F0E3; border-color:#E0D2B8; border-radius:16px; padding:24px 20px; box-shadow:none }
.ce-home .tiers { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:16px 10px; align-items:start }
.ce-home .tier-c { width:auto; min-width:0; display:grid; grid-template-rows:76px 22px 18px 22px; justify-items:center; align-items:center; gap:4px; padding:0 }
.ce-home .tier-c .orb { width:72px; height:72px; margin:0; border-radius:10px; background:#EEE1CD; border-color:#DFCEB2 }
.ce-home .tier-c.is-final .orb { background:#FFD997; border-color:#E9B96F; box-shadow:none }
.ce-home .tier-c .kr { font-size:13px }
.ce-home .tier-c .en { color:#6A5944; font-size:11px; white-space:nowrap }
.ce-home .tier-c .th { color:#A94C0A; font-size:13px; margin:0 }
@media(max-width:820px) {
  .ce-home .hero { gap:28px }
  .ce-home .screen { max-width:380px }
  .ce-home .tiers { grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px 10px }
}
@media(max-width:600px) {
  .ce-home .hero .cta-row { grid-template-columns:minmax(0,1fr) }
  .ce-home .screen { padding:14px }
  .ce-home .ladder { padding:8px 16px }
  .ce-home .tiers { grid-template-columns:minmax(0,1fr); gap:0 }
  .ce-home .tier-c { grid-template-columns:56px minmax(0,1fr) auto; grid-template-rows:24px 20px; column-gap:14px; row-gap:0; padding:16px 0; text-align:left; justify-items:start; border-bottom:1px solid #E0D2B8 }
  .ce-home .tier-c:last-child { border-bottom:0 }
  .ce-home .tier-c .orb { width:48px; height:48px; grid-column:1; grid-row:1 / 3 }
  .ce-home .tier-c .kr { grid-column:2; grid-row:1 }
  .ce-home .tier-c .en { grid-column:2; grid-row:2 }
  .ce-home .tier-c .th { grid-column:3; grid-row:1 / 3; align-self:center }
}
.ce-seeds-page .grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px }
.ce-seed-card.seed { background:#FFFEFB; border:0; border-radius:0; box-shadow:none; transition:none; padding:20px 16px }
.ce-seed-card.seed:hover { transform:none; box-shadow:none }
.ce-seed-card.seed:before { display:none }
.ce-seed-card.seed .face { width:112px; height:112px; background:#F0E7D6; border:0; border-radius:0; box-shadow:none; color:#5F5342; font-size:12px; margin:0 auto 16px }
.ce-seed-card.seed .face img { width:96px; height:96px; object-fit:contain; image-rendering:pixelated }
.ce-seed-card.seed .nm { font-size:18px; word-break:keep-all }
.ce-seed-card.seed .rr,.ce-seed-card.seed .tag { color:#75654F!important; font-size:12px }
.ce-seed-card.seed .unlock,.ce-seed-card.seed .un { background:#F0E7D6; color:#5F5342; border:0; border-radius:0; font-size:13px; min-height:44px; display:grid; place-items:center }
.ce-seed-card.seed .chip { min-height:44px; display:inline-flex; align-items:center; justify-content:center; background:#F0E7D6; color:#17130F; border:0; border-radius:0; font-size:13px }
.ce-seeds-page .foot { color:#5F5342 }
.ce-seeds-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:20px 0 }
@media(max-width:1000px) { .ce-play-grid { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(max-width:600px) {
  .ce-seeds-page .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px }
  .ce-seed-card.seed { padding:16px 12px }
  .ce-seed-card.seed .face { width:88px; height:88px }
  .ce-seed-card.seed .face img { width:80px; height:80px }
  .ce-seed-card.seed .nm { font-size:16px }
  .ce-play-grid { grid-template-columns:1fr }
  .ce-play-card { display:grid; grid-template-columns:96px minmax(0,1fr); column-gap:14px; padding:16px }
  .ce-play-art { grid-row:1 / 4; height:96px }
  .ce-play-art img { width:44px; height:44px }
  .ce-play-art .ce-raid-icon { width:80px; height:80px }
  .ce-boss-sprite { width:88px; height:88px }
  .ce-play-card h3 { margin:0 0 8px }
  .ce-play-card small { margin:0 0 12px }
  .ce-play-card .ce-action { grid-column:1 / -1 }
  .ce-seeds-actions .ce-action { flex:1 1 160px }
}
@media(max-width:360px) {
  .ce-seeds-page .grid { grid-template-columns:1fr }
  .ce-seeds-page .ce-seed-card { display:grid; grid-template-columns:88px minmax(0,1fr); gap:6px 14px }
  .ce-seeds-page .ce-seed-card .face { grid-row:1 / 4; margin:0 }
  .ce-seeds-page .ce-seed-card .nm,.ce-seeds-page .ce-seed-card .rr,.ce-seeds-page .ce-seed-card .tag { grid-column:2; text-align:left; justify-content:flex-start; margin:0 }
  .ce-seeds-page .ce-seed-card .unlock,.ce-seeds-page .ce-seed-card .chips { grid-column:1 / -1 }
}