:root{color-scheme:dark;}*{box-sizing:border-box;}html,body{margin:0;width:100%;height:100%;font-family:Georgia,serif;background:var(--gcs-panel);color:var(--gcs-ink);}button{font:inherit;cursor:pointer;}.header{position:absolute;z-index:10;top:0;left:0;right:0;min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:10px 2.5%;background:var(--gcs-panel);gap:16px;}.brand{display:flex;gap:12px;align-items:center;font-size:21px;letter-spacing:.18em;}.brand-badge{font:italic 28px Georgia;padding:7px 12px;border:1px solid var(--gcs-line);}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:.23em;color:var(--gcs-ink);margin-top:5px;}.title{font:10px Arial,sans-serif;letter-spacing:.18em;}.title span{opacity:.65;}.header button{background:transparent;border:0;border-bottom:1px solid var(--gcs-line);color:inherit;font:10px Arial,sans-serif;letter-spacing:.1em;padding:9px 0;}main{position:relative;width:100%;height:100%;min-height:450px;}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.tip{pointer-events:none;position:absolute;bottom:104px;left:0;right:0;text-align:center;color:var(--gcs-ink);text-shadow:0 2px 10px var(--gcs-shadow);font:10px Arial,sans-serif;letter-spacing:.16em;}.controls{position:absolute;left:3%;right:3%;bottom:22px;z-index:10;display:flex;align-items:end;justify-content:space-between;gap:12px;}.position{background:var(--gcs-panel);border:1px solid var(--gcs-line);padding:10px 15px;min-width:160px;}.position small{font:9px Arial,sans-serif;letter-spacing:.12em;display:block;color:var(--gcs-ink);}.position strong{display:block;font:18px Georgia;margin-top:6px;}.actions{display:flex;gap:7px;}.actions button{background:var(--gcs-action);color:var(--gcs-ink);border:1px solid var(--gcs-line);min-height:44px;padding:8px 12px;font:11px Arial,sans-serif;letter-spacing:.08em;}.actions button:first-child,.actions button:nth-child(2){font-size:22px;}.actions button:hover,.actions button:focus-visible,.header button:hover{background:var(--gcs-action);outline:2px solid #e5c9a0;}.actions button:disabled{opacity:.45;cursor:default;}#no3d{position:absolute;left:20%;right:20%;top:35%;background:var(--gcs-panel);border:1px solid var(--gcs-line);padding:28px;z-index:5;}#no3d[hidden],#index[hidden]{display:none;}#index{position:absolute;right:3%;bottom:87px;z-index:20;width:min(380px,92vw);max-height:72vh;overflow:auto;background:var(--gcs-panel);border:1px solid var(--gcs-line);box-shadow:0 0 65px var(--gcs-shadow);padding:18px;}#index header{display:flex;align-items:center;justify-content:space-between;font:11px Arial,sans-serif;letter-spacing:.15em;}#index p{font:14px/1.5 Georgia,serif;}#index-close{font:26px Georgia,serif;border:0;background:transparent;color:var(--gcs-ink);}#works{display:grid;gap:7px;}#works button{background:var(--gcs-action);color:var(--gcs-ink);border:1px solid var(--gcs-line);text-align:left;display:flex;align-items:center;gap:12px;padding:6px;font-size:13px;}#works img{width:48px;height:55px;object-fit:contain;background:var(--gcs-panel);}dialog{width:min(96vw,1400px);max-width:none;max-height:96vh;background:var(--gcs-panel);border:1px solid var(--gcs-line);color:var(--gcs-ink);padding:24px;}dialog::backdrop{background:var(--gcs-panel);}dialog header{display:flex;align-items:center;justify-content:space-between;font:11px Arial,sans-serif;letter-spacing:.14em;}dialog header button{background:var(--gcs-action);color:var(--gcs-ink);border:1px solid var(--gcs-line);padding:12px;font:11px Arial,sans-serif;}#viewer[open]{height:94vh;display:flex;flex-direction:column;}.showcase{flex:1;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:10px;min-height:0;align-items:center;}.showcase img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;justify-self:center;}.showcase button{background:var(--gcs-action);color:var(--gcs-ink);border:1px solid var(--gcs-line);font-size:30px;padding:14px 0;}#viewer footer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--gcs-line);padding-top:12px;gap:20px;}#viewer footer small{font:10px Arial,sans-serif;letter-spacing:.13em;}#viewer h2{font:26px Georgia;margin:7px 0 0;}#information{max-width:650px;}#information p{font:17px/1.6 Georgia,serif;}#information code{font-size:13px;}@media(max-width:850px){.header{padding:10px 15px;}.title{display:none;}.brand{font-size:16px;}.tip{font-size:8px;bottom:145px;padding:0 12px;}.controls{bottom:11px;left:11px;right:11px;display:block;}.position{display:inline-block;padding:6px 10px;min-width:0;margin-bottom:6px;}.position strong{font-size:15px;}.actions{flex-wrap:wrap;gap:5px;}.actions button{font-size:10px;min-height:38px;padding:6px 9px;}.actions button:first-child,.actions button:nth-child(2){font-size:19px;}#index{bottom:145px;right:11px;}#viewer footer>small{display:none;}}

/* Compact, vertically stacked exhibition information: no footer cards. */
.info-stack{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:154px;flex:none;}
.header .info-stack button{display:block;width:100%;text-align:center;font-size:9px;letter-spacing:.085em;padding:5px 3px;min-height:25px;border:1px solid var(--gcs-line);line-height:1.25;background:var(--gcs-action);}
.header .info-stack button:hover,.header .info-stack button:focus-visible{background:var(--gcs-action);}
#mapplethorpe-information{max-width:650px;}
#mapplethorpe-information p{font:17px/1.6 Georgia,serif;}
#mapplethorpe-information a{color:var(--gcs-gold);text-underline-offset:3px;}
@media(max-width:600px){.info-stack{width:130px;}.header .info-stack button{font-size:8px;padding:5px 2px;min-height:25px;}}

.site-return{color:var(--gcs-ink);border:1px solid var(--gcs-line);padding:10px;text-decoration:none;font:11px Arial;white-space:nowrap;}

body.photo-mode #scene,body.photo-mode .tip,body.photo-mode .controls{display:none;}body.photo-mode #no3d{position:relative;inset:auto;margin:24px auto;padding:16px;max-width:1000px;}body.photo-mode #index{position:relative;inset:auto;width:auto;max-width:1100px;max-height:none;margin:24px auto;}body.photo-mode #index-close{display:none;}



.gcs-favicon-mark{display:inline-block;width:1.2em;height:1.2em;object-fit:contain;vertical-align:middle;}.avatar .gcs-favicon-mark{width:65%;height:65%;}
body.room-guide{--tr-photo:url("/assets/city-photo.webp")!important;}body.room-guide::before{background-image:linear-gradient(var(--gcs-shade),var(--gcs-shade)),url("/assets/city-photo.webp")!important;}body.room-guide .nb-header.nb-world{background:linear-gradient(var(--gcs-shade),var(--gcs-shade)),url("/assets/city-photo.webp") center/contain no-repeat,#28080e!important;}



/* One THEBANANA interface palette, taken from the approved Destinations design. */
:root{--gcs-ink:#f4e8dd;--gcs-gold:#dfbc90;--gcs-line:#dfbc9055;--gcs-panel:rgba(58,9,20,.42);--gcs-input:rgba(35,5,12,.48);--gcs-action:linear-gradient(100deg,#59131c,#a30f20);--gcs-action-color:#97192b;--gcs-shade:rgba(37,7,12,.50);--gcs-shadow:rgba(35,4,11,.20)}
body{color:var(--gcs-ink)}

body:not(.room-theatre):not(.gcs-cinema) :is(.oc-panel,.nb-unified,.nb-guide-directory,.bm-bg-panel){background:transparent;border-color:var(--gcs-line)}
body:not(.room-theatre):not(.gcs-cinema) :is(.oc-card,.oc-mode,.oc-stats>div,.bm-bg-card,.bm-crawl,.bm-crawl-source,.bm-crawl-metrics,.form-card,.nb-card,.member-card,.conversation,.discovery-card,.tg-placard){background:var(--gcs-panel);color:var(--gcs-ink);border-color:var(--gcs-line);backdrop-filter:none}
body:not(.room-theatre):not(.gcs-cinema) :is(.oc-panel,.bm-bg-panel) details>summary{background:var(--gcs-panel);color:var(--gcs-gold)}
/* Final approved Community corrections; scoped to this room. */
body.room-community{--gcs-shade:rgba(37,7,12,.25)}
body.room-community .community-intro{background:rgba(58,9,20,.15)!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.room-community .community-orbit{display:block;width:64px;height:64px;object-fit:contain;flex:0 0 64px;opacity:1}
body.room-community .channel-nav .channel-pill{background:rgba(58,9,20,.15)!important;border-color:rgba(223,188,144,.34)!important}
body.room-community .channel-nav .channel-pill:is(.selected,:hover,:focus-visible){background:rgba(58,9,20,.24)!important}


/* GC wordmark: exact supplied logo, no substitute emblem. */
.tr-header .gc-wordmark{display:block;width:240px;max-width:32vw;height:auto;object-fit:contain}
body.room-home .tr-brand::before,body.room-about .tr-brand::before{display:none!important}
body.room-home .tr-brand,body.room-about .tr-brand{padding-left:0!important}
.gcs-explore header>img{width:280px;max-width:100%;height:auto;object-fit:contain}
.gc-salon-wordmark{width:170px;height:auto;object-fit:contain}
@media(max-width:700px){.tr-header .gc-wordmark{width:160px;max-width:55vw}}

.gc-footer{position:relative;padding:24px;text-align:center;font:10px/1.7 Arial,sans-serif;letter-spacing:.06em;color:#dfbc90;background:rgba(58,9,20,.25)}
.gc-salon-footer{position:absolute;bottom:5px;left:15%;right:15%;text-align:center;font:8px Arial;color:#dfbc90;pointer-events:none}
/* thebanana.blog shared header correction */
body .tr-header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap;gap:12px;min-height:68px;height:auto!important;padding:12px 4vw!important;z-index:30;background:rgba(48,5,15,.88)!important}
body .tr-header .tr-brand{position:static!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0!important;line-height:1.2!important;flex:0 1 auto}
body .tr-header .tr-brand::before{display:none!important}
body .tr-header .gc-wordmark{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;object-fit:contain;flex:0 0 40px}
.thebanana-brand-copy{display:block}.thebanana-brand-copy strong{display:block;font:21px Georgia,serif;letter-spacing:.08em}.thebanana-brand-copy small{display:block!important;font:8px Arial,sans-serif!important;margin-top:5px}
body .tr-header-tools{position:static!important;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:15px}
body:not(.room-entrance) .content{padding-top:24px!important}
body.room-messages{--tr-photo:url('/assets/thebanana-mastheader.png')!important}
body.room-home .tr-door-community{--tr-door-photo:url('/assets/thebanana-mastheader.png')!important}
body.room-news{--tr-photo:url('/assets/Bellinzona-Castle-Walkway-Svizzera.JPG')!important}
body.room-home .tr-door-news{--tr-door-photo:url('/assets/Bellinzona-Castle-Walkway-Svizzera.JPG')!important}
body.room-home .tr-door-afterhours{--tr-door-photo:url('/assets/Red-Lite-Brick-Street.webp')!important}
body.room-afterhours .nb-header{background-image:linear-gradient(#26061066,#26061066),url('/assets/Red-Lite-Brick-Street.webp')!important}
@media(max-width:650px){body .tr-header{padding:10px 4vw!important}.thebanana-brand-copy strong{font-size:16px}body .tr-header-tools{gap:10px}body .tr-header .gc-wordmark{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;flex-basis:32px}body .tr-header-tools a{font-size:9px}}

.gcs-explore header>img{width:36px!important;height:36px!important}.gc-salon-wordmark{width:36px!important;height:36px!important;object-fit:contain}

.tr-header .gc-wordmark,.gc-salon-wordmark,.gcs-favicon-mark{border-radius:50%!important;clip-path:circle(50%)!important;background:transparent!important}