*{box-sizing:border-box}.artWorldShell{color:#fff;background:#0f2a24;min-height:100vh;font-family:Arial,sans-serif;position:relative;overflow:hidden}.artTopBar{z-index:5;background:linear-gradient(90deg,#0a201bfa,#15392ffa);border-bottom:1px solid #d7b7653d;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;height:72px;padding:10px 20px;display:grid;position:relative}.artTopBar a{color:#fff;font-weight:800;text-decoration:none}.artTopBar>div{text-align:center}.artTopBar small{color:#d8b866;letter-spacing:.18em;font-size:10px;font-weight:900;display:block}.artTopBar strong{font:700 24px Georgia,serif}.artBackButton{color:#fff;cursor:pointer;background:0 0;border:0;font-weight:800}.artBackButton:hover{color:#e7cd82}.artCanvas{cursor:grab;background:#102a24;height:calc(100vh - 72px);min-height:540px}.artCanvas:active{cursor:grabbing}.artCanvas canvas{width:100%;height:100%;display:block}.artHint{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e7eee9;text-align:center;background:#09231dd9;border:1px solid #ffffff24;border-radius:999px;max-width:min(760px,100% - 30px);padding:10px 15px;font-size:12px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0005}.doorApproach{z-index:16;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#0d3028f2,#071d18ed);border:1px solid #e1c46f66;border-radius:20px;width:min(360px,100% - 44px);padding:18px;position:absolute;bottom:82px;right:22px;box-shadow:0 22px 65px #0008,0 0 36px #d6ad3822}.doorApproach small{color:#e6c970;letter-spacing:.18em;font-size:9px;font-weight:900;display:block}.doorApproach b{margin:7px 0 4px;font:700 22px Georgia,serif;display:block}.doorApproach span{color:#cddbd5;font-size:12px;line-height:1.45;display:block}.doorApproach button{color:#15382f;cursor:pointer;background:linear-gradient(135deg,#efd78c,#c89b34);border:1px solid #efd78c88;border-radius:12px;width:100%;margin-top:12px;padding:12px 14px;font-weight:900}.doorApproach button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #d6ad3833}.immersivePrototypeDock{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a211ddd;border:1px solid #d7b76555;border-radius:16px;align-items:center;gap:8px;padding:9px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 15px 45px #0008}.immersivePrototypeDock span{color:#d8b866;letter-spacing:.16em;padding:0 7px;font-size:9px;font-weight:900}.immersivePrototypeDock button,.immersiveActivities button,.immersiveActivityPanel button,.immersiveBack,.guidedReader button,.creatorSuite button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#173c32ee,#0b251fee);border:1px solid #d7b76566;border-radius:12px;padding:10px 13px;font-weight:800}.immersiveOverlay{z-index:50;color:#fff;background:#07110e;font-family:Arial,sans-serif;animation:.38s both immersiveFade;position:fixed;inset:0;overflow:hidden}.immersivePanorama{position:absolute;inset:0}.immersivePanorama canvas{cursor:grab;width:100%;height:100%;display:block}.immersiveShade{pointer-events:none;background:linear-gradient(90deg,#07140fcb 0%,#07140f55 36%,#07140f14 68%,#07140f8f 100%),linear-gradient(#06110e66 0%,#0000 65%,#06110e99 100%);position:absolute;inset:0}.immersiveBack{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:22px;left:22px}.immersiveRoomTitle{z-index:3;text-shadow:0 3px 20px #000;max-width:700px;position:absolute;bottom:clamp(120px,16vh,180px);left:clamp(24px,5vw,70px)}.immersiveRoomTitle small,.immersiveActivityPanel small,.guidedReader small,.creatorSuite small{color:#e4c66f;letter-spacing:.18em;font-weight:900}.immersiveRoomTitle h2{letter-spacing:-.035em;margin:9px 0 8px;font:700 clamp(42px,6vw,82px)/.92 Georgia,serif}.immersiveRoomTitle p{color:#e9eee9;margin:0;font-size:16px}.immersiveActivities,.immersiveActivityPanel,.creatorSuite{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#081b17e8;border:1px solid #dfc5784d;border-radius:24px;width:min(440px,100vw - 44px);padding:20px;position:absolute;top:50%;right:clamp(22px,4vw,58px);transform:translateY(-50%);box-shadow:0 24px 70px #0008}.immersiveActivities strong{margin-bottom:6px;font:700 22px Georgia,serif;display:block}.readingInvitation{color:#d8e1dc;margin:0 0 12px;font-size:13px;line-height:1.45}.activityChoice{grid-template-columns:1fr auto auto;gap:7px;margin-top:8px;display:grid}.activityMain{text-align:left;justify-content:space-between;align-items:center;display:flex!important}.activityRead,.activitySpeak{min-width:44px;padding:10px!important}.readableHeading{align-items:center;gap:8px;display:flex}.readableHeading button{border-radius:50%;width:42px;height:42px;padding:0!important}.immersiveLookHint{z-index:3;background:#071712bb;border:1px solid #fff2;border-radius:999px;padding:9px 14px;font-size:11px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.guidedReader{z-index:12;color:#17372f;background:#f3ede2f5;border:1px solid #e3c97873;border-radius:28px;width:min(560px,100vw - 32px);padding:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 100px #000b}.guidedReader h3{margin:8px 42px 8px 0;font:700 clamp(30px,5vw,48px)/1 Georgia}.guidedChoices{gap:9px;display:grid}.guidedClose{width:38px;height:38px;font-size:24px;position:absolute;top:16px;right:16px;border-radius:50%!important;padding:0!important}.guidedMic{justify-content:space-between;align-items:center;width:100%;margin-top:12px;display:flex;color:#17372f!important;background:#e8decc!important}.phonicsRow{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.phonicsRow button{font-size:22px;color:#17372f!important;background:#fff!important;border:2px solid #c9aa60!important}.phonicsRow button.active{background:#f3d98f!important}.creatorSuite{--suite:#d6ad38;border-color:color-mix(in srgb,var(--suite),white 20%);width:min(500px,100vw - 44px)}.creatorSuite h3{margin:7px 0 6px;font:700 36px/1 Georgia,serif}.creatorSuite>p{color:#dce7e2;margin:0 0 14px;line-height:1.5}.suiteMeter{background:#ffffff18;border-radius:99px;height:8px;margin:14px 0 16px;overflow:hidden}.suiteMeter b{background:linear-gradient(90deg,var(--suite),#f2d98b);height:100%;transition:width .25s;display:block}.suiteSteps{gap:8px;display:grid}.suiteSteps button{text-align:left;background:#ffffff08;border-color:#ffffff19;grid-template-columns:34px 1fr;align-items:center;gap:9px;display:grid}.suiteSteps button span{color:#f1d887;background:#ffffff12;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.suiteSteps button.done{border-color:color-mix(in srgb,var(--suite),white 25%);background:color-mix(in srgb,var(--suite),transparent 84%)}.suiteSteps button.done span{background:var(--suite);color:#fff}.suiteTools{background:#ffffff08;border:1px solid #ffffff16;border-radius:14px;grid-template-columns:1fr 160px;align-items:center;gap:12px;margin:15px 0;padding:12px;display:grid}.suiteTools label{color:#dfe8e4;font-size:12px;font-weight:900}.suiteTools select{color:#fff;background:#102d26;border:1px solid #ffffff2b;border-radius:10px;width:100%;padding:10px}.suiteActions{gap:9px;display:flex}.suiteActions button{flex:1}.suiteComplete{border:1px solid color-mix(in srgb,var(--suite),white 30%);background:color-mix(in srgb,var(--suite),transparent 82%);color:#fff;border-radius:13px;margin-top:14px;padding:13px;font-weight:800}.artPortalScene{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 18%,#31564a99,#0000 34%),linear-gradient(135deg,#071812f5,#153b31f0);place-items:center;padding:24px;animation:.35s both immersiveFade;display:grid;position:fixed;inset:0}.portalGlass{text-align:center;background:linear-gradient(145deg,#ffffff12,#ffffff05);border:1px solid #e6c66f66;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;width:min(860px,100%);min-height:500px;padding:60px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 120px #000a,inset 0 1px #fff2}.portalGlass:before,.portalGlass:after{content:"";opacity:.6;background:linear-gradient(#0000,#d8b866,#0000);width:2px;position:absolute;top:0;bottom:0}.portalGlass:before{left:23%}.portalGlass:after{right:23%}.portalCrest{color:#173a31;background:radial-gradient(circle,#f4df9a,#9b762b);border:1px solid #efd78c;border-radius:50%;place-items:center;width:86px;height:86px;margin-bottom:16px;font:700 28px Georgia;display:grid;box-shadow:0 0 0 10px #efd78c12}.portalGlass small{color:#e6c970;letter-spacing:.2em;font-weight:900}.portalGlass h1{letter-spacing:-.04em;max-width:720px;margin:12px 0 10px;font:700 clamp(44px,7vw,76px)/.96 Georgia,serif}.portalGlass p{color:#dce7e2;max-width:620px;margin:0 auto 28px;font-size:17px;line-height:1.65}.portalDoors{display:none}.portalActions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.portalActions button,.portalActions a{color:#fff;cursor:pointer;background:#ffffff0b;border:1px solid #d9b85e66;border-radius:13px;min-width:210px;padding:14px 18px;font-weight:900;text-decoration:none}.portalActions button:hover,.portalActions a:hover{border-color:#f0d98a;transform:translateY(-1px)}.portalActions .portalPrimary,.portalActions button:first-child{color:#15382f;background:linear-gradient(135deg,#efd78c,#c99d38)}.artWayfinding{z-index:18;font-family:Arial,sans-serif;position:fixed;top:92px;left:18px}.wayfindingTab{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;text-align:left;background:#09231de6;border:1px solid #d7b76555;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:44px auto;align-items:center;column-gap:10px;padding:10px 14px;display:grid;box-shadow:0 14px 40px #0006}.wayfindingTab>span{color:#efd78c;border:1px solid #d8b86688;border-radius:50%;grid-row:1/3;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.wayfindingTab b{letter-spacing:.12em;font-size:11px}.wayfindingTab small{color:#c9d7d1;font-size:10px}.wayfindingPanel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(150deg,#0b2b24f5,#102f28f0);border:1px solid #d7b76555;border-radius:22px;width:min(390px,100vw - 36px);margin-top:9px;padding:20px;box-shadow:0 24px 70px #0008}.wayfindingPanel>small{color:#d8b866;letter-spacing:.16em;font-size:10px;font-weight:900}.wayfindingPanel h3{margin:7px 0 8px;font:700 29px Georgia,serif}.wayfindingPanel p{color:#dce7e2;margin:0 0 14px;font-size:13px;line-height:1.5}.wayfindingRoute{color:#fff;text-align:left;background:#ffffff08;border:1px solid #ffffff18;border-radius:14px;grid-template-columns:40px 1fr;align-items:center;gap:10px;width:100%;margin-top:8px;padding:12px;display:grid}.wayfindingRoute>span{color:#efd78c;background:#d6ad3822;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.wayfindingRoute b{font-size:13px;display:block}.wayfindingRoute small{color:#c8d6d0;margin-top:2px;font-size:10px;display:block}.liftCard{background:#d6ad3810;border:1px solid #efd78c44;border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:12px;display:grid}.liftCard>span{font-size:22px}.liftCard b{display:block}.liftCard small{color:#c8d6d0;font-size:10px;display:block}.liftCard button,.wayfindingClose{color:#fff;cursor:pointer;background:#173c32;border:1px solid #d8b86666;border-radius:10px;padding:9px 11px;font-weight:800}.wayfindingClose{color:#15382f;background:linear-gradient(135deg,#efd78c,#c99d38);width:100%;margin-top:11px}.artWayfinding.upper .wayfindingTab{background:linear-gradient(135deg,#7a6029ee,#173b32ee);border-color:#efd78c;box-shadow:0 0 28px #d8b86655}.artWayfinding.upper .wayfindingPanel{border-color:#efd78c88}@keyframes immersiveFade{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.immersivePrototypeDock{flex-wrap:wrap;bottom:12px;left:12px;right:12px}.immersivePrototypeDock span{width:100%}.immersiveRoomTitle{max-width:calc(100% - 48px);bottom:25px}.immersiveActivities,.immersiveActivityPanel,.creatorSuite{max-height:72vh;top:auto;bottom:80px;right:18px;overflow:auto;transform:none}.immersiveLookHint{display:none}}@media (max-width:700px){.artTopBar{grid-template-columns:auto 1fr}.artTopBar>button:last-child{display:none}.artTopBar>div{text-align:right}.artHint{border-radius:16px;bottom:12px}.artWayfinding{top:84px;left:12px}.portalGlass{min-height:0;padding:40px 20px}}
