/* NodeClash v6.2.4+ AAA depth enhancement — additive presentation only. */
:root{--nc-depth-cyan:#63e7ff;--nc-depth-blue:#2b83ff;--nc-depth-gold:#ffd56a;--nc-depth-green:#67f0b1;--nc-depth-red:#ff4f9a}

/* Landing: push the existing world image into a layered, game-entrance depth field. */
#ncAaaWorldSkin{perspective:1800px;isolation:isolate}
#ncAaaWorldSkin .ncw-image{filter:saturate(1.14) contrast(1.08) brightness(.92);transform:translate3d(0,0,34px) scale(1.08);transform-style:preserve-3d;will-change:transform;transition:transform .16s ease-out}
#ncAaaWorldSkin::before{content:"";position:absolute;inset:-10%;z-index:1;pointer-events:none;background:
 radial-gradient(ellipse at 50% 75%,rgba(85,224,255,.22),transparent 30%),
 radial-gradient(ellipse at 52% 84%,rgba(0,0,0,.52),transparent 42%),
 linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%,rgba(1,10,17,.44) 100%);mix-blend-mode:screen;transform:translateZ(24px);}
#ncAaaWorldSkin::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-18%;height:55%;z-index:2;pointer-events:none;background:
 radial-gradient(ellipse at 18% 72%,rgba(41,106,72,.72),transparent 24%),
 radial-gradient(ellipse at 82% 74%,rgba(31,89,61,.64),transparent 23%),
 linear-gradient(180deg,transparent 0%,rgba(2,14,15,.2) 38%,rgba(1,8,10,.84) 100%);filter:blur(2px);transform:perspective(1100px) rotateX(62deg) translateY(22%);transform-origin:center bottom;}
#ncAaaEntrance{perspective:1600px;background:transparent!important}
#ncAaaEntrance .nc-aaa-ui{transform-style:preserve-3d}
#ncAaaEntrance .nc-aaa-ui::before{content:"";position:absolute;left:50%;top:53%;width:min(72vw,1050px);height:min(42vw,540px);z-index:-1;transform:translate(-50%,-50%) rotateX(58deg) translateZ(-60px);border-radius:38px;background:linear-gradient(180deg,rgba(76,173,255,.10),rgba(3,17,29,.2));box-shadow:0 90px 130px rgba(0,0,0,.44),inset 0 2px 0 rgba(255,255,255,.08);border:1px solid rgba(148,224,255,.10);}
#ncAaaEntrance .nc-aaa-left,#ncAaaEntrance .nc-aaa-right{transform:translateZ(80px);}
#ncAaaEntrance .nc-aaa-center{transform:translateZ(135px);}
#ncAaaEntrance .nc-aaa-board-shell{transform:perspective(1650px) rotateX(58deg) rotateZ(-1deg) translateY(32px) translateZ(70px) scale(1.02);transform-style:preserve-3d;filter:drop-shadow(0 65px 74px rgba(0,0,0,.68));}
#ncAaaEntrance .nc-aaa-board-shell::before{content:"";position:absolute;inset:-8%;border-radius:44px;z-index:-2;background:linear-gradient(180deg,rgba(93,224,255,.20),rgba(7,18,28,.06));box-shadow:0 0 80px rgba(56,189,248,.16);transform:translateZ(-38px);}
#ncAaaEntrance .nc-aaa-board-shell::after{background:radial-gradient(ellipse at 50% 50%,rgba(63,212,255,.23),transparent 58%);filter:blur(34px);}
#ncAaaEntrance .nc-demo-cell::after{content:"";position:absolute;inset:1px;border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 28px rgba(0,0,0,.16);transform:translateZ(-7px);pointer-events:none}
#ncAaaEntrance .nc-aaa-card{transform:translateZ(45px);}
#ncAaaEntrance .nc-aaa-chat{transform:translateZ(30px);}
#ncAaaEntrance .nc-aaa-seed-wheel{transform:translateZ(80px)}

/* Play board: retain the user's current physical seed treatment and add environment depth around it. */
body:has(.play-stage-shell){background:#02070b!important;overflow-x:hidden}
body:has(.play-stage-shell) .play-stage-shell{perspective:1700px}
body:has(.play-stage-shell) .board-focus-stage{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(5,19,29,.52),rgba(2,9,16,.72));box-shadow:0 35px 90px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.08)}
body:has(.play-stage-shell) .board-focus-stage::before{content:"";position:absolute;inset:-14%;z-index:0;pointer-events:none;background:
 radial-gradient(circle at 16% 32%,rgba(97,221,255,.20),transparent 16%),
 radial-gradient(circle at 83% 22%,rgba(255,211,113,.18),transparent 16%),
 radial-gradient(circle at 82% 76%,rgba(54,219,158,.18),transparent 17%),
 linear-gradient(180deg,transparent 42%,rgba(3,11,16,.40) 100%);filter:blur(18px)}
