/* Illustrated cub portal: all labels and controls are HTML, art is decorative. */
.sc-cub{--sc-ink:#14265e;--sc-paper:#fffde9;--sc-line:#eedaa0;--sc-green:#008951;--sc-gold:#f7bd39;color:var(--sc-ink)}
.sc-cub .workspace{background:linear-gradient(#ffffff10,#e9f4c320),url('../assets/jungle-background.png') center top/cover fixed}
.sc-cub .topbar{background:#fffdf0ed;border-bottom:1px solid #e2ca83}.sc-cub .preview-bar{background:#fff9e4e8}
.sc-cub #main{max-width:1000px;margin:auto;padding:24px 28px 40px;min-width:0;width:100%}
.sc-cub .workspace>footer{color:#fff6d1;text-shadow:0 1px 3px #102a13;background:#174128c7;padding:16px 24px}
.sc-cub .sidebar{background:linear-gradient(#073b26e8,#073b26f8),url('../assets/jungle-background.png') center/cover}
.sc-cub .sidebar .nav-link.active{background:linear-gradient(#07935e,#00683f);box-shadow:inset 0 0 0 1px #ffe28c80;color:#fff6d8}
.sc-portal{color:var(--sc-ink);font-size:15px;line-height:1.7;min-width:0}.sc-portal *{box-sizing:border-box}.sc-portal a{text-decoration:none;color:inherit}.sc-portal button,.sc-portal input,.sc-portal textarea{font:inherit}.sc-portal button,.sc-portal a,.sc-portal summary{-webkit-tap-highlight-color:transparent}.sc-portal h1,.sc-portal h2,.sc-portal h3,.sc-portal p{margin:0}.sc-portal h2{font-size:20px;line-height:1.5;color:var(--sc-ink)}.sc-portal p{line-height:1.85}.sc-portal button{cursor:pointer}.sc-portal :focus-visible{outline:3px solid #f0a321;outline-offset:3px}.sc-portal .icon{width:25px;height:25px;flex-shrink:0}
.sc-art{display:block;background-image:url('../assets/cub-scenes-v2.png');background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;flex-shrink:0}.sc-art-reader{background-position:0 0}.sc-art-bear{background-position:50% 0}.sc-art-wolf{background-position:100% 0}.sc-art-panther{background-position:0 100%}.sc-art-camera{background-position:50% 100%}.sc-art-path{background-position:100% 100%}
.sc-hero{height:310px;position:relative;overflow:hidden;border-radius:24px 24px 6px 6px;margin:0 0 15px;background:url('../assets/jungle-background.png') center 40%/cover;isolation:isolate;box-shadow:0 5px 16px #0a331c35}
.sc-hero:after,.sc-welcome:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:3;border:7px solid transparent;border-image:linear-gradient(#95b93488,#075c1e33,#b7c83c88) 1}
.sc-hero>.sc-art{position:absolute;width:100%;height:100%;inset:0;background-size:300% 200%}.sc-hero-reader>.sc-art,.sc-hero-camera>.sc-art{filter:saturate(1.08)}
.sc-friends{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 22%;mix-blend-mode:normal}
.sc-sign{position:absolute;bottom:18px;right:5%;width:90%;z-index:4;text-align:center;padding:12px 20px;color:#261707;background:linear-gradient(3deg,#c37b26aa,#ffe0a0e8 28%,#ffda92f2 78%,#c58030b5),url('../assets/wood-grain.svg') center/cover;border:2px solid #eeb762;border-radius:40% 6% 34% 7%/14% 24% 12% 20%;box-shadow:0 4px 0 #8f4b21,0 9px 16px #17351f66}
.sc-sign:before,.sc-sign:after{content:'🌿';position:absolute;font-size:42px;top:-14px;right:-14px;filter:drop-shadow(0 3px 2px #18471766)}.sc-sign:after{right:auto;left:-14px;transform:scaleX(-1)}
.sc-sign h1{font-size:31px;line-height:1.5;font-weight:900;color:#201607;text-shadow:0 1px #fff0af}.sc-sign p{font-size:15px;font-weight:700;color:#4c2c10;line-height:1.5}
.sc-compact-hero{height:180px}.sc-compact-hero .sc-sign{bottom:22px}.sc-library-hero{height:240px}.sc-library-hero .sc-sign{width:66%;right:32%;bottom:45px;padding:12px}.sc-library-hero .sc-sign h1{font-size:29px}.sc-library-hero>.sc-art{transform:scaleX(-1)}
.sc-paper{background:linear-gradient(120deg,#fffffb,#fffbe3);border:1px solid var(--sc-line);border-radius:20px;padding:18px;margin:0 0 14px;box-shadow:0 3px 7px #4b5c2420;min-width:0}
.sc-section-title{display:flex;align-items:center;gap:9px;justify-content:space-between;font-weight:850;margin:0 0 12px!important}.sc-section-title>.icon{color:#c4931c}.sc-stack{display:grid;gap:10px;margin:0 0 14px}.sc-stack>.sc-stack,.sc-paper .sc-stack{margin:0}.sc-footnote{font-size:12px;color:#6d715a;padding:9px 4px;line-height:1.65!important;text-align:center}.sc-paper>p{margin:10px 0}
.sc-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid #d2edbc;background:linear-gradient(#00a16a,#007348);box-shadow:inset 0 1px 2px #ffffff66,0 3px 0 #794b2c30;color:#fff!important;border-radius:28px;padding:11px 22px;min-height:48px;font-weight:850;font-size:18px;line-height:1.5;text-decoration:none}.sc-button:hover{filter:brightness(1.08)}.sc-button.sc-small{min-height:36px;padding:6px 15px;font-size:13px}.sc-full{width:100%}.sc-back{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;background:var(--sc-paper);border-radius:12px;color:#10633e!important;border:1px solid var(--sc-line);font-size:13px;margin-top:10px}.sc-lesson-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sc-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(120deg,#fffffd,#fffbe9);border:1px solid var(--sc-line);border-radius:18px;overflow:hidden;min-height:96px;box-shadow:0 2px 4px #42622516;position:relative}.sc-row:hover{border-color:#63a74b;box-shadow:0 4px 10px #41602d2e}.sc-row>.sc-art{width:150px;align-self:stretch;margin:-14px -16px -14px 0;min-height:120px;mask-image:linear-gradient(to left,#000 78%,transparent)}.sc-row-copy{flex:1;min-width:0;display:grid;gap:6px}.sc-row-copy strong{font-size:20px;font-weight:850;line-height:1.5}.sc-row-copy small{font-size:14px;line-height:1.8;color:#1f3975}.sc-chevron{font-size:31px;font-style:normal;color:#08734e;flex-shrink:0}.sc-row:has(>.sc-art)>.sc-chevron{position:absolute;bottom:12px;right:12px;width:32px;height:32px;border:2px solid #e9efce;border-radius:50%;line-height:24px;text-align:center;background:#007850;color:#fff;box-shadow:0 2px 5px #264c3260}.sc-row-icon{width:65px;height:65px;background:linear-gradient(#fff,#fff5bf);border-radius:20px;display:grid;place-items:center;flex:none;color:#04a359}.sc-row-icon>.icon{width:42px;height:42px;stroke-width:2.3}.sc-row:nth-child(3n+2) .sc-row-icon{color:#f25822}.sc-row:nth-child(3n+3) .sc-row-icon{color:#f14265}
.sc-tabs{display:flex;gap:3px;padding:5px;background:#fffdeb;border:1px solid #f3df96;border-radius:16px;margin-bottom:12px;align-items:stretch}.sc-tabs button{flex:1;min-width:0;padding:9px 8px;border:0;display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;background:transparent;box-shadow:none;border-radius:11px;font-size:15px;font-weight:800;line-height:1.4;color:#19275d}.sc-tabs .selected{background:linear-gradient(#009462,#006638);color:#fff!important;box-shadow:inset 0 1px #c8f1be,0 2px 2px #133a212c}.sc-tabs .icon{width:20px;height:20px}.sc-tabs-small{padding:4px}.sc-tabs-small button{min-height:34px;font-size:13px}.sc-scroll-tabs{overflow:auto;scrollbar-width:thin}.sc-scroll-tabs button{flex:none;white-space:nowrap;padding:9px 19px}
.sc-home-canopy{height:110px;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:white;text-shadow:0 2px 4px #123d11;background:url('../assets/jungle-background.png') center 15%/cover;border-radius:24px 24px 0 0;margin-bottom:-10px;font-weight:800}.sc-welcome-link{font-size:13px;background:#0b6743b0;padding:5px 10px;border:1px solid #e7e5a9;border-radius:20px;display:flex;align-items:center;gap:6px}.sc-home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.sc-home-layout>*{min-width:0}.sc-home-layout .sc-row>.sc-art{width:100px}.sc-home-layout .sc-row-copy strong{font-size:17px}.sc-home-layout .sc-paper{padding:14px}.sc-home-layout .sc-stack>.sc-row{margin:0}.sc-home-layout .task-row{padding:12px 0}.sc-home-layout .task-row strong{font-size:15px}.sc-home-layout .task-row .tag{font-size:10px}.sc-home-layout .sc-section-title{font-size:18px}
.sc-identity-paper{padding:12px!important;position:relative}.sc-identity{display:flex;align-items:center;gap:10px;min-width:0}.sc-avatar{display:block;width:76px;height:76px;flex:none;border-radius:50%;border:3px solid #d2b347;overflow:hidden;object-fit:cover;background:#f9e7ad}.sc-avatar>.sc-art{width:100%;height:100%;background-size:440% 290%;background-position:1% 0}.sc-identity-copy{flex:1;min-width:0}.sc-identity h2{font-size:21px!important;color:#17234f}.sc-identity p{font-size:12px;margin-top:4px;line-height:1.6;display:flex;gap:5px;align-items:center}.sc-identity p .icon{width:20px;height:20px}.sc-blue{color:#0068fa}.sc-mini-rank{width:82px;flex:none;border:1px solid #efdfa5;border-radius:14px;padding:5px;text-align:center;display:grid;gap:1px;font-size:12px;line-height:1.4}.sc-mini-rank .sc-seal{width:51px;height:51px;margin:auto;box-shadow:none;border-radius:15px;clip-path:polygon(50% 0,100% 100%,0 100%);border:0;padding-top:10px}.sc-mini-rank small{font-size:10px}.sc-edit{position:absolute;left:14px;top:14px;color:#087fff!important}.sc-edit .icon{width:20px;height:20px}.sc-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:12px;min-width:0}.sc-count{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:#fffdf2;border:1px solid #f3e6b5;border-radius:13px;padding:10px 5px;text-align:center;min-width:0;color:#04a756}.sc-count>.icon{width:31px;height:31px;stroke-width:2.3}.sc-count strong{font-size:27px;line-height:1.25;overflow-wrap:anywhere}.sc-count small{font-size:12px;color:#172e6a;font-weight:750}.sc-count.gold{color:#fca500}.sc-count.blue{color:#0365ff}.sc-count.red{color:#ef1746}.sc-home-counts{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 12px}.sc-home-counts .sc-count{flex-direction:row;flex-wrap:wrap;padding:12px;gap:7px}.sc-home-counts small{width:100%;order:-1}.sc-passport-link{display:flex;gap:12px;align-items:center;margin-bottom:12px}.sc-passport-art{font-size:64px;transform:rotate(-12deg);filter:drop-shadow(2px 4px 1px #2e5a3322);line-height:1}.sc-meter{display:flex;align-items:center;gap:8px;direction:ltr}.sc-meter progress{appearance:none;width:100%;height:14px;border:0;border-radius:20px;overflow:hidden;background:#e0dfd3}.sc-meter progress::-webkit-progress-bar{background:#e0dfd3;border-radius:20px;box-shadow:inset 0 2px 3px #8c8b7430}.sc-meter progress::-webkit-progress-value{background:linear-gradient(#20d476,#008b4f);border-radius:20px}.sc-meter b{font-size:13px;flex-shrink:0}.sc-meeting{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;background:linear-gradient(110deg,#123934,#004d46);color:#fffbe6!important;margin-bottom:12px;border:1px solid #b6c184}.sc-meeting strong{display:block;font-size:14px}.sc-meeting small{display:block;font-size:12px;margin-top:5px}.sc-meeting-flame{font-size:33px}.sc-meeting>.icon{margin-right:auto;color:#ffbe30}.sc-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 14px}.sc-shortcut{grid-column:span 2;display:grid;justify-items:center;text-align:center;gap:7px;padding:13px 5px;background:#fffbea;border:1px solid #f1df9e;border-radius:14px;font-size:12px;line-height:1.6}.sc-shortcut .icon{width:34px;height:34px;stroke-width:2.4;color:#009968}.sc-shortcut-1 .icon{color:#9629ff}.sc-shortcut-2 .icon{color:#ff8716}.sc-shortcut-3,.sc-shortcut-4{grid-column:span 3;display:flex;justify-content:center;align-items:center}.sc-shortcut-4 .icon{color:#9122ec}
.sc-growth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sc-growth a{display:grid;justify-items:center;gap:5px;padding:10px 3px;border:1px solid #f4e6b0;border-radius:14px;background:#fffff6;min-width:0;font-size:12px;text-align:center}.sc-growth a .icon{width:29px;height:29px;color:#eb2485;stroke-width:2.5}.sc-growth-1 .icon{color:#9226e7!important}.sc-growth-2 .icon{color:#fa6a19!important}.sc-growth-3 .icon{color:#006bff!important}.sc-growth-4 .icon{color:#ff9e00!important}.sc-growth-5 .icon{color:#008e63!important}
.sc-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sc-category{background:#fffbea;border:1px solid #f2d580;border-radius:18px;overflow:hidden;padding:0;min-width:0;color:#162854;box-shadow:0 2px 3px #21462826}.sc-category>.sc-art{width:100%;aspect-ratio:1.1}.sc-category>span:last-child{display:flex;align-items:center;gap:5px;padding:12px 8px;min-height:65px}.sc-category strong{font-size:14px;line-height:1.5;text-align:center;flex:1}.sc-category .icon{width:20px;height:20px;color:#12a55d}.sc-category i{font-style:normal;font-size:24px;color:#927025}.sc-category:hover{transform:translateY(-2px);border-color:#00a966}.sc-wheel-wrap{position:relative;max-width:420px;margin:12px auto 18px;padding:0 16px}.sc-wheel{width:100%;aspect-ratio:1;border:7px solid #eec459;border-radius:50%;background:conic-gradient(#ffdb35 0deg 40deg,#b6ed3c 40deg 80deg,#ff629f 80deg 120deg,#fc8772 120deg 160deg,#ba94ff 160deg 200deg,#8185f2 200deg 240deg,#47cde9 240deg 280deg,#64c84d 280deg 320deg,#fff292 320deg);box-shadow:0 5px 0 #965629,0 9px 14px #153a294d;position:relative;transform:rotate(var(--turn));transition:transform .4s}.sc-wheel>span{position:absolute;inset:0;transform:rotate(var(--angle));display:flex;justify-content:center;pointer-events:none}.sc-wheel>span b{display:grid;justify-items:center;align-content:start;padding-top:14px;width:85px;transform:rotate(calc(-1 * var(--angle)));font-size:11px;color:#0c2c43;line-height:1.4}.sc-wheel .icon{width:29px;height:29px;margin-bottom:4px;stroke-width:2.5}.sc-wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(#ffec97,#ffc331);border:4px solid #a36120;border-radius:50%;width:24%;height:24%;display:grid;place-items:center;font-size:40px;box-shadow:0 0 0 4px #ffe29a}.sc-wheel-prev,.sc-wheel-next{position:absolute;top:45%;z-index:2;width:38px;height:38px;min-height:0;padding:7px;border-radius:50%;font-size:0;background:linear-gradient(#b97e36,#6b3514);border:2px solid #ffe5a5}.sc-wheel-prev{right:0}.sc-wheel-next{left:0}.sc-wheel-prev .icon{transform:rotate(180deg)}.sc-wheel-selection{display:flex;gap:12px;align-items:center;background:#fff9d9;border:1px solid #efd17a;border-radius:16px;overflow:hidden}.sc-wheel-selection>.sc-art{width:35%;min-height:180px;align-self:stretch}.sc-wheel-selection>div{flex:1;padding:12px 0 12px 12px}.sc-wheel-selection h2{font-size:20px}.sc-wheel-selection p{font-size:13px;margin:5px 0 10px}.sc-wheel-selection .sc-button{padding:8px 12px;font-size:14px;min-height:38px}
.sc-seal{display:inline-grid;place-items:center;flex:none;width:86px;height:96px;background:linear-gradient(140deg,#2bd684,#006941);border:4px solid #f9cf51;outline:2px solid #b47416;outline-offset:-1px;box-shadow:inset 0 0 0 3px #e8b33b,0 4px 3px #304b2929;border-radius:40% 40% 45% 45%/15% 15% 75% 75%;color:#fff6ba;position:relative;filter:drop-shadow(0 3px 1px #68491f40)}.sc-seal .icon{width:55%;height:55%;stroke-width:2.5;filter:drop-shadow(0 2px 1px #003b2960)}.sc-seal.gold{background:linear-gradient(130deg,#ffe076,#ffad00);color:#fff6ca}.sc-seal.purple{background:linear-gradient(130deg,#c548fb,#6722a8)}.sc-seal.blue{background:linear-gradient(130deg,#2be1ec,#0055ab)}.sc-seal.red{background:linear-gradient(130deg,#ff6552,#c00e3c)}.sc-seal.slate{background:linear-gradient(130deg,#8a9aa4,#394553);filter:grayscale(.65)}.sc-triangle{clip-path:polygon(50% 0,100% 88%,95% 100%,5% 100%,0 88%);border-radius:18px;outline:none;border:0;box-shadow:inset 0 0 0 8px #fcd14a;padding-top:15px;width:90px;height:85px}.sc-triangle .icon{width:55px;height:48px}
.sc-systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}.sc-system{display:flex;flex-direction:column;gap:12px;background:#fffdef;padding:23px 18px;border:2px solid #ece0bc;border-radius:23px;text-align:center;box-shadow:0 4px 8px #264f2326}.sc-system>span{font-size:45px;line-height:1.5}.sc-system h2{font-size:26px}.sc-system p{font-size:15px;flex:1}.sc-system b{background:#e5e4df;color:#5d6273;border-radius:16px;padding:10px;font-size:14px}.sc-system.selected{border:3px solid #75d731;box-shadow:0 0 0 4px #fff6c28c;background:linear-gradient(#fffef8,#f6ffcd)}.sc-system.selected b{background:#dcf9ae;color:#185428}.sc-awards-preview{display:flex;gap:15px;justify-content:space-around;margin:15px 0 4px}.sc-awards-preview a{display:grid;justify-items:center;gap:10px;text-align:center;font-size:13px;min-width:0}.sc-awards-preview small{color:#73776b;font-size:10px}.sc-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sc-hobby{display:flex;flex-direction:column;align-items:center;gap:9px;background:#fffdf1;border:1px solid #e7d89e;border-radius:17px;padding:15px 6px;text-align:center;min-width:0}.sc-hobby strong{font-size:14px}.sc-hobby small{font-size:11px;background:#e3f6d7;color:#1e6241;border-radius:20px;padding:3px 9px}.sc-badge-intro{display:flex;align-items:center;gap:18px}.sc-badge-intro p{flex:1}.sc-numbered{list-style:none;display:grid;gap:8px;padding:0;margin:0}.sc-numbered li{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #f2e2ac;border-radius:15px;background:#fffff7}.sc-numbered b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#008f52;color:#fff;flex:none}.sc-numbered li:nth-child(2) b{background:#007bfc}.sc-numbered li:nth-child(3) b{background:#f69012}.sc-numbered li:nth-child(4) b{background:#9221ed}.sc-numbered .icon{color:#0075e3}.sc-checklist{display:grid;gap:7px}.sc-checklist label{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ecdeb2;padding:10px 3px;font-size:15px;cursor:pointer}.sc-checklist input{width:20px;height:20px;accent-color:#009253;flex:none}.sc-checklist label>span{flex:1}.sc-checklist b{font-size:13px;background:#fff0b6;border-radius:8px;padding:5px;color:#423c20}.sc-upload{display:flex;justify-content:center;align-items:center;gap:9px;border:1px solid #75c8f1;background:#edfbff;color:#0067ed;border-radius:12px;padding:12px;margin-top:12px;font-weight:800;cursor:pointer}.sc-upload input{position:absolute;opacity:0;width:1px;height:1px}#sc-video-preview video{max-width:100%;max-height:250px;border-radius:12px;display:block;margin:12px auto}#sc-video-preview p{overflow-wrap:anywhere;font-size:12px}
.sc-trail{position:relative;min-height:820px;background:url('../assets/cub-scenes-v2.png') 100% 100%/300% 200%;border:3px solid #c3b44a;border-radius:24px;overflow:hidden;padding:25px 22px}.sc-trail:before{content:'';position:absolute;inset:18% 25% 7%;border:10px dotted #ffe57c;border-left:0;border-radius:0 55% 40% 0;filter:drop-shadow(0 2px 2px #7d581c)}.sc-trail-title{position:relative;background:linear-gradient(#ffe5a4,#e5ac56);border:2px solid #d89539;border-radius:17px;text-align:center;padding:10px;box-shadow:0 4px 0 #8b4c25;color:#311d11}.sc-trail-title h1{font-size:30px}.sc-trail-title p{font-size:16px;font-weight:800}.sc-trail-stops{position:relative;display:grid;gap:35px;padding-top:30px;z-index:2}.sc-trail-stop{display:flex;align-items:center;width:72%;max-width:330px;gap:8px;position:relative}.sc-trail-stop>span:last-child{flex:1;border:2px solid #e5b65b;border-radius:14px;background:linear-gradient(#ffe5a7,#db9c4c);padding:7px;color:#271c18;font-size:17px;text-align:center;line-height:1.5}.sc-trail-stop small{display:block;font-size:12px;background:#68757f;color:white;border-radius:20px;padding:3px}.sc-trail-stop.unlocked small{background:#00a554}.sc-trail-stop .sc-seal{width:65px;height:65px;border-radius:50%}.stop-0{justify-self:start}.stop-1{justify-self:end}.stop-2{justify-self:start}.stop-3{justify-self:end}.sc-trail-friends{position:absolute;bottom:0;left:-18%;width:75%;height:33%;object-fit:cover;object-position:left top;pointer-events:none}
.sc-welcome{position:relative;min-height:740px;padding:40px 25px 25px;display:flex;flex-direction:column;align-items:center;background:url('../assets/jungle-background.png') center/cover;border-radius:25px;overflow:hidden;isolation:isolate}.sc-welcome-heading{width:96%;text-align:center;position:relative;z-index:4;background:linear-gradient(#ffe2a0,#ce8b35);border:2px solid #dca148;border-radius:35% 9% 28% 7%/12% 25% 12% 21%;padding:18px 12px;box-shadow:0 5px 0 #7e491c}.sc-welcome h1{font-size:35px;line-height:1.5;color:#25190c}.sc-welcome-heading p{font-size:21px;color:#fffdf1;text-shadow:0 2px #5d3418;margin-top:13px}.sc-welcome>img{width:125%;height:420px;object-fit:cover;object-position:center;max-width:none;margin-top:-8px;margin-bottom:-45px;mix-blend-mode:normal;position:relative;z-index:1}.sc-welcome-story{display:flex;align-items:center;gap:10px;justify-content:center;background:#fffbe4;border:2px solid #e5c15d;color:#2b2113!important;border-radius:22px;font-size:16px;font-weight:800;padding:12px 18px;margin-bottom:10px;width:100%;z-index:4}.sc-welcome>.sc-button{position:relative;z-index:4}
.sc-toggle{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px solid #f1e5c6;padding:12px 0;cursor:pointer}.sc-toggle>span{flex:1}.sc-toggle input{position:absolute;opacity:0}.sc-toggle i{width:43px;height:25px;flex:none;border-radius:20px;background:#bac7c1;padding:3px;transition:background .2s}.sc-toggle i:after{content:'';display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px #0003}.sc-toggle input:checked+i{background:#009767}.sc-toggle input:checked+i:after{transform:translateX(-18px)}.sc-toggle input:focus-visible+i{outline:3px solid #f8ac18;outline-offset:3px}.sc-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sc-theme-options button{border:1px solid #efe2ae;background:#fffdf0;border-radius:13px;display:grid;gap:5px;text-align:center;padding:8px 2px;color:#1d2f5e;font-size:12px}.sc-theme-options button>span{font-size:36px}.sc-theme-options .selected{border:2px solid #009c68;box-shadow:0 0 0 2px #ccecc5}
.sc-month{display:flex;gap:10px;align-items:center;font-size:13px;margin-bottom:14px}.sc-month input{max-width:100%;min-width:0;flex:1;border:1px solid #e3d39e;border-radius:9px;padding:6px;background:#fffef7;color:#253b66}.sc-attendance-entry{border-bottom:1px solid #ecdfb4;padding:8px 0}.sc-attendance-entry summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:13px;list-style:none}.sc-attendance-entry p{font-size:13px;padding:10px}.sc-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:20px;background:#e6e5dd;color:#687067;padding:3px 10px;font-size:12px}.sc-status.present{background:#d1f4d9;color:#008549}.sc-status.absent{background:#ffe0e5;color:#e61948}.sc-status.excuse{background:#fff0bd;color:#ec9000}.sc-plan-status{display:flex;gap:12px;align-items:center;justify-content:space-between}.sc-plan-status>span{font-weight:800;flex:1}.sc-plan-status small{display:block;font-size:12px;font-weight:400}.sc-pill{display:block;background:#009854;color:white;border-radius:20px;padding:5px 14px;font-size:13px}.sc-pill.gold{background:#fff0bf;color:#956104}.sc-plan-status>.icon{color:#ee2263}.sc-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sc-plan{display:grid;gap:12px;padding:15px 10px;border:1px solid #ecd596;border-radius:17px;text-align:center;background:#fffdf4;color:#172d61;min-width:0}.sc-plan>strong{font-size:25px;color:#008d4e}.sc-plan small{font-size:13px;line-height:1.8}.sc-plan b{font-size:13px;border-radius:20px;background:#ffe5a6;padding:6px}.sc-plan.selected{border:2px solid #00ba65;background:#f5ffdf;box-shadow:0 0 0 3px #e4efb099}.sc-plan.selected b{background:#00a65d;color:#fff}.sc-achievement-profile{display:flex;gap:20px;align-items:center;margin-bottom:15px}.sc-achievement-profile>div{flex:1;min-width:0}.sc-achievement-profile p{color:#0071eb;margin:7px 0}.sc-certificate{display:flex;gap:10px;padding:10px;background:#fff6d1;border:8px double #f0bd5c;border-radius:8px;min-height:175px;align-items:center}.sc-certificate>.sc-art{width:33%;align-self:stretch;border-radius:7px}.sc-certificate>div{flex:1}.sc-certificate h3{font-size:17px}.sc-certificate p{font-size:13px}.sc-certificate small{font-size:10px;color:#7e6c3a}.sc-certificate .sc-seal{float:left;width:40px;height:46px}
.sc-safety-intro{background:#244d2bdc;color:#fffbe6;text-align:center;border-radius:16px;margin:-4px 0 15px!important;padding:14px 20px;font-size:16px}.sc-code-row{display:flex;align-items:center;gap:14px;padding:18px;background:var(--sc-paper);border:1px solid #f0dfa8;border-radius:20px}.sc-code-row>b{background:linear-gradient(#a3d844,#267f18);border-radius:14px;width:34px;height:38px;display:grid;place-items:center;color:#fff;font-size:20px;flex:none;box-shadow:inset 0 1px 3px #fff7}.sc-code-row>div{flex:1}.sc-code-row p{font-size:15px;margin-top:5px}.sc-code-row>span{width:65px;height:70px;display:grid;place-items:center;border-radius:18px;background:#fff7c8;color:#04ac56}.sc-code-row>span .icon{width:48px;height:48px;stroke-width:2.5}.sc-code-row:nth-child(2n)>span{color:#ff2c6f}.sc-code-row:nth-child(3n)>span{color:#0877ff}
.sc-guide-detail{background:var(--sc-paper);border:1px solid #e9d99a;border-radius:20px;overflow:hidden}.sc-guide-detail summary{display:flex;align-items:stretch;gap:12px;list-style:none;cursor:pointer;min-height:135px}.sc-guide-detail summary>.sc-art{width:33%;min-height:135px;mask-image:linear-gradient(to left,#000 75%,transparent)}.sc-guide-detail summary>span{flex:1;align-self:center;padding:10px 0;min-width:0}.sc-guide-detail strong{font-size:20px;display:block}.sc-guide-detail small{font-size:14px;display:block;margin-top:8px;line-height:1.8}.sc-guide-detail i{align-self:center;font-style:normal;font-size:30px;padding-left:15px;color:#00764c}.sc-guide-detail>p{padding:15px;border-top:1px solid #ecdb9d}.sc-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sc-help-grid button{display:grid;justify-items:center;align-content:center;gap:10px;min-height:145px;padding:15px 10px;border:1px solid #f1dfab;border-radius:20px;background:linear-gradient(#fff,#fff9e0);color:#182b5f;box-shadow:none;position:relative}.sc-help-grid button .icon{width:50px;height:50px;background:#008cff;padding:10px;box-sizing:content-box;border-radius:50%;color:white;stroke-width:2.4}.sc-help-grid button:nth-child(2) .icon{background:#ff4c65}.sc-help-grid button:nth-child(3) .icon{background:#ffb000}.sc-help-grid button:nth-child(4) .icon{background:#009864}.sc-help-grid .selected{border:3px solid #07a563;background:#efffe2}.sc-help-grid button>span{position:absolute;left:10px;bottom:10px;background:#05a974;border-radius:50%;color:white;width:23px;height:23px;line-height:19px;font-size:25px}.sc-help-grid strong{font-size:16px;line-height:1.5;max-width:140px}.sc-help-message{display:grid;gap:5px;font-size:12px;margin:12px 0}.sc-help-message textarea{border:1px solid #e7dba5;border-radius:15px;padding:12px;background:#fffefb;color:#182b5f;resize:vertical;max-width:100%;min-width:0}.sc-help-message small{text-align:left;font-size:11px;color:#718096}.sc-help-note{color:#54694f;font-size:12px;margin-top:14px!important;text-align:center}.sc-learning-list{list-style:none;padding:0;display:grid;gap:15px;margin:16px 0}.sc-learning-list li{display:flex;gap:10px;align-items:start;font-size:16px}.sc-learning-list .icon{background:#008e4a;color:#fff;border-radius:50%;padding:4px;width:22px;height:22px;margin-top:5px}.sc-tip{border:1px solid #f3c872;background:#fff6d6;border-radius:15px;padding:16px;margin-bottom:15px;color:#463211}.sc-tip p{font-size:14px;margin-top:8px}
.sc-cub[data-sc-theme=dark]{--sc-paper:#193c36;--sc-ink:#f1edce;--sc-line:#648360}.sc-cub[data-sc-theme=dark] .sc-paper,.sc-cub[data-sc-theme=dark] .sc-row,.sc-cub[data-sc-theme=dark] .sc-count,.sc-cub[data-sc-theme=dark] .sc-hobby,.sc-cub[data-sc-theme=dark] .sc-tabs{background:#193c36;color:#f1edce}.sc-cub[data-sc-theme=dark] .sc-row-copy small,.sc-cub[data-sc-theme=dark] .sc-count small{color:#d7e6ca}.sc-cub[data-sc-theme=dark] .sc-footnote{color:#fff2ba;text-shadow:0 1px 2px #134728}
@media(min-width:1100px){.sc-portal>.sc-hero:not(.sc-compact-hero){height:350px}.sc-portal>.sc-stack:not(.sc-other-library){grid-template-columns:repeat(2,minmax(0,1fr))}.sc-portal>.sc-stack:has(.sc-code-row){grid-template-columns:1fr}.sc-portal>.sc-paper{padding:22px}.sc-portal>.sc-trail{max-width:550px;margin:auto}.sc-welcome{max-width:570px;margin:auto}.sc-portal .sc-other-library{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-portal>.sc-hero .sc-sign{max-width:600px;right:50%;transform:translateX(50%)}.sc-portal>.sc-library-hero .sc-sign{max-width:500px;right:5%;transform:none}.sc-portal .sc-badge-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:950px){.sc-cub #main{max-width:670px;padding:16px 16px 100px}.sc-cub .bottom-nav{background:linear-gradient(#fffef3,#fff6d4);border:1px solid #e8cf89;border-radius:22px 22px 0 0;box-shadow:0 -3px 10px #183e272d;padding:7px 6px max(8px,env(safe-area-inset-bottom));gap:3px}.sc-cub .bottom-link{color:#15245c;gap:3px;font-size:10px;line-height:1.4;min-height:49px;justify-content:center;padding:5px 1px}.sc-cub .bottom-link>.icon{width:23px;height:23px;stroke-width:2.5}.sc-cub .bottom-link.active{background:linear-gradient(#edffc5,#ffeeb6);color:#00794b;border:1px solid #f8d87c;border-radius:15px;font-weight:900}.sc-cub .topbar{min-height:50px;padding:9px 16px}.sc-cub .breadcrumb{font-size:11px}.sc-cub .preview-bar{font-size:11px;padding:6px 10px}.sc-cub .preview-bar>span:first-child,.sc-cub .preview-note{display:none}.sc-cub .preview-bar select{max-width:140px;font-size:11px}.sc-home-layout{grid-template-columns:1fr;gap:0}.sc-home-layout>div{display:contents}.sc-home-layout .sc-row>.sc-art{width:120px}.sc-home-layout .sc-identity-paper{order:0}.sc-home-layout .sc-passport-link{order:1}.sc-home-layout .sc-home-counts{order:2}.sc-home-layout .sc-meeting{order:3}.sc-home-layout .sc-shortcuts{order:4}.sc-home-layout .sc-paper{order:5}.sc-hero{height:295px}.sc-compact-hero{height:165px}.sc-library-hero{height:210px}.sc-sign h1{font-size:29px}.sc-sign p{font-size:14px}.sc-row-copy strong{font-size:19px}.sc-row-copy small{font-size:13px}.sc-library-grid{gap:7px}.sc-category strong{font-size:12px}.sc-category>span:last-child{padding:9px 5px;gap:3px}.sc-category>span:last-child>.icon{display:none}.sc-library-hero .sc-sign{right:32%;width:65%;padding:10px}.sc-library-hero .sc-sign h1{font-size:24px}.sc-portal .sc-seal{width:73px;height:82px}.sc-portal .sc-triangle{width:79px;height:76px}.sc-portal .sc-mini-rank .sc-seal{width:48px;height:49px}.sc-portal .sc-trail-stop .sc-seal{width:64px;height:64px}.sc-portal .sc-certificate .sc-seal{width:36px;height:43px}.sc-badge-grid{gap:7px}.sc-hobby{padding:12px 4px;gap:7px}.sc-hobby strong{font-size:12px}.sc-hobby small{font-size:10px}.sc-paper{padding:14px}.sc-guide-detail strong{font-size:18px}.sc-guide-detail small{font-size:13px}}
@media(max-width:430px){.sc-cub #main{padding:10px 10px 90px}.sc-cub .topbar .breadcrumb .crumb-slash,.sc-cub .topbar .breadcrumb strong,.sc-cub .user-chip>span:last-child{display:none}.sc-cub .topbar{padding:7px 12px}.sc-cub .topbar-actions{gap:10px}.sc-cub .topbar .local-badge{font-size:10px}.sc-hero{height:255px;margin-bottom:12px;border-radius:18px 18px 5px 5px}.sc-compact-hero{height:135px}.sc-sign{bottom:15px;padding:9px 10px}.sc-sign h1{font-size:26px}.sc-sign p{font-size:12px}.sc-sign:before,.sc-sign:after{font-size:32px;top:-11px}.sc-library-hero{height:185px}.sc-library-hero .sc-sign{bottom:27px}.sc-library-hero .sc-sign h1{font-size:21px}.sc-row{gap:8px;padding:11px;min-height:110px;border-radius:16px}.sc-row>.sc-art{width:112px;min-height:122px;margin:-11px -11px -11px 0}.sc-row-copy strong{font-size:18px}.sc-row-copy small{font-size:12px}.sc-row-icon{width:54px;height:60px;border-radius:16px}.sc-row-icon>.icon{width:38px;height:38px}.sc-paper{padding:12px;border-radius:17px}.sc-identity{gap:8px}.sc-avatar{width:66px;height:66px}.sc-identity h2{font-size:18px!important}.sc-identity p{font-size:11px}.sc-mini-rank{width:72px}.sc-tabs button{font-size:12px;padding:8px 5px;gap:4px}.sc-tabs .icon{width:18px;height:18px}.sc-scroll-tabs button{padding:8px 14px}.sc-section-title{font-size:18px!important}.sc-passport-art{font-size:60px}.sc-count strong{font-size:25px}.sc-count small{font-size:11px}.sc-passport-link .sc-row-copy strong{font-size:22px}.sc-home-canopy{height:90px}.sc-home-canopy>span{font-size:13px}.sc-home-layout .sc-row>.sc-art{width:90px}.sc-system{padding:16px 10px;gap:10px}.sc-system>span{font-size:35px}.sc-system h2{font-size:22px}.sc-system p{font-size:13px}.sc-system b{font-size:12px;padding:8px 4px}.sc-awards-preview{gap:8px}.sc-awards-preview .sc-seal{width:65px;height:75px}.sc-awards-preview strong{font-size:12px}.sc-trail{min-height:730px;padding:20px 13px}.sc-trail-stop{width:82%}.sc-trail-stops{gap:38px}.sc-trail-title h1{font-size:28px}.sc-welcome{min-height:700px;padding:30px 15px 20px}.sc-welcome h1{font-size:29px}.sc-welcome-heading p{font-size:18px}.sc-welcome>img{height:390px;width:145%;margin-top:0;margin-bottom:-30px}.sc-welcome-story{font-size:14px;padding:12px 7px}.sc-button{font-size:18px;padding:10px 16px}.sc-badge-intro{gap:12px;font-size:14px}.sc-checklist label{font-size:13px}.sc-numbered li{font-size:13px;gap:8px}.sc-numbered .icon{width:23px;height:23px}.sc-code-row{padding:13px 10px;gap:9px}.sc-code-row h2{font-size:17px}.sc-code-row p{font-size:13px}.sc-code-row>span{width:50px;height:58px}.sc-code-row>span .icon{width:37px;height:37px}.sc-code-row>b{width:28px;height:33px;font-size:18px}.sc-help-grid{gap:8px}.sc-help-grid button{min-height:150px;padding:12px 6px}.sc-help-grid button .icon{width:40px;height:40px}.sc-help-grid strong{font-size:15px}.sc-guide-detail summary{gap:8px;min-height:130px}.sc-guide-detail summary>.sc-art{width:34%;min-height:130px}.sc-guide-detail strong{font-size:18px}.sc-guide-detail small{font-size:12px}.sc-guide-detail i{padding-left:8px}.sc-theme-options button{font-size:11px}.sc-theme-options button>span{font-size:30px}.sc-attendance-entry summary{font-size:11px;gap:4px}.sc-status{font-size:10px;padding:3px 8px}.sc-count strong:has(+small){max-width:100%}.sc-plan strong{font-size:21px}.sc-plan small{font-size:11px}.sc-wheel-wrap{padding:0 12px}.sc-wheel>span b{font-size:9px;width:66px;padding-top:12px}.sc-wheel .icon{width:22px;height:22px}.sc-wheel-center{font-size:30px}.sc-wheel-selection>div{padding:10px 0 10px 8px}.sc-wheel-selection h2{font-size:18px}.sc-wheel-selection p{font-size:12px}.sc-wheel-selection>.sc-art{min-height:175px}.sc-wheel-selection .sc-button{font-size:12px;padding:8px}.sc-learning-list li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sc-portal *{transition:none!important;scroll-behavior:auto!important}}.sc-cub.reduce-motion .sc-portal *{transition:none!important}

.sc-home-canopy h1{font-size:20px;color:#fffbe1;margin:0;text-shadow:0 2px 4px #183b15}
.sc-tabs button{color:#19275d!important}.sc-tabs button.selected{color:#fff!important}
.sc-hero>.sc-art{background-size:300% auto}
@media(max-width:950px){.sc-home-layout .sc-identity-paper{order:0}.sc-home-layout .sc-passport-link{order:1}.sc-home-layout .sc-home-counts{order:2}.sc-home-layout .sc-meeting{order:3}.sc-home-layout .sc-shortcuts{order:4}}
.sc-cub[data-sc-theme=dark] .sc-tabs button{color:#f1edce!important}
.sc-theme-options button,.sc-help-grid button{color:#19275d!important}
.sc-profile-fields{display:grid;gap:0;margin:0}.sc-profile-fields>div{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding:14px 0;border-bottom:1px solid #eddda8}.sc-profile-fields dt{font-size:13px;color:#6a715c}.sc-profile-fields dd{font-weight:700;font-size:15px;margin:0;overflow-wrap:anywhere}
.sc-sign{background-image:repeating-linear-gradient(2deg,transparent 0 8px,#ad6c2714 9px,transparent 11px),linear-gradient(3deg,#c37b26a0,#ffe0a0cf 28%,#ffda92cf 78%,#c58030b5),url('../assets/wood-grain.svg')}
.sc-discovery{display:block;background-image:url('../assets/jungle-discovery-icons.png');background-size:300% 200%;background-repeat:no-repeat}.sc-discovery-books{background-position:50% 0}.sc-passport-art.sc-discovery{width:82px;height:82px;flex:none;transform:rotate(-8deg);border-radius:14px}
.sc-shortcut{position:relative}.sc-shortcut:before{content:'';display:block;width:50px;height:47px;background-image:url('../assets/jungle-discovery-icons.png');background-size:300% 200%;background-repeat:no-repeat;border-radius:12px}.sc-shortcut>.icon{display:none}.sc-shortcut-0:before{background-position:0 0}.sc-shortcut-1:before{background-position:50% 0}.sc-shortcut-2:before{background-position:0 100%}.sc-shortcut-3:before{background-position:100% 100%}.sc-shortcut-4:before{background-position:50% 100%}
.sc-portal blockquote{border-right:4px solid #e1b548;background:#fff3c9;color:#57401c;border-radius:12px;padding:16px;margin:18px 0;font-size:19px;line-height:1.9}.sc-art-values,.sc-art-nature,.sc-art-talents,.sc-art-health,.sc-art-games,.sc-art-family,.sc-art-nation,.sc-art-world,.sc-art-skills{background-image:url('../assets/cub-library-v2.png');background-size:300% 300%}
.sc-art-values{background-position:0 0}.sc-art-nature{background-position:50% 0}.sc-art-talents{background-position:100% 0}.sc-art-health{background-position:0 50%}.sc-art-games{background-position:50% 50%}.sc-art-family{background-position:100% 50%}.sc-art-nation{background-position:0 100%}.sc-art-world{background-position:50% 100%}.sc-art-skills{background-position:100% 100%}
.sc-hero{container-type:inline-size}
.sc-hero>.sc-art-panther{background-position:0 calc(-100cqw)}
.sc-hero>.sc-art-camera{background-position:50% calc(-100cqw)}
.sc-hero>.sc-art-path{background-position:100% calc(-100cqw)}
.sc-library-hero>.sc-art{transform:none}
.sc-library-hero .sc-sign{right:3%;width:65%}
/* Each label has its own polar position; counter-rotation keeps Arabic upright. */
.sc-wheel-explorer{direction:rtl}
.sc-wheel-wrap{padding:0 18px;margin:16px auto 8px;width:100%;max-width:420px}
.sc-wheel{direction:ltr;background:conic-gradient(from -20deg,#ffe36b 0deg 40deg,#b8e96c 40deg 80deg,#ffa3c4 80deg 120deg,#ffc294 120deg 160deg,#ceb3ff 160deg 200deg,#9fb6ff 200deg 240deg,#89d9ef 240deg 280deg,#85cf9d 280deg 320deg,#fff5aa 320deg);touch-action:pan-y;user-select:none;transition:transform .35s ease;isolation:isolate;border-width:6px}
.sc-wheel>.sc-wheel-sector{position:absolute;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:24%;height:25%;padding:3px 0;transform:translate(-50%,-50%) rotate(calc(-1 * var(--turn)));transform-origin:center;direction:rtl;pointer-events:auto;background:transparent;color:#162c4d;border:0;border-radius:12px;box-shadow:none;line-height:1.35;font-size:12px;min-height:0;cursor:pointer;transition:transform .35s ease}
.sc-wheel-sector>span{max-width:100%;white-space:normal;overflow-wrap:normal;font-weight:850}.sc-wheel-sector>.icon{width:29px;height:29px;margin:0;stroke-width:2.2}
.sc-wheel>.sc-wheel-sector[aria-pressed=true]{color:#104b24;text-shadow:0 1px #ffffff88;background:#fff9b26b;box-shadow:0 0 0 2px #fff9b299}
.sc-wheel>.sc-wheel-sector:focus-visible{outline:3px solid #175d45;outline-offset:0}
.sc-wheel>.sc-wheel-center{inset:auto;left:50%;top:50%;width:23%;height:23%;padding:0;transform:translate(-50%,-50%) rotate(calc(-1 * var(--turn)));pointer-events:none;display:grid;align-items:center;justify-content:center;z-index:2;direction:ltr;font-size:34px;border-radius:50%;transition:transform .35s ease}
.sc-wheel-pointer{position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #87501e;filter:drop-shadow(0 2px 0 #ffe290);z-index:4;pointer-events:none}
.sc-wheel-prev,.sc-wheel-next{font-size:0!important;min-width:38px;line-height:1;padding:7px;z-index:3;top:calc(50% - 20px)}.sc-wheel-prev>.icon,.sc-wheel-next>.icon{width:22px;height:22px}.sc-wheel-hint{text-align:center;font-size:12px;color:#687351;margin:6px 0 13px!important}
@media(max-width:430px){.sc-wheel>.sc-wheel-sector{font-size:10px;gap:3px;width:25%;height:25%}.sc-wheel-sector>.icon{width:25px;height:25px}.sc-wheel>.sc-wheel-center{font-size:28px}}
@media(prefers-reduced-motion:reduce){.sc-wheel,.sc-wheel>.sc-wheel-sector,.sc-wheel>.sc-wheel-center{transition:none!important}}/* Jungle Stories screen, from the product owner's updated reference. */
.sc-jungle-stories{max-width:700px;margin:auto}.js-storybook{background:#073b2a url('../assets/jungle-background.png') center/cover;border:3px solid #94702e;border-radius:24px;overflow:hidden;padding-bottom:12px;box-shadow:0 8px 22px #072d2270}.js-story-hero{position:relative;height:480px;isolation:isolate}.js-story-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.js-story-hero:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -32px 22px -22px #073521,inset 0 15px 30px #05271977}.js-story-heading{position:absolute;z-index:2;top:20px;right:13%;width:74%;padding:9px 12px;text-align:center;border:2px solid #bc8241;border-radius:22px 9px 19px 11px;box-shadow:0 4px 0 #42210dcc,0 7px 10px #091e1455;background:linear-gradient(#694325cf,#432613dd),url('../assets/wood-grain.svg') center/cover;color:#ffe39a}.js-story-heading h1{color:#ffe594;font-size:38px;line-height:1.3;text-shadow:0 2px #221205}.js-story-heading p{color:#fff3ce;font-size:14px;line-height:1.5}.js-story-heading:before,.js-story-heading:after{content:'🌿';position:absolute;font-size:34px;right:-24px;top:-5px}.js-story-heading:after{right:auto;left:-24px;transform:scaleX(-1)}.js-story-back{position:absolute;z-index:4;top:24px;left:12px;width:34px;height:34px;display:grid;place-items:center;background:#3f2711d9;color:#fff3c2!important;border:1px solid #bd8540;border-radius:50%;font-size:23px;line-height:1}
.js-law{position:relative;z-index:3;margin:-4px 12px 15px;padding-top:35px;background:linear-gradient(100deg,#e9bc6f,#ffe4a5 35%,#fff0c0 60%,#e5b36a);border:2px solid #ad6d2e;border-radius:25px 20px 27px 21px;box-shadow:inset 0 0 0 5px #f3ca8880,0 4px 0 #75451f,0 8px 12px #112a1c77}.js-law h2{position:absolute;top:-15px;right:8%;width:84%;text-align:center;background:linear-gradient(#6c4526,#3d230f);border:2px solid #b27e3e;border-radius:11px;padding:6px;color:#fff2cc;font-size:25px;text-shadow:0 2px #291605;box-shadow:0 4px 0 #42250b}.js-law h2>span{position:absolute;right:8px;top:-2px;background:#ad701d;border:2px solid #f5cd67;border-radius:50%;width:36px;height:36px;font-size:23px;line-height:32px}.sc-jungle-stories .js-law blockquote{margin:0;background:none;border:0;color:#3b2b17;padding:12px 16px 18px;font-size:19px;line-height:1.8;text-align:center;font-weight:750}
.js-watch{margin:0 12px 14px;padding:7px 8px 8px;background:linear-gradient(100deg,#624324,#38200e,#7e5329);border:2px solid #bc8641;border-radius:18px;box-shadow:inset 0 0 0 3px #342614,0 4px 0 #1a2413}.js-watch h2{font-size:18px;color:#fff2d1;padding:0 4px 6px}.js-main-video{position:relative;display:block;width:100%;height:200px;border:2px solid #d59b42;background:#534226;padding:0;border-radius:12px;overflow:hidden;color:#fff6d6}.js-video-art{position:absolute;inset:0;background:linear-gradient(0deg,#231c0fe6,transparent 60%),url('../assets/jungle-stories-v3.png') center 65%/cover}.js-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;line-height:1;width:56px;height:56px;padding-left:4px;color:#ffed99;background:radial-gradient(#06914a,#005632);border:3px solid #f3cf58;border-radius:50%;box-shadow:0 0 0 4px #774620a6,0 4px 10px #16241488;font-size:29px}.js-video-title{position:absolute;bottom:0;right:0;width:100%;padding:8px 12px;font-weight:800;font-size:17px;text-shadow:0 2px 2px #241608;display:flex;justify-content:space-between;align-items:center}.js-video-title b{font-size:27px;line-height:1}.js-video-note{color:#e9d9b5;font-size:11px;text-align:center;padding:4px 0 0;line-height:1.5!important}.js-more{margin:0 12px}.js-more-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.js-more h2{font-size:18px;color:#fff4cf;text-shadow:0 2px #142f1b}.js-more-head>div{display:flex;gap:4px}.js-scroll{background:#77501e;border:1px solid #d5ac63;border-radius:50%;width:26px;height:26px;line-height:18px;font-size:24px;color:#fff4c9}.js-story-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b38c42 #164e2f;padding-bottom:6px}.js-story-tile{position:relative;flex:0 0 calc((100% - 16px)/3);height:150px;min-width:105px;border:2px solid #d3a451;padding:0;overflow:hidden;border-radius:10px;background:#253923;scroll-snap-align:start;color:#fff1d6}.js-story-tile>.sc-art{position:absolute;inset:0;width:100%;height:100%;background-size:300% 200%}.js-story-tile:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#3b2812);pointer-events:none}.js-story-tile strong{position:absolute;z-index:2;bottom:22px;right:3px;left:3px;font-size:13px;text-shadow:0 2px #3b2514}.js-story-tile small{position:absolute;bottom:5px;left:8px;z-index:2;font-size:10px;color:#ffe5a2}.js-small-play{position:absolute;z-index:2;bottom:48px;left:8px;width:24px;height:24px;border-radius:50%;border:2px solid #edc463;background:#6e4c1cd9;display:grid;place-items:center;font-size:12px;color:#ffedaa}.js-read-story{padding:10px 12px 0}.js-read-story .sc-button{font-size:15px;padding:8px;min-height:40px}.js-story-player{display:block;width:100%;max-height:65vh;border-radius:12px}
@media(max-width:430px){.js-story-hero{height:350px}.js-story-heading{top:17px;right:14%;width:72%;padding:7px 6px}.js-story-heading h1{font-size:30px}.js-story-heading p{font-size:12px}.js-story-heading:before,.js-story-heading:after{font-size:28px;right:-20px}.js-story-heading:after{right:auto;left:-20px}.js-story-back{top:21px;left:8px;width:28px;height:28px;font-size:19px}.js-law{margin:-3px 8px 13px;padding-top:29px}.js-law h2{font-size:23px}.sc-jungle-stories .js-law blockquote{font-size:16px;line-height:1.7;padding:9px 12px 14px}.js-watch{margin:0 8px 12px;padding:6px}.js-watch h2{font-size:16px}.js-main-video{height:155px}.js-video-title{font-size:14px}.js-play{width:47px;height:47px;font-size:25px}.js-more{margin:0 8px}.js-more h2{font-size:15px}.js-story-tile{height:124px}.js-story-tile strong{font-size:11px}.js-story-tile small{font-size:9px}.js-small-play{bottom:46px}.js-read-story{padding:8px 8px 0}}