/* VERSUS / Signature. All type and controls remain live HTML. */
:root{--reservation-art:url('/assets/reservation-art-v39_9.png');--ledger-art:url('/assets/ledger-art-v39_9.png')}
/* The new reference places the brand header on Places and History as well. */
body[data-startup=ready] .shell:has(#placesView:not([hidden]),#activityView:not([hidden])){padding-top:calc(env(safe-area-inset-top) + 10px)}
.shell>.top{min-height:99px;padding-top:17px;padding-bottom:18px;background:linear-gradient(90deg,#06060fbe,#07060c7d 51%,#05060d22),url('/assets/club-interior-v30.webp') center 35%/cover;border-bottom-color:#ae275947}
.shell>.top>img{width:58px;height:58px;box-shadow:0 0 24px #ff00412b}.top h1{font-size:26px;letter-spacing:1.4px}.top .brand .eyebrow{font-size:9px;color:#ee4b7d;letter-spacing:1.8px}.top #currentClubLabel{font-size:10px;line-height:1.5}#settingsTop{width:42px;height:42px;border-radius:13px}
/* Correct brand: the original VS mark, never a replacement V. */
.home-ad{position:relative}.home-ad:after{display:block;content:'';position:absolute;right:-12%;top:3%;width:65%;aspect-ratio:1;z-index:-1;transform:rotate(-15deg);border:0;border-radius:24%;background:url('/icons/versus-180.png') center/contain no-repeat;opacity:.16;filter:drop-shadow(0 0 30px #f9003c);pointer-events:none}
#placesView>.sectionHead,#activityView>.sectionHead,#settingsView>.sectionHead{position:relative;isolation:isolate;padding:21px 0 17px;margin:0;min-height:91px}
#placesView>.sectionHead h2,#activityView>.sectionHead h2,#settingsView>.sectionHead h2{font-size:30px;line-height:1.12;margin:0 0 8px;letter-spacing:-.8px}
#placesView>.sectionHead h2 span{color:#f62562}#activityView>.sectionHead h2,#settingsView>.sectionHead h2{width:max-content;max-width:100%;color:#fff;background:linear-gradient(100deg,#fff 43%,#ffc9db 67%,#f72b65 94%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#placesView>.sectionHead p,#activityView>.sectionHead p,#settingsView>.sectionHead p{font-size:12px;line-height:1.45;color:#b7b4c5;position:relative;z-index:2;margin:0}
#activityView>.sectionHead:after,#settingsView>.sectionHead:after{content:'';position:absolute;z-index:-1;right:-12px;top:3px;width:112px;height:95px;background:linear-gradient(90deg,#06070efa,#09070e15),url('/assets/club-interior-v30.webp') center/cover;opacity:.5;mask-image:linear-gradient(90deg,transparent,#000)}
#activityView>.sectionHead:before,#settingsView>.sectionHead:before{content:'';position:absolute;right:10px;top:7px;width:65px;height:65px;background:url('/icons/versus-180.png') center/contain no-repeat;opacity:.18;transform:rotate(-15deg);z-index:-1}
/* Places: two visual cards above the three independent club contacts. */
.places-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px}.places-actions>#placesEntry{min-width:0;display:flex;align-items:stretch}
#placesView .places-actions .places-entry,#placesView .places-actions #placesBooking{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;min-width:0;width:100%;height:190px;min-height:190px;padding:13px 12px;margin:0;border:1px solid #ac285b8c;border-radius:17px;overflow:hidden;text-align:left;color:#fff;box-shadow:inset 0 1px #ff5f8a21,0 0 18px #f6003a18}
#placesView .places-actions .places-entry{background:linear-gradient(0deg,#0a0710 1%,#09070efa 23%,#11081332 72%),url('/assets/club-interior-v30.webp') center 42%/cover;border-color:#ff2d6da8;box-shadow:inset 5px 0 17px #ff0a4535,0 0 17px #ff08452e}
#placesView .places-actions #placesBooking{background:linear-gradient(0deg,#0b070f 2%,#0b070ffa 29%,#0c07121a 78%),var(--reservation-art) 65% 0/auto 78% no-repeat,#0c0810}
#placesView .places-actions .places-entry-icon,#placesView .places-actions #placesBooking>span:first-child{display:none}
#placesView .places-actions strong{display:block;font-size:15px;line-height:1.25;font-weight:700;letter-spacing:-.25px;position:relative;z-index:1}
#placesView .places-actions small{display:block;font-size:10px;line-height:1.45;margin-top:6px;color:#b4afc3;max-width:calc(100% - 22px);position:relative;z-index:1}
#placesView .places-actions .places-arrow,#placesView .places-actions #placesBooking>span:last-child{position:absolute;right:10px;bottom:13px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #da2c687a;border-radius:50%;background:radial-gradient(ellipse at top,#8e174a70,#160b19);box-shadow:0 0 13px #f900452b;font-size:21px;font-weight:300;color:#f6eaf4;line-height:1}
#placesView .places-actions .places-entry:before{content:'';position:absolute;left:22px;top:27px;width:47px;height:47px;background:url('/icons/versus-180.png') center/contain no-repeat;filter:drop-shadow(0 0 14px #f00748a0);opacity:.9}
#placesView .contacts-heading{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;color:#fa4178;margin:0 0 12px;font-weight:650}#placesView .contacts-heading:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#9a28544d,transparent)}
#allClubContacts{display:grid;gap:9px}.club-contact-row{display:grid;grid-template-columns:73px minmax(0,1fr) auto;align-items:center;gap:11px;padding:0 11px 0 0;margin:0;border:1px solid #9b255c67;border-radius:15px;overflow:hidden;min-height:75px;background:linear-gradient(115deg,#29101e42,#080a13 80%);box-shadow:inset 0 1px #f96d9b0d,0 0 13px #f6003510}.club-contact-photo{display:block;width:73px;height:77px;object-fit:cover;object-position:38% center;border-radius:13px;filter:saturate(1.1) brightness(.85)}.club-contact-row:nth-child(2) .club-contact-photo{object-position:58% center}.club-contact-row:nth-child(3) .club-contact-photo{object-position:78% center}.club-contact-row>div{min-width:0}.club-contact-row strong{font-size:13px;line-height:1.3;color:#f8f1f6}.club-contact-row small{font-size:10px;line-height:1.45;color:#aaa6b9;margin-top:5px}.club-contact-row a{font-size:10px;padding:8px 7px;line-height:1.4;border-radius:11px;border-color:#bd2e6170;background:radial-gradient(ellipse at top,#66133550,#120c17);box-shadow:0 0 12px #f3003b17;white-space:nowrap;color:#fb4a85}
/* History: original actions, three distinct illustrations. */
#activityView .profile-action,#activityView .bk-entry{position:relative;isolation:isolate;display:grid;grid-template-columns:48px minmax(0,1fr) 31px;align-items:center;gap:12px;min-height:96px;padding:16px 13px;margin:0 0 12px;border:1px solid #e62a669c;border-radius:17px;overflow:hidden;color:#fff;box-shadow:inset 3px 0 14px #f9003920,0 0 16px #ef003c1e}
#activityView #profileMine{background:linear-gradient(90deg,#200c1aea,#110813d1 54%,#0b071268),url('/assets/club-interior-v30.webp') right 47%/auto 180%}
#activityView #profileBooking{background:linear-gradient(90deg,#200c1aef,#130a16e8 45%,#12091721),var(--reservation-art) right center/auto 145% no-repeat,#080912}
#activityView #openHistory{background:linear-gradient(90deg,#200c1af5,#110b16e3 48%,#12091722),var(--ledger-art) right center/auto 150% no-repeat,#080912}
#activityView .profile-action>[data-icon],#activityView .bk-entry>[data-icon]{display:grid;place-items:center;width:48px;height:49px;padding:0;border-radius:13px;border:1px solid #bd2b626c;background:linear-gradient(145deg,#7b163b59,#140b1abb);box-shadow:inset 0 1px #ff83b21a;color:#fa518c}
#activityView .profile-action .vs-icon,#activityView .bk-entry .vs-icon{width:27px;height:27px;color:#ff5390}
#activityView .profile-action strong,#activityView .bk-entry strong{font-size:15px;line-height:1.25;letter-spacing:-.25px}#activityView .profile-action small,#activityView .bk-entry small{font-size:11px;line-height:1.4;margin-top:6px;max-width:200px;color:#b8b1c5}
#activityView .profile-action>span:last-child,#activityView .bk-entry>span:last-child{display:grid;place-items:center;width:31px;height:31px;padding:0;margin:0;font-size:24px;font-weight:300;line-height:1;border-radius:50%;border:1px solid #d6326870;background:radial-gradient(ellipse at top,#9a184a70,#190b1a);color:#f3eaf6;box-shadow:0 0 12px #fb005a26}
/* Settings: glass panel, diagonal light and a strong selected theme. */
#settingsView .settings-panel{position:relative;isolation:isolate;border:1px solid #fb2c6a92;border-radius:19px;overflow:hidden;background:linear-gradient(115deg,#200b1cce,#0a0b14da),var(--ledger-art) right bottom/auto 80% no-repeat;box-shadow:inset 0 1px #ff88b21c,inset 0 -1px #ff528022,0 0 21px #ff004329;padding:0 13px}
#settingsView .settings-panel:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,transparent 61%,#ff35613b 61.2%,transparent 61.6%),linear-gradient(35deg,transparent 76%,#b914442b 76.2%,transparent 76.6%)}
#settingsView .settings-row{min-height:76px;padding:13px 0;gap:12px;border-bottom-color:#9e355439}#settingsView .settings-panel>.settings-row:last-child{border-bottom:0}#settingsView .settings-row strong{font-size:14px;font-weight:650;line-height:1.3}#settingsView .settings-row small{font-size:11px;font-weight:400;line-height:1.45;margin-top:5px;color:#b0a9bf}
#settingsView .setting-icon{display:grid;place-items:center;flex:none;width:45px;height:47px;border:1px solid #b22b5a59;border-radius:13px;background:linear-gradient(145deg,#6e173b6b,#180d1b);box-shadow:inset 0 1px #ff74a517;color:#ff4f87}#settingsView .setting-icon .vs-icon{width:26px;height:26px}
#settingsView #changeClub{padding:9px 12px;font-size:12px;white-space:nowrap;border-color:#ff438498;background:linear-gradient(135deg,#9a164560,#400f2d);box-shadow:inset 0 1px #ff7aa42b,0 0 15px #ff07512b;color:#fff}
#settingsView .settings-about{border:0}#settingsView .settings-about summary{border-bottom:0}#settingsView .settings-about>p{font-size:11px;line-height:1.5}
#settingsView .settings-theme{margin-top:21px}#settingsView .settings-theme>.eyebrow,#settingsView .settings-notifications>.eyebrow{font-size:10px;letter-spacing:2px;color:#ed4a7f}#settingsView .theme-choices{gap:10px;margin-top:10px}#settingsView .theme-choices button{padding:14px 12px;min-height:57px;border-radius:16px;font-size:13px;background:#0d101a;border-color:#4b3c535e}#settingsView .theme-choices button[aria-pressed=true]{border-color:#ff2e7599;background:linear-gradient(145deg,#5d0d2e9e,#1f0c1b);box-shadow:inset 0 1px #ff648b47,0 0 19px #ff095637}#settingsView .theme-mark{font-size:24px}
#settingsView .settings-notifications{margin-top:20px;padding:0;border:0;background:none;box-shadow:none}#settingsView .settings-notifications>.settings-row{margin-top:10px;padding:14px 12px;border:1px solid #fa32658a;border-radius:16px;background:linear-gradient(90deg,#2a0b1cdd,#0e0b16b0),var(--ledger-art) right center/auto 150%;box-shadow:inset 0 1px #ff6e9c1a,0 0 17px #ff00431d}#settingsView .design-tagline{display:none}
/* Details retain the compact filters and readable operation amounts. */
#historyView .history-summary{background:linear-gradient(90deg,#201020,#0c0d18d9),var(--ledger-art) right center/auto 200%;border-color:#ac2e6269}#historyView .history-event{border-color:#81304f64;background:linear-gradient(130deg,#2110218c,#0b0d17)}
@media(max-width:360px){.places-actions{gap:8px}#placesView .places-actions .places-entry,#placesView .places-actions #placesBooking{height:180px;min-height:180px;padding:11px 10px}#placesView .places-actions strong{font-size:14px}.club-contact-row{grid-template-columns:59px minmax(0,1fr) auto;gap:8px;padding-right:8px}.club-contact-photo{width:59px;height:78px}.club-contact-row strong{font-size:12px}.club-contact-row a{font-size:9px;padding:7px 6px}#activityView .profile-action,#activityView .bk-entry{grid-template-columns:42px minmax(0,1fr) 28px;gap:9px;padding:14px 11px}#activityView .profile-action>[data-icon],#activityView .bk-entry>[data-icon]{width:42px;height:45px}#activityView .profile-action strong,#activityView .bk-entry strong{font-size:14px}#activityView .profile-action>span:last-child,#activityView .bk-entry>span:last-child{width:28px;height:28px}.shell>.top>img{width:51px;height:51px}#settingsView .setting-icon{width:38px;height:43px}#settingsView .settings-row{gap:9px}}
/* Light mode keeps its readability while using the same layout and illustrations. */
html[data-theme=light] #settingsView .settings-row strong,html[data-theme=light] #settingsView .settings-row small{color:#dfd5e4}html[data-theme=light] .club-contact-row strong{color:#f4edf7}html[data-theme=light] #placesView>.sectionHead p,html[data-theme=light] #activityView>.sectionHead p,html[data-theme=light] #settingsView>.sectionHead p{color:#686071}