body:has(.play-stage-shell) .board-stage-center{position:relative;z-index:2;transform-style:preserve-3d;padding:34px 26px 48px}
body:has(.play-stage-shell) .board-stage-center::before{content:"";position:absolute;left:50%;bottom:12%;width:min(74%,720px);height:42%;z-index:-1;transform:translateX(-50%) perspective(1200px) rotateX(62deg) translateZ(-60px);background:linear-gradient(180deg,rgba(19,76,91,.32),rgba(4,14,22,.84));border:1px solid rgba(93,224,255,.10);border-radius:28px;box-shadow:0 85px 105px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.08)}
body:has(.play-stage-shell) #board{position:relative;z-index:3;transform:perspective(1500px) rotateX(7deg) translateZ(44px);transform-style:preserve-3d;box-shadow:0 55px 75px rgba(0,0,0,.34),0 0 70px rgba(57,210,255,.08);}
body:has(.play-stage-shell) #board::before{content:"";position:absolute;inset:-28px;border-radius:32px;pointer-events:none;background:radial-gradient(circle at 50% 35%,rgba(92,225,255,.08),transparent 48%);filter:blur(22px)}
body:has(.play-stage-shell) .nc-seed-arena{z-index:4;filter:drop-shadow(0 24px 30px rgba(0,0,0,.42));}
body:has(.play-stage-shell) .board-focus-head{position:relative;z-index:4}

/* Seed result cycling — keep the current physical rendering; only make outcome-to-outcome rotation obvious. */
.nc-seed-cycle-event{position:fixed;left:50%;top:16%;z-index:9800;transform:translate(-50%,-20px) scale(.96);opacity:0;pointer-events:none;min-width:min(92vw,470px);padding:14px 18px;border-radius:20px;border:1px solid rgba(125,230,255,.30);background:linear-gradient(180deg,rgba(6,18,31,.95),rgba(2,9,16,.93));box-shadow:0 25px 80px rgba(0,0,0,.55),0 0 45px rgba(72,218,255,.16);backdrop-filter:blur(20px);text-align:center;transition:.24s ease}
.nc-seed-cycle-event.show{opacity:1;transform:translate(-50%,0) scale(1)}
.nc-seed-cycle-event .k{display:block;font-size:8px;letter-spacing:.28em;color:#76e6ff;font-weight:1000}
.nc-seed-cycle-event .pair{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:5px;font-size:14px;font-weight:1000}
.nc-seed-cycle-event .tri{color:#5ce8ff;text-shadow:0 0 20px rgba(92,232,255,.45)}
.nc-seed-cycle-event .cir{color:#ff5aa3;text-shadow:0 0 20px rgba(255,90,163,.42)}
.nc-seed-cycle-event .reason{display:block;margin-top:5px;font-size:7px;letter-spacing:.16em;color:rgba(225,245,255,.56);text-transform:uppercase}

@media(max-width:900px){#ncAaaEntrance .nc-aaa-ui::before{width:92vw;height:58vw}#ncAaaEntrance .nc-aaa-center{transform:translateZ(70px)}#ncAaaEntrance .nc-aaa-board-shell{transform:perspective(1300px) rotateX(50deg) translateY(20px) translateZ(40px) scale(.95)}body:has(.play-stage-shell) #board{transform:perspective(1100px) rotateX(4deg) translateZ(24px)}}
@media(max-width:760px){#ncAaaWorldSkin .ncw-image{transform:scale(1.04)!important}#ncAaaWorldSkin::after{height:42%;bottom:-10%}#ncAaaEntrance .nc-aaa-ui::before{display:none}#ncAaaEntrance .nc-aaa-center,#ncAaaEntrance .nc-aaa-left,#ncAaaEntrance .nc-aaa-right{transform:none}.nc-seed-cycle-event{top:8%;min-width:min(92vw,360px)}}
@media(prefers-reduced-motion:reduce){#ncAaaWorldSkin .ncw-image{transition:none!important;transform:none!important}#ncAaaEntrance .nc-aaa-board-shell{transform:none!important}body:has(.play-stage-shell) #board{transform:none!important}}