/* NodeClash v6.3.17 — Nature Universe presentation layer.
   Visual only: does not alter authoritative game state, turns, odds, auth, or settlement. */
:root{--nc-earth:#173c2d;--nc-water:#36c9dc;--nc-sun:#ffd36b;--nc-leaf:#7de08b;--nc-stone:#b9c8c3;--nc-night:#07131a}
body.nc-nature-universe{background:#06120f!important}
body.nc-nature-universe::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(255,225,140,.20),transparent 18%),linear-gradient(180deg,rgba(4,18,20,.15),rgba(3,14,12,.52));mix-blend-mode:screen}
.nc-nature-cosmos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;perspective:1200px}
.nc-nature-cosmos .layer{position:absolute;inset:-8%;background-position:center;background-size:cover;transform-style:preserve-3d;will-change:transform}
.nc-nature-cosmos .sky{background:radial-gradient(circle at 50% 18%,#fff0a5 0 2%,rgba(255,219,115,.42) 5%,transparent 13%),linear-gradient(#75c9ef 0%,#c9e9e6 31%,#6eae78 58%,#173d2b 100%);filter:saturate(1.05)}
.nc-nature-cosmos .mountains{top:18%;bottom:20%;background:linear-gradient(150deg,transparent 0 27%,rgba(31,72,66,.88) 28% 36%,transparent 37%),linear-gradient(210deg,transparent 0 31%,rgba(57,105,91,.82) 32% 42%,transparent 43%),linear-gradient(160deg,transparent 0 47%,rgba(16,57,44,.95) 48% 62%,transparent 63%);opacity:.78;transform:translateZ(80px) scale(1.05)}
.nc-nature-cosmos .forest{top:35%;bottom:0;background:radial-gradient(ellipse at 8% 100%,#0b3b28 0 12%,transparent 13%),radial-gradient(ellipse at 20% 100%,#1d6840 0 16%,transparent 17%),radial-gradient(ellipse at 35% 100%,#104f31 0 18%,transparent 19%),radial-gradient(ellipse at 51% 100%,#24734b 0 18%,transparent 19%),radial-gradient(ellipse at 68% 100%,#0b442c 0 17%,transparent 18%),radial-gradient(ellipse at 84% 100%,#2b7a4d 0 15%,transparent 16%);opacity:.88;transform:translateZ(150px) scale(1.08)}
.nc-nature-cosmos .river{top:45%;bottom:-12%;background:linear-gradient(158deg,transparent 0 46%,rgba(78,214,230,.70) 47% 54%,rgba(19,118,150,.78) 55% 61%,transparent 62%),linear-gradient(166deg,transparent 0 58%,rgba(122,237,238,.34) 59% 64%,transparent 65%);opacity:.72;transform:translateZ(230px) scale(1.12)}
.nc-nature-cosmos .mist{background:radial-gradient(ellipse at 25% 55%,rgba(233,255,244,.16),transparent 28%),radial-gradient(ellipse at 72% 48%,rgba(179,241,255,.18),transparent 26%);filter:blur(24px);animation:ncMist 12s ease-in-out infinite alternate}
.nc-nature-cosmos .stars{background-image:radial-gradient(circle at 14% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 77% 24%,#fff 0 1px,transparent 2px),radial-gradient(circle at 38% 11%,rgba(255,244,187,.9) 0 1px,transparent 2px);opacity:.6;animation:ncStars 9s linear infinite}
.nc-nature-cosmos .vignette{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.75) 100%)}
@keyframes ncMist{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.07)}}
@keyframes ncStars{from{transform:translateY(0)}to{transform:translateY(-2%)}}

/* Nature identity for every known seed. */
.nc-real-seed,.nc-physical-seed{position:relative;isolation:isolate}
.nc-real-seed::before,.nc-physical-seed::before{content:"";position:absolute;inset:-20%;z-index:-1;border-radius:42%;opacity:.75;filter:blur(9px);background:var(--nature-aura,rgba(255,255,255,.16));animation:ncSeedBreath 2.8s ease-in-out infinite}
.nc-real-seed-core,.nc-seed-face{filter:drop-shadow(0 12px 8px rgba(0,0,0,.45)) drop-shadow(0 0 18px var(--nature-glow,rgba(255,255,255,.25)))}
.nc-real-seed-name,.nc-seed-label{font-weight:950;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 10px #000}
@keyframes ncSeedBreath{50%{transform:scale(1.08);opacity:.48}}

/* X = lightning through ancient roots */
.nc-real-seed.seed-x,.nc-physical-seed.seed-x{--nature-aura:rgba(104,229,255,.48);--nature-glow:#7be8ff}
.seed-x .nc-real-seed-core,.seed-x .nc-seed-face{background:linear-gradient(135deg,#dffbff 0%,#58d5e9 34%,#1a6d62 67%,#092b24 100%);border-radius:12px}
/* Sharp Block = volcanic basalt cliff */
.nc-real-seed.seed-block,.nc-physical-seed.seed-block{--nature-aura:rgba(170,204,198,.42);--nature-glow:#b8ddd5}
.seed-block .nc-real-seed-core,.seed-block .nc-seed-face{background:linear-gradient(145deg,#d5ddd5,#6f817d 38%,#273c37 67%,#111d1b);border-radius:9px}
/* Triangle = mountain peak */
.nc-real-seed.seed-triangle,.nc-physical-seed.seed-triangle{--nature-aura:rgba(129,227,255,.50);--nature-glow:#9aeaff}
.seed-triangle .nc-real-seed-core,.seed-triangle .nc-seed-face{background:linear-gradient(180deg,#f4ffff 0 15%,#a8dfe1 16% 29%,#4d9b8c 30% 62%,#163f31 63% 100%);clip-path:polygon(50% 0,100% 86%,50% 100%,0 86%);}
/* Circle = sun over ocean */
.nc-real-seed.seed-circle,.nc-physical-seed.seed-circle{--nature-aura:rgba(255,210,91,.55);--nature-glow:#ffd66f}
.seed-circle .nc-real-seed-core,.seed-circle .nc-seed-face{background:radial-gradient(circle at 42% 34%,#fff9ca 0 9%,#ffd66d 22%,#e99b3e 44%,#238aa0 63%,#0c4258 100%);border-radius:50%}
/* Heart = living rainforest flower */
.nc-real-seed.seed-heart,.nc-physical-seed.seed-heart{--nature-aura:rgba(255,132,163,.48);--nature-glow:#ff9eb7}
.seed-heart .nc-real-seed-core,.seed-heart .nc-seed-face{background:radial-gradient(circle at 38% 31%,#fff2d5 0 8%,#ff9bb3 20%,#d94369 48%,#4b7e45 72%,#173e2b 100%);filter:drop-shadow(0 8px 10px rgba(0,0,0,.42))}
/* Stone = river-polished mineral */
.nc-real-seed.seed-stone,.nc-physical-seed.seed-stone{--nature-aura:rgba(170,219,217,.38);--nature-glow:#b9ece9}
.seed-stone .nc-real-seed-core,.seed-stone .nc-seed-face{background:linear-gradient(145deg,#eef3ed,#9eb6b0 42%,#506b68 73%,#293d3b);border-radius:42% 48% 38% 51%}
/* Broom / wooden shard = fallen rainforest branch */
.nc-real-seed.seed-broom,.nc-physical-seed.seed-broom{--nature-aura:rgba(214,170,91,.46);--nature-glow:#e4b86f}
.seed-broom .nc-real-seed-core,.seed-broom .nc-seed-face{background:linear-gradient(115deg,#f1c986,#9c642e 34%,#55321d 72%,#20140d);border-radius:48% 16% 48% 16%}

/* The playable board becomes a physical ecosystem arena, while its DOM/game state stays untouched. */
body.nc-nature-universe .board-focus-stage{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,rgba(7,31,27,.20),rgba(4,24,20,.52));box-shadow:inset 0 0 0 1px rgba(225,255,242,.10),0 30px 100px rgba(0,0,0,.34)}
body.nc-nature-universe .board-focus-stage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,rgba(255,223,128,.12),transparent 23%),linear-gradient(180deg,transparent 0 65%,rgba(30,120,73,.17) 66% 78%,rgba(10,83,66,.26) 79% 100%)}
body.nc-nature-universe .board-stage-center{position:relative;z-index:2;perspective:1100px}
body.nc-nature-universe .board{transform:rotateX(8deg) translateZ(24px);transform-style:preserve-3d;filter:drop-shadow(0 28px 24px rgba(0,0,0,.38));background:linear-gradient(145deg,rgba(231,255,245,.10),rgba(22,79,59,.25));border:1px solid rgba(225,255,242,.16);box-shadow:inset 0 0 70px rgba(66,201,173,.08),0 0 70px rgba(45,190,196,.10)}
body.nc-nature-universe .cell{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.10),transparent 25%),linear-gradient(145deg,rgba(23,74,56,.52),rgba(5,34,28,.62));border-color:rgba(183,238,215,.18);box-shadow:inset 0 0 22px rgba(72,211,185,.07),0 7px 12px rgba(0,0,0,.22);transform:translateZ(8px)}
body.nc-nature-universe .cell::after{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(123,224,164,.12),transparent 67%);pointer-events:none}
body.nc-nature-universe .cell:hover{transform:translateZ(18px) scale(1.035);box-shadow:inset 0 0 30px rgba(255,224,132,.12),0 14px 30px rgba(0,0,0,.30)}
body.nc-nature-universe .winner-cell{box-shadow:0 0 0 2px rgba(255,226,128,.62),0 0 42px rgba(255,205,90,.30),inset 0 0 28px rgba(255,255,210,.15)!important}

/* Nature-coded typography: waterline + mineral highlight, without reducing readability. */
body.nc-nature-universe .ppt-title,body.nc-nature-universe .board-focus-title,body.nc-nature-universe .brand-title,body.nc-nature-universe h1,body.nc-nature-universe h2,body.nc-nature-universe h3,body.nc-nature-universe h4{background:linear-gradient(180deg,#fffef2 0%,#d8f8e7 48%,#89d5c0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 30px rgba(75,210,166,.10)}
body.nc-nature-universe .section-sub,body.nc-nature-universe .ppt-sub,body.nc-nature-universe .board-focus-note,body.nc-nature-universe p{color:rgba(225,247,237,.78)}
body.nc-nature-universe .nav-chip,body.nc-nature-universe .ppt-chip,body.nc-nature-universe .hud-chip{border-color:rgba(177,239,214,.20);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(49,130,99,.11));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 26px rgba(0,0,0,.16)}

@media(max-width:760px){.nc-nature-cosmos .mountains{transform:translateZ(40px) scale(1.12)}.nc-nature-cosmos .forest{transform:translateZ(80px) scale(1.15)}.nc-nature-cosmos .river{transform:translateZ(110px) scale(1.18)}body.nc-nature-universe .board{transform:rotateX(4deg) translateZ(10px)}body.nc-nature-universe .board-focus-stage{border-radius:22px}}
@media(prefers-reduced-motion:reduce){.nc-nature-cosmos .mist,.nc-nature-cosmos .stars,.nc-real-seed::before,.nc-physical-seed::before{animation:none!important}}