/* FSC cinematic visual reconstruction: high-fidelity photographic artwork with interactive browsing. */
:root{--fscgold:#ffd98b;--fsccyan:#79f8ff;--fscviolet:#aa7fff}
.cinema-experience{position:relative;color:#fff;background:#071128;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.cinema-view{height:min(81vw,850px);min-height:590px;max-height:950px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#050c26aa,#050c26aa),#0b1835;outline:none}
.cinema-art{position:absolute;inset:-2.5%;background:linear-gradient(90deg,#060f2c7a,transparent 28%,transparent 82%,#050d2280),url('cinematic-plaza.webp') center 54%/cover no-repeat;transform:translate3d(0,0,0) scale(1.035);transform-origin:center center;transition:transform 1.1s cubic-bezier(.21,.75,.25,1);will-change:transform;z-index:0}
.scene-warmth{pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#07112886,transparent 22%,transparent 55%,#080f27be 100%),radial-gradient(ellipse at 50% 75%,#3de5c70d,transparent 60%)}
.plaza-top{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:start;justify-content:space-between;gap:20px;padding:24px clamp(17px,2.2vw,38px)}
.plaza-copy{max-width:530px}.plaza-copy h1{font-size:clamp(31px,4.3vw,76px);font-weight:1000;line-height:.96;letter-spacing:-.075em;text-shadow:0 4px 22px #031224,0 0 27px #0c1028;margin:8px 0}.plaza-copy h1 span{background:linear-gradient(110deg,#ffde92,#ff91dd,#92f6fc);color:transparent;background-clip:text;-webkit-background-clip:text}.plaza-copy p{font-size:clamp(11px,1.05vw,15px);max-width:490px;text-shadow:0 1px 12px #000,0 3px 14px #000;color:#f4f4ff;line-height:1.5;margin:8px 0 0}.plaza-kicker{display:inline-flex;color:#ffe5a3;font-size:10px;letter-spacing:.16em;font-weight:900;text-shadow:0 1px 8px #000}
.plaza-controls{display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;max-width:520px}.cinema-mode-label{font-size:10px;letter-spacing:.06em;padding:10px 13px;border-radius:10px;background:#081128d9;border:1px solid #ffdd9770;font-weight:800}.cinema-walk-btn,.plaza-controls button{font-size:10px;font-weight:900;letter-spacing:.035em;border:1px solid #b4fcffb6;background:#021d34df;box-shadow:0 0 19px #39d4ff47;color:white;padding:11px 14px;border-radius:10px;text-decoration:none}.cinema-walk-btn:hover,.plaza-controls button:hover{background:#1b4060}
.hotspot-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.plaza-hotspot{pointer-events:auto;position:absolute;display:flex;gap:6px;align-items:center;justify-content:center;flex-direction:column;padding:8px;cursor:pointer;border:2px solid #cfffffa0;color:white;border-radius:16px;background:linear-gradient(135deg,#112b73b0,#010a2bba);box-shadow:0 0 14px #78f3ff80, inset 0 0 15px #4bb5ff30;backdrop-filter:blur(4px);font-size:11px;font-weight:900;text-shadow:0 1px 7px #000;transform:translate(-50%,-50%);transition:scale .2s,box-shadow .2s,border-color .2s}
.plaza-hotspot:hover,.plaza-hotspot:focus-visible{scale:1.08;box-shadow:0 0 34px #8cfbffcc, inset 0 0 16px #81f6ff83;border-color:#fff;outline:0}.hotspot-icon{font-size:24px}.hotspot-text{display:block;letter-spacing:.02em}.hotspot-text small{display:block;font-size:9px;color:#d9eaff;letter-spacing:.07em}
.hs-merch{left:16%;top:46%;border-color:#62d3ff;background:linear-gradient(135deg,#073d92ca,#012660bb)}.hs-books{left:34%;top:45%;border-color:#70ffa8;background:linear-gradient(135deg,#075a34cf,#014c62c4)}.hs-members{left:52%;top:45%;border-color:#f0a3ff;background:linear-gradient(135deg,#70188bd8,#250d4fd3)}.hs-future-a{left:68.5%;top:45%;border-color:#ffd970;background:linear-gradient(135deg,#615011cd,#2c2310cc)}.hs-future-b{left:81.5%;top:45%;border-color:#ffd970;background:linear-gradient(135deg,#615011cd,#2c2310cc)}.hs-food{left:91.5%;top:70%;border-color:#ffae8d;background:linear-gradient(135deg,#a23a26e6,#300c16cc)}.hs-npc{left:43%;top:75%;font-size:11px;border-color:#eae6ff;background:#311157cc;padding:13px 16px}
.cinema-compass{position:absolute;z-index:4;right:21px;top:115px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff6d3;text-shadow:0 2px 6px #000;font-weight:900;letter-spacing:.15em}.cinema-compass span{font-size:30px}.cinema-compass small{font-size:8px}
.cinema-bottom{position:absolute;z-index:5;bottom:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cinema-keyhint{font-size:11px;letter-spacing:.035em;background:#08132edf;border:1px solid #ffffff78;padding:11px 16px;border-radius:12px;backdrop-filter:blur(10px)}.cinema-keyhint b{color:#abfff3}.cinema-quick-nav{display:flex;gap:6px}.cinema-quick-nav button{font-size:22px;font-weight:800;color:white;background:#132e55e9;border:1px solid #e9f8ff7a;width:43px;height:43px;border-radius:12px;cursor:pointer}
.cinema-destinations{position:relative;z-index:7;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;background:linear-gradient(180deg,#18234c,#080e22);padding:13px 18px;border-top:1px solid #ffffff56;box-shadow:0 -15px 40px #0108199e}.destination-card{text-align:left;display:flex;flex-direction:column;gap:5px;align-items:stretch;background:linear-gradient(130deg,#263768,#101f43);border:1px solid #9dbaff55;border-radius:13px;min-height:90px;padding:12px;color:#fff;cursor:pointer;transition:transform .2s,border .2s}.destination-card:nth-child(1){border-color:#39dbff}.destination-card:nth-child(2){border-color:#46f4ab}.destination-card:nth-child(3){border-color:#ca7bff}.destination-card:nth-child(4),.destination-card:nth-child(5){border-color:#ffd36e}.destination-card:nth-child(6){border-color:#ff9974}.destination-card:hover{transform:translateY(-3px);border-color:#fff}.destination-card>span{color:#c9fbff;font-size:11px;letter-spacing:.15em;font-weight:900}.destination-card strong{font-size:13px;letter-spacing:-.012em}.destination-card small{color:#c6d6f0;font-size:11px}
.cinema-footer{display:flex;align-items:center;gap:15px;justify-content:space-between;background:#0b1534;color:#b9c8df;font-size:11px;padding:11px 20px;border-top:1px solid #ffffff17}.cinema-footer a{color:#a7fff5;text-decoration:underline}
.cinema-dialog{color:white;border:1px solid #aaf7ff9a;border-radius:23px;padding:35px 28px 25px;width:min(570px,calc(100vw - 30px));max-width:570px;background:radial-gradient(circle at top right,#423278,#0a1735 70%);box-shadow:0 20px 100px #050d23db}.cinema-dialog::backdrop{background:#020817a8;backdrop-filter:blur(8px)}.cinema-close{float:right;border:1px solid #fff5;background:#1c3155;border-radius:9px;color:white;padding:8px 13px;cursor:pointer}.cinema-dialog-kicker{color:#ffe6a7;font-size:11px;letter-spacing:.14em;font-weight:900}.cinema-dialog h2{font-size:clamp(30px,5vw,45px);line-height:1.05}.cinema-dialog>p{line-height:1.65;color:#d4e3ef}.cinema-dialog-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.cinema-dialog-links a{border:1px solid #eafcf7a8;color:#03152f!important;background:linear-gradient(100deg,#8ef8ee,#f2ccff);padding:13px 17px;text-decoration:none;border-radius:11px;font-size:13px;font-weight:900}.cinema-dialog-links a.secondary{background:#1a2d54;color:white!important}.cinema-dialog-links a:hover{filter:brightness(1.13)}
.cinema-conversation{position:fixed;z-index:900;right:17px;bottom:82px;max-width:360px;width:calc(100vw - 34px);padding:19px;background:#101a3cf2;color:#fff;border:1px solid #d29eff;border-radius:18px;box-shadow:0 15px 50px #000b;backdrop-filter:blur(20px)}.cinema-conversation[hidden]{display:none}.cinema-conversation b{color:#ffd4f2}.cinema-conversation p{font-size:15px;line-height:1.5}.cinema-conversation button{background:#39326d;border:1px solid #ffffff60;color:white;padding:10px;border-radius:10px;font-size:11px;font-weight:800;margin-right:6px;margin-top:6px}
@media(min-width:1400px){.cinema-view{height:790px}}
@media(max-width:1100px){.plaza-hotspot{padding:6px;font-size:10px}.hotspot-icon{font-size:18px}.hotspot-text small{font-size:8px}.cinema-destinations{grid-template-columns:repeat(3,1fr)}.plaza-copy h1{font-size:49px}.cinema-art{background-position:center}}
@media(max-width:700px){.cinema-view{height:650px;min-height:650px}.cinema-art{inset:-4%;background-size:auto 100%;background-position:53% 50%}.plaza-top{padding:12px;gap:8px;display:block}.plaza-copy h1{font-size:37px}.plaza-copy p{font-size:11px;max-width:310px}.plaza-kicker{font-size:8px}.plaza-controls{margin-top:12px;justify-content:start;gap:6px}.cinema-mode-label{font-size:8px;padding:7px}.plaza-controls button,.cinema-walk-btn{font-size:9px;padding:9px}.plaza-hotspot{min-width:68px;border-radius:10px;font-size:8px;padding:7px 6px;box-shadow:0 0 12px #4eeef976}.plaza-hotspot .hotspot-icon{font-size:15px}.plaza-hotspot .hotspot-text small{font-size:7px}.hs-merch{left:18%;top:56%}.hs-books{left:35%;top:56%}.hs-members{left:52%;top:56%}.hs-future-a{left:69%;top:56%}.hs-future-b{left:84%;top:56%}.hs-food{left:80%;top:78%}.hs-npc{left:30%;top:79%}.cinema-compass{display:none}.cinema-keyhint{font-size:8px;padding:8px;line-height:1.4;max-width:240px}.cinema-bottom{left:9px;right:9px;bottom:12px}.cinema-quick-nav button{width:35px;height:35px;font-size:17px}.cinema-destinations{grid-template-columns:repeat(2,1fr);padding:8px}.destination-card{min-height:72px;padding:9px}.destination-card strong{font-size:11px}.destination-card small{font-size:9px}.cinema-footer{display:block;font-size:10px}.cinema-footer a{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.cinema-art,.plaza-hotspot,.destination-card{transition:none!important}}
/* Keep the primary headline readable against bright and dark CGI scenery. */
.plaza-copy h1 span{color:#ffe9b5!important;-webkit-text-fill-color:#ffe9b5!important;background:none!important;text-shadow:0 3px 23px #020c29,0 1px 0 #b87535}
@media(max-width:700px){.plaza-copy h1{font-size:35px;line-height:1}.plaza-copy h1 span{letter-spacing:-.065em}.plaza-copy p{max-width:270px}}