/* Yarumo Junior cinematic world v4 — reference-driven depth pass */
:root{--yj-mist:rgba(199,238,229,.16);--yj-moon:#ffe68a;--yj-emerald:#64ffa6;--yj-cyan:#62d8ff}

/* HERO: layered world, atmosphere and depth */
.yj-hero-world{min-height:458px;padding:40px 36px 30px;border-radius:0 0 30px 30px;background:linear-gradient(90deg,rgba(2,12,16,.97) 0%,rgba(3,18,19,.84) 30%,rgba(4,22,24,.34) 52%,rgba(2,13,16,.18) 100%),radial-gradient(circle at 77% 21%,rgba(255,231,128,.22),transparent 18%),linear-gradient(180deg,#123e52 0%,#1c6070 24%,#315e53 52%,#163929 76%,#071610 100%);box-shadow:0 34px 95px rgba(0,0,0,.38),inset 0 -1px rgba(255,255,255,.04)}
.yj-hero-world::before{display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 0 55%,rgba(255,244,188,.09) 56%,transparent 62%),radial-gradient(ellipse at 69% 73%,rgba(208,245,232,.23),transparent 25%),radial-gradient(ellipse at 85% 60%,rgba(183,232,226,.17),transparent 22%);mix-blend-mode:screen;opacity:.9}
.yj-hero-world::after{display:block;content:"";position:absolute;left:0;right:0;bottom:-2px;height:35%;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 17% 118%,#07130d 0 34%,transparent 35%),radial-gradient(ellipse at 41% 124%,#0a1b12 0 36%,transparent 37%),radial-gradient(ellipse at 73% 120%,#081811 0 38%,transparent 39%),linear-gradient(to top,rgba(3,11,8,.88),transparent 78%);filter:drop-shadow(0 -16px 24px rgba(3,18,13,.28))}
.yj-scene{z-index:0;background:radial-gradient(circle at 81% 15%,rgba(255,236,157,.19),transparent 14%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 34%)}
.yj-scene::before{content:"";position:absolute;left:24%;right:-8%;bottom:8%;height:23%;z-index:4;background:radial-gradient(ellipse at 18% 65%,rgba(221,247,238,.22),transparent 28%),radial-gradient(ellipse at 52% 55%,rgba(206,239,231,.17),transparent 25%),radial-gradient(ellipse at 86% 52%,rgba(218,244,238,.19),transparent 24%);filter:blur(9px);opacity:.82}
.yj-scene::after{content:"";position:absolute;left:37%;right:-10%;bottom:3%;height:27%;z-index:2;background:linear-gradient(165deg,transparent 0 25%,rgba(94,175,164,.28) 26% 32%,rgba(46,98,87,.3) 33% 39%,transparent 40%),radial-gradient(ellipse at 58% 70%,rgba(75,165,150,.36),transparent 38%)}
.yj-sky-glow{right:1%;top:-2%;width:55%;height:72%;background:radial-gradient(circle at 51% 35%,#fff4b7 0 1.5%,rgba(255,220,113,.74) 2% 8%,rgba(255,188,92,.26) 10% 22%,rgba(117,214,255,.10) 34%,transparent 66%);filter:blur(1px);opacity:.98}
.yj-sky-glow::before{content:"";position:absolute;left:50%;top:33%;width:2px;height:220%;background:linear-gradient(rgba(255,242,180,.28),transparent);box-shadow:-64px 0 58px rgba(255,230,161,.08),64px 0 58px rgba(255,230,161,.06);transform:rotate(16deg);transform-origin:top}

/* Mountains, village and distant city */
.yj-mountain-back{left:16%;right:-7%;bottom:11%;height:68%;background:linear-gradient(180deg,rgba(112,153,161,.42),rgba(45,92,91,.65) 57%,rgba(19,58,50,.88));opacity:.72;filter:blur(1.5px);clip-path:polygon(0 90%,9% 62%,17% 72%,26% 40%,34% 67%,44% 31%,54% 62%,63% 42%,72% 67%,82% 28%,91% 58%,100% 40%,100% 100%,0 100%)}
.yj-mountain-mid{left:30%;right:-8%;bottom:4%;height:53%;background:linear-gradient(180deg,#356861,#17473c 68%,#0a2a22);clip-path:polygon(0 100%,0 80%,10% 64%,19% 79%,31% 45%,42% 75%,52% 51%,64% 77%,74% 43%,86% 70%,94% 55%,100% 66%,100% 100%)}
.yj-mountain-mid::before{content:"";position:absolute;left:26%;right:4%;bottom:21%;height:22%;background:repeating-linear-gradient(90deg,rgba(9,34,30,.9) 0 8px,transparent 8px 15px);clip-path:polygon(0 100%,3% 48%,6% 100%,10% 28%,13% 100%,17% 56%,20% 100%,24% 19%,27% 100%,31% 39%,35% 100%,39% 10%,42% 100%,47% 48%,50% 100%,55% 25%,58% 100%,64% 44%,68% 100%,73% 19%,77% 100%,83% 51%,87% 100%,93% 31%,97% 100%,100% 53%,100% 100%);opacity:.74}
.yj-city{right:1.5%;bottom:26%;width:31%;height:39%;z-index:3;opacity:.88;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(93,212,226,.32) 8px 10px,transparent 10px 18px),linear-gradient(180deg,transparent 0 19%,rgba(18,67,73,.8) 20%);filter:drop-shadow(0 0 14px rgba(98,216,255,.18))}
.yj-city::before{content:"";position:absolute;inset:20% 3% 4%;background:radial-gradient(circle,#ffe89a 0 1.2px,transparent 1.8px);background-size:13px 12px;opacity:.48;filter:drop-shadow(0 0 3px rgba(255,224,131,.48))}
.yj-city::after{content:"";position:absolute;left:-38%;right:7%;bottom:-14%;height:32%;background:linear-gradient(90deg,transparent 0 7%,#102e24 7% 17%,transparent 17% 21%,#14382a 21% 34%,transparent 34% 39%,#0f3024 39% 53%,transparent 53% 58%,#123529 58% 70%,transparent 70% 76%,#0e2b23 76% 90%,transparent 90%);clip-path:polygon(0 100%,0 44%,7% 44%,10% 15%,14% 44%,22% 44%,25% 3%,29% 44%,42% 44%,45% 25%,49% 44%,58% 44%,61% 8%,66% 44%,77% 44%,80% 20%,85% 44%,100% 44%,100% 100%);opacity:.92}

/* Giant luminous tree — emotional anchor */
.yj-scene-tree{right:17%;bottom:-11%;width:45%;height:122%;z-index:5;filter:drop-shadow(0 22px 36px rgba(0,0,0,.28))}
.yj-scene-trunk{left:47%;bottom:0;width:13.5%;height:73%;border-radius:48% 48% 14% 18%;background:linear-gradient(90deg,#16271a 0,#58482a 20%,#b9893d 37%,#e2b955 48%,#6d542d 62%,#2b3923 78%,#12251a 100%);box-shadow:0 0 38px rgba(255,224,111,.20),inset 10px 0 20px rgba(0,0,0,.28),inset -12px 0 18px rgba(0,0,0,.25);transform:rotate(1deg)}
.yj-scene-trunk::before{content:"";position:absolute;left:-67%;top:26%;width:102%;height:11%;border-radius:999px;background:linear-gradient(90deg,#233a25,#8b6d36 52%,#d0a64f);transform:rotate(-32deg);transform-origin:right center;box-shadow:0 0 16px rgba(255,225,123,.13)}
.yj-scene-trunk::after{left:43%;top:2%;width:6px;height:94%;background:linear-gradient(180deg,#fff8bd,#ffd75f 35%,rgba(105,255,162,.55) 73%,transparent);box-shadow:0 0 10px #ffe16c,0 0 26px rgba(103,255,167,.28)}
.yj-scene-canopy{background:radial-gradient(circle at 34% 27%,rgba(197,255,164,.9) 0 3%,transparent 4%),radial-gradient(circle at 58% 44%,rgba(134,225,113,.8) 0 4%,transparent 5%),radial-gradient(circle at 42% 38%,#78b75d 0 7%,#397944 34%,#1a4e36 67%,#0a2d24 100%);box-shadow:inset 0 0 38px rgba(255,249,157,.12),0 0 36px rgba(80,255,147,.11);filter:drop-shadow(0 8px 11px rgba(0,0,0,.18))}
.yj-scene-canopy::after{inset:5%;background:radial-gradient(circle,#fff6ad 0 1.7px,transparent 2.7px),radial-gradient(circle,#9effb7 0 1.4px,transparent 2.4px);background-size:25px 25px,33px 31px;background-position:0 0,8px 12px;opacity:.72;filter:drop-shadow(0 0 4px rgba(255,233,130,.48))}
.yj-scene-canopy.c1{left:0;top:15%;width:51%}.yj-scene-canopy.c2{right:-2%;top:10%;width:51%}.yj-scene-canopy.c3{left:24%;top:1%;width:57%}.yj-scene-canopy.c4{left:22%;top:30%;width:60%}
.yj-treehouse{left:41%;top:41%;width:92px;height:58px;border:2px solid #c99a55;border-radius:7px;background:linear-gradient(180deg,#4b311c,#25170e);box-shadow:0 12px 22px rgba(0,0,0,.32),0 0 24px rgba(255,220,105,.4)}
.yj-treehouse::before{left:8px;right:8px;top:-26px;height:30px;background:linear-gradient(180deg,#3c2414,#24150e)}
.yj-treehouse::after{left:35px;top:17px;width:20px;height:18px;background:#fff0a2;box-shadow:0 0 18px #ffd970,0 0 36px rgba(255,220,103,.35)}

/* Bridge and tiny characters for scale */
.yj-bridge{right:4%;bottom:19%;width:48%;height:33%;z-index:6;border-top:5px solid rgba(214,168,91,.96);border-radius:52%;transform:rotate(-5deg);filter:drop-shadow(0 4px 5px rgba(0,0,0,.32))}
.yj-bridge::before{content:"";position:absolute;left:3%;right:3%;top:0;height:58%;border-left:2px solid rgba(238,196,120,.66);border-right:2px solid rgba(238,196,120,.66);border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(228,186,112,.62) 18px 20px,transparent 20px 36px);opacity:.82}
.yj-bridge::after{inset:-8px 0 0;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(208,160,88,.86) 10px 15px,transparent 16px 25px);clip-path:polygon(0 39%,100% 0,100% 19%,0 60%)}
.yj-explorer{right:9%;bottom:8%;z-index:8;width:38px;height:79px;box-shadow:0 10px 18px rgba(0,0,0,.34)}
.yj-dog{right:14%;bottom:7%;z-index:8}.yj-sign{z-index:9;backdrop-filter:blur(6px)}.yj-sign-a{right:38%;top:43%}.yj-sign-b{right:2.5%;top:46%}.yj-scene-quote{right:3%;top:9%;z-index:7;font-size:17px}

/* Copy hierarchy */
.yj-hero-copy-premium{position:relative;z-index:11;max-width:565px;padding-top:11px}.yj-hero-copy-premium::before{content:"";position:absolute;left:-36px;top:-40px;width:118%;height:126%;z-index:-1;background:radial-gradient(ellipse at 26% 50%,rgba(1,10,13,.72),rgba(2,12,14,.28) 52%,transparent 74%);filter:blur(5px)}
.yj-hero-copy-premium .yj-kicker{font-size:21px;font-weight:820;letter-spacing:-.02em}.yj-ready{font-size:15px;color:#b9cec6}.yj-hero-copy-premium .yj-title{font-size:clamp(62px,6.6vw,92px);letter-spacing:-.065em;line-height:.86;margin-top:5px}.yj-hero-copy-premium .yj-title span{font-size:.68em;color:#ffe66e}.yj-hero-copy-premium .yj-sub{max-width:510px;font-size:15px;color:#ecf5f1}.yj-hero-copy-premium .yj-actions{margin-top:21px}.yj-hero-copy-premium .yj-primary{border:1px solid rgba(255,255,255,.22);background:linear-gradient(110deg,#8dffb5,#4af097);box-shadow:0 16px 35px rgba(25,195,111,.18),0 0 25px rgba(85,255,161,.13)}.yj-hero-copy-premium .yj-secondary{border-color:rgba(255,255,255,.13);background:rgba(2,13,16,.62);backdrop-filter:blur(10px)}

/* LAB CARDS — richer mini worlds */
.yj-grid{gap:16px;margin-top:16px}.yj-card{height:212px;border-radius:22px;border:1px solid rgba(255,255,255,.085);box-shadow:0 18px 38px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.04);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.yj-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.16);box-shadow:0 26px 55px rgba(0,0,0,.34),0 0 28px rgba(90,255,165,.055)}
.yj-card-art::after{background:linear-gradient(180deg,rgba(3,8,12,0) 0 45%,rgba(3,8,12,.66) 72%,rgba(3,8,12,.98) 100%)}.yj-card-copy{padding:16px 17px 15px}.yj-card-copy h3{font-size:23px;letter-spacing:-.035em}.yj-card-copy p{font-size:11.5px;color:#d8e0e2}.yj-card-copy .yj-icon{bottom:147px;width:46px;height:46px;border-radius:15px;background:rgba(6,17,24,.54)}.yj-card-copy>button{width:40px;height:40px;background:rgba(4,16,22,.62);backdrop-filter:blur(8px)}
.yj-art-game{background:radial-gradient(circle at 18% 10%,rgba(210,92,255,.86),transparent 27%),radial-gradient(circle at 76% 25%,rgba(78,175,255,.38),transparent 29%),linear-gradient(148deg,#48115c 0,#13284e 48%,#08271f 100%)}.yj-pixel-island{right:9%;top:19%;width:53%;height:48%;background:linear-gradient(180deg,#77e56d 0 25%,#4da84b 26% 36%,#7c5630 37% 57%,#3c291a 58%);clip-path:polygon(4% 19%,73% 0,100% 22%,84% 72%,49% 100%,10% 73%);box-shadow:0 0 29px rgba(110,255,118,.24)}.yj-pixel-island::before{content:"";position:absolute;left:17%;top:13%;width:17px;height:22px;background:#ce95ff;box-shadow:30px 10px 0 #6ed9ff,56px -3px 0 #ffd367,78px 15px 0 #fa76c1}
.yj-art-code{background:radial-gradient(circle at 72% 19%,rgba(62,146,255,.65),transparent 30%),linear-gradient(145deg,#06162d,#0b3a71 54%,#071927)}.yj-art-code::before{content:"";position:absolute;right:10%;top:16%;width:54%;height:46%;border:1px solid rgba(118,207,255,.28);border-radius:9px;background:linear-gradient(180deg,rgba(11,36,67,.96),rgba(4,19,37,.94));box-shadow:0 16px 25px rgba(0,0,0,.36),0 0 34px rgba(61,159,255,.25);transform:perspective(420px) rotateY(-8deg) rotateX(3deg)}.yj-art-code>span{position:absolute;left:14%;top:18%;font-size:47px;color:#8ccaff;text-shadow:0 0 29px rgba(69,165,255,.55);transform:rotate(-6deg)}
.yj-art-ai{background:radial-gradient(circle at 67% 30%,rgba(50,255,218,.62),transparent 34%),linear-gradient(145deg,#06272c,#075c68 52%,#05252f)}.yj-art-ai::before{content:"";position:absolute;right:7%;top:7%;width:62%;height:67%;border-radius:50%;border:1px solid rgba(132,255,237,.16);box-shadow:inset 0 0 38px rgba(92,255,230,.07),0 0 34px rgba(70,255,224,.09)}.yj-ai-bot{right:19%;top:20%;width:84px;height:68px;box-shadow:0 15px 23px rgba(0,0,0,.28),0 0 38px rgba(62,255,226,.42)}.yj-ai-bot::after{content:"";position:absolute;left:29px;bottom:-29px;width:27px;height:27px;border-radius:8px;background:linear-gradient(145deg,#baf8f6,#60babd);box-shadow:-29px 10px 0 -5px #80d5d3,29px 10px 0 -5px #80d5d3}
.yj-art-commerce{background:radial-gradient(circle at 72% 18%,rgba(255,200,81,.72),transparent 30%),radial-gradient(circle at 30% 55%,rgba(255,115,59,.28),transparent 30%),linear-gradient(145deg,#562307,#a84d08 48%,#2e1c0b)}.yj-art-commerce::before{content:"";position:absolute;right:9%;top:19%;width:54%;height:50%;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#f8d58b 0 17%,#a95820 18% 100%);box-shadow:0 16px 24px rgba(0,0,0,.30);clip-path:polygon(8% 0,92% 0,100% 19%,94% 24%,94% 100%,6% 100%,6% 24%,0 19%)}.yj-art-commerce::after{content:"";position:absolute;right:13%;top:29%;width:46%;height:37%;z-index:1;background:repeating-linear-gradient(90deg,#ffe3a5 0 10px,#c56a28 10px 20px);clip-path:polygon(0 0,100% 0,92% 30%,8% 30%)}.yj-art-commerce>span{right:15%;top:8%;z-index:3}.yj-art-commerce>b{right:44%;top:33%;z-index:3;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ffe59b;color:#7d4512;font-size:19px}

/* Dashboard chrome */
.yj-sidebar{background:radial-gradient(circle at 50% 3%,rgba(72,255,151,.06),transparent 18%),linear-gradient(180deg,#041217 0,#031014 58%,#071c19 100%);box-shadow:12px 0 44px rgba(0,0,0,.17)}.yj-nav button{border:1px solid transparent;transition:.2s}.yj-nav button:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.045);color:#d9eee5}.yj-nav button.active{border-color:rgba(103,255,168,.09)}.yj-top-premium{background:linear-gradient(180deg,rgba(3,17,22,.98),rgba(3,17,22,.88));box-shadow:0 10px 34px rgba(0,0,0,.12)}.yj-panel{box-shadow:0 16px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)}

@media(max-width:1180px){.yj-hero-world{min-height:430px}.yj-scene-tree{right:8%;width:52%}.yj-city{right:-3%;width:37%}.yj-card{height:205px}}
@media(max-width:760px){.yj-hero-world{min-height:590px;padding:28px 20px}.yj-hero-copy-premium{max-width:100%}.yj-scene-tree{right:-17%;bottom:-7%;width:79%;height:78%;opacity:.96}.yj-city{right:-5%;bottom:19%;width:48%;height:30%;opacity:.72}.yj-mountain-back{left:0}.yj-mountain-mid{left:12%}.yj-bridge{right:-8%;bottom:16%;width:62%}.yj-grid{gap:13px}.yj-card{height:205px}.yj-card-copy .yj-icon{bottom:141px}}
@media(max-width:460px){.yj-hero-world{min-height:610px}.yj-hero-copy-premium .yj-title{font-size:52px}.yj-hero-copy-premium .yj-sub{font-size:13px}.yj-scene-tree{right:-28%;width:96%;height:72%;bottom:-3%}.yj-city{width:60%;bottom:18%}.yj-bridge{right:-16%;width:75%}.yj-card{height:196px}.yj-card-copy .yj-icon{bottom:132px}.yj-scene-quote{display:none}}