/* Child-friendly portal skin. Original game files and restored artwork stay intact. */
:root{--ink:#2e306e;--line:#e5e2ff;--green:#7055df}body.hub{background:radial-gradient(circle at 10% 18%,#fff3b9 0,transparent 26%),radial-gradient(circle at 92% 24%,#dcf8ff 0,transparent 30%),radial-gradient(circle at 70% 88%,#ffe0f0 0,transparent 35%),#f2efff!important}.shell{position:relative}.shell:before{content:'';position:absolute;inset:84px 0 0;pointer-events:none;z-index:-1;opacity:.3;background-image:radial-gradient(#a597e3 1.5px,transparent 1.5px);background-size:25px 25px}#sidebar{background:linear-gradient(165deg,#fff 15%,#f3eaff 65%,#e6f7ff);border-right:2px solid white}.brand{font-size:20px;color:#4c3b8e;letter-spacing:-.6px}.brand-mark{background:linear-gradient(135deg,#a55aef,#6364ed 65%,#38bddd);box-shadow:0 5px 0 #c8b5ef,0 8px 15px #9b83c733;transform:rotate(-5deg)}.nav-label{font-size:9px;color:#9a7fb5;letter-spacing:1.4px}#navigation a{font-size:13px;font-weight:700;min-height:45px;color:#79739c;padding:11px 12px;transition:transform .2s,background .2s}#navigation a:hover{transform:translateX(4px);background:#ffffffd4}.nav-icon{font-size:23px}#navigation a:nth-child(2n) .nav-icon{color:#ef9b35}#navigation a:nth-child(3n) .nav-icon{color:#da79bb}#navigation a:nth-child(4n) .nav-icon{color:#31b6b1}#navigation a.active{color:#7951c8;background:linear-gradient(100deg,#e7d5ff,#efecff);box-shadow:inset 4px 0 0 #b387ed}.sidebar-foot{background:#ffffff9c;border:2px solid white;border-radius:20px;margin-top:auto;padding:17px 12px 10px}.sidebar-foot .spark{display:inline-block;margin-bottom:6px;color:#ffb83b}.sidebar-foot b{font-size:12px;color:#8b6aaf}.sidebar-foot p{font-size:11px}.hero{border:3px solid white!important;border-radius:30px!important;background:radial-gradient(ellipse at 82% 30%,#aeeeff,transparent 59%),radial-gradient(ellipse at 6% 0%,#fff0a1,transparent 48%),linear-gradient(120deg,#ffe4ee,#e5d7ff 54%,#c6f4f1)!important;box-shadow:0 8px 0 #c4afea,0 17px 35px #7a62a31a!important;overflow:visible!important}.hero:before{content:'✦';position:absolute;top:-20px;right:33px;color:#ffb62f;font-size:50px;transform:rotate(15deg);text-shadow:2px 3px 0 #fff;z-index:4}.hero:after{content:'✧';position:absolute;bottom:24px;left:55%;font-size:48px;color:#c689ed;z-index:2;pointer-events:none}.hero-copy{padding:37px 32px;width:55%}.hero-copy .eyebrow{display:inline-block;letter-spacing:1.3px;font-size:10px;color:#9b6b22;background:#fff9c9;border:2px solid #fff;border-radius:20px;padding:8px 13px;box-shadow:0 3px 0 #e7ce85;transform:rotate(-2deg)}.hero-copy h1{font-size:clamp(36px,3.5vw,54px);font-weight:800;line-height:1.04;color:#6941b1;letter-spacing:-1.8px;margin-top:21px;text-shadow:0 3px 0 #ffffff85}.hero-copy h1 em{background:linear-gradient(95deg,#fa8b37,#e768a4 55%,#9265e0);background-clip:text;color:transparent}.hero-copy p{font-size:14px;line-height:1.75;color:#77648e;max-width:350px;margin:18px 0 23px}.primary{font-weight:800;font-size:14px;border-radius:16px;background:linear-gradient(135deg,#ffbd4a,#ff8c48)!important;border:2px solid #fff2b0;box-shadow:0 5px 0 #d96b3b,0 8px 17px #df7f2730;color:#63361d;min-height:46px;padding:13px 19px}.primary:hover{filter:brightness(1.06);transform:translateY(-2px)}.hero-note{color:#9879a9;font-weight:600;font-size:10px;display:block;margin:14px 0 0}.hero-art{width:45%;padding:20px 20px 21px 8px;min-height:355px;position:relative}.hero-island-stage{max-width:390px;padding:0;transform:rotateY(var(--spin,0deg)) rotate(-2deg)}.hero-island-stage .restored-world-art{border:6px solid #fff!important;border-radius:24px!important;box-shadow:0 6px 0 #81c8d8,0 16px 24px #5198bd30}.hero-world-name{font-weight:800;font-size:12px;background:#ffffffb3;border:2px solid white;border-radius:30px;padding:7px 15px;color:#6f65a6;transform:rotate(1deg);margin:13px 0 9px}.hero-controls button{font-size:11px;font-weight:700;background:#fff3ff;border:2px solid white;color:#9e67be;box-shadow:0 3px 0 #ceb3e4;min-height:38px}.hero-controls label{font-size:11px;font-weight:600;color:#8c79ac}.hero-controls input{accent-color:#b283db}.section-title{margin-top:37px;gap:20px}.section-title .eyebrow{color:#e59837;font-size:10px;font-weight:800}h2{font-size:29px;color:#64479b;font-weight:800;margin-top:8px;letter-spacing:-.8px}.count{font-size:11px;color:#9c87b3;background:white;border-radius:20px;padding:8px 12px}.filters{gap:9px;margin:22px 0}.filters button{border:2px solid #fff;background:#ffffffb5;color:#9583b0;font-size:11px;font-weight:700;padding:10px 15px;box-shadow:0 3px 0 #e1d5f1}.filters button.selected{background:#a27bde;color:#fff;border-color:#cfb6f4;box-shadow:0 3px 0 #8157bc}.filters button:hover{transform:translateY(-2px)}.cards{gap:23px}.card.dimensional-card{border:3px solid white!important;border-radius:23px!important;min-height:298px;padding:0 16px 24px;background:linear-gradient(160deg,color-mix(in srgb,var(--world-a) 32%,white),color-mix(in srgb,var(--world-c) 24%,white))!important;box-shadow:0 7px 0 color-mix(in srgb,var(--world-b) 53%,white),0 14px 22px #5e459315!important}.card .island-scene{margin:0 -16px;width:calc(100% + 32px);padding:0}.card .world-scene{height:166px;object-fit:cover;border:0;border-radius:19px 19px 8px 8px;box-shadow:none;transform:none}.card-top{top:10px;right:10px}.tag{background:#ffffffeb;font-size:8px;letter-spacing:.5px;padding:6px 8px;box-shadow:0 2px 6px #50446118}.card h3{font-size:20px;line-height:1.15;font-weight:800;margin:17px 0 9px;color:color-mix(in srgb,var(--world-b) 45%,#473577)}.card p{font-size:12px;line-height:1.6;color:#7b709a;padding-right:7px}.card .arrow{width:31px;height:31px;background:#fff;color:var(--world-b);box-shadow:0 3px 0 #bfb0dc69;bottom:12px;right:12px;font-weight:bold}.card:hover .world-scene{filter:saturate(1.1)}.continue{margin-top:31px;border:3px solid #fff;background:linear-gradient(100deg,#fff6c6,#ffe2e7 60%,#ede1ff);box-shadow:0 5px 0 #e7c8de;border-radius:20px}.continue>span{font-size:35px;color:#eea830;text-shadow:2px 2px 0 white}.continue small{color:#be8ca3;font-size:9px}.continue h3{color:#926491;font-weight:700}.surprise{border:2px solid #fff;border-radius:16px;color:#8c4e9c;background:linear-gradient(135deg,#ffe2ee,#f0dfff);box-shadow:0 4px 0 #cfacdf;padding:12px 17px;min-height:46px;font:800 13px 'DM Sans',system-ui;cursor:pointer;margin-left:10px}.surprise:hover{transform:translateY(-2px);filter:brightness(1.04)}footer{font-size:11px;color:#a68cba}footer b{color:#ffaf31}.game-toolbar{border-bottom:3px solid #fff;background:linear-gradient(100deg,#f0e4ff,#def5ff)!important}.game-toolbar h1{color:#7452a4;font-weight:800}.game-toolbar a{background:#ffffffa6;border-radius:18px;padding:8px 12px;color:#9272b3}#workspace #frames{border:4px solid #fff;border-radius:0 0 23px 23px;overflow:hidden}.mobile-nav{border-top:3px solid #fff;background:linear-gradient(100deg,#fff5fcf5,#f2effff5)}.mobile-nav a{color:#b49ac4}.mobile-nav a.active{color:#9855cf;text-shadow:0 2px 0 #e5d6f5}
@media(min-width:1500px){.card .world-scene{height:195px}.card.dimensional-card{min-height:335px}.card h3{font-size:23px}.card p{font-size:13px}.hero{min-height:405px}}
@media(max-width:1150px){.hero-copy{padding:30px 24px;width:57%}.hero-art{width:43%;padding-right:18px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:12px}.surprise{margin:12px 0 0 7px;font-size:11px;padding:11px 12px}.primary{font-size:12px;padding:11px 14px}.card.dimensional-card{min-height:285px}.card h3{font-size:19px}.card p{font-size:11px}.cards{gap:20px}.card .world-scene{height:155px}}
@media(max-width:800px){.hero-copy h1{font-size:36px}.hero-copy{padding:26px 23px;width:57%}.hero-art{width:43%;min-height:320px;padding-left:0}.hero-controls label{font-size:9px}.hero-controls button{font-size:10px}.hero-copy .eyebrow{font-size:8px;padding:7px 10px}.hero-note{font-size:9px}.hero-copy p{font-size:11px}.surprise{margin:12px 0 0;display:block}.hero:before{font-size:43px;top:-21px;right:15px}.hero:after{display:none}.card .world-scene{height:145px}.card.dimensional-card{min-height:280px}h2{font-size:27px}}
@media(max-width:520px){.hero{border-radius:24px!important;display:block}.hero-copy{width:100%;padding:24px 22px 0}.hero-copy h1{font-size:37px;line-height:1.06;margin-top:18px}.hero-copy p{font-size:12px;max-width:290px;margin:14px 0 17px}.hero-copy .eyebrow{font-size:8px}.hero-copy .primary{display:inline-flex;font-size:12px;padding:11px 14px}.surprise{display:inline-block;margin:0 0 0 7px;font-size:11px;padding:11px 12px;min-height:44px}.hero-note{display:none}.hero-art{width:100%;min-height:0;padding:21px 24px 19px}.hero-island-stage{max-width:275px}.hero-island-stage .restored-world-art{max-height:175px;border-width:5px!important;border-radius:19px!important;object-fit:cover}.hero-world-name{font-size:10px;margin:10px 0 8px;padding:5px 13px}.hero-controls{gap:15px}.hero-controls button{font-size:10px;min-height:34px}.hero-controls label{font-size:10px}.section-title{margin-top:31px}h2{font-size:26px}.filters{gap:7px;margin:18px 0 20px}.filters button{font-size:9px;padding:9px 10px;min-height:37px}.cards{gap:16px}.card.dimensional-card{padding:0 12px 24px;min-height:267px;border-radius:19px!important}.card .island-scene{margin:0 -12px;width:calc(100% + 24px)}.card .world-scene{height:128px;border-radius:15px 15px 7px 7px}.card h3{font-size:18px;line-height:1.15;margin:13px 0 9px}.card p{font-size:10px;line-height:1.65;padding-right:0}.card .arrow{width:25px;height:25px;right:8px;bottom:9px}.tag{font-size:6px;padding:5px 6px}.card-top{top:8px;right:7px}.continue{margin-top:28px;padding:15px}.continue .primary{font-size:11px}.game-toolbar{gap:8px}.game-toolbar a{padding:7px 9px}footer{font-size:8px}}
@media(max-width:360px){.hero-copy{padding-left:17px;padding-right:17px}.hero-copy h1{font-size:33px}.hero-copy .primary,.surprise{font-size:10px;padding:10px 11px}.surprise{margin-left:4px}.card h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){#navigation a,.primary,.surprise,.filters button{transition:none}.primary:hover,.surprise:hover,.filters button:hover{transform:none}}
.hero-copy h1 em{background-image:linear-gradient(95deg,#e88525,#d9569f 55%,#8954c8);text-shadow:none}.hero-controls input{background:#d8c6ed;border-radius:20px}
