/* A juicy, playful WaterBreak clubhouse. The logo is the destination marker. */
.island-game .factory-map-pin.flavor-club-pin {
  width:116px; max-width:116px; min-width:0!important; min-height:90px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:5px; padding:9px 7px 8px; border:3px solid #101616; border-radius:30px 24px 29px 22px;
  background:linear-gradient(145deg,#fffdf5 0 58%,#ffadd6 59% 78%,#dfff4f 79%);
  box-shadow:0 5px 0 #101616,0 0 0 4px #fffdf5a6;
  color:#101616; text-align:center; overflow:visible;
}
.island-game .flavor-club-pin:hover { background:linear-gradient(145deg,#fffdf5 0 58%,#96efff 59% 78%,#dfff4f 79%); }
.club-logo-bubble { display:block; width:100%; padding:4px 0; line-height:1; }
.club-logo-bubble img { display:block; width:100%; height:29px; object-fit:contain; }
.island-game .flavor-club-pin strong { font:900 13px/1.05 Arial,Helvetica,sans-serif; background:#dfff4f; padding:4px 8px; border:1.5px solid #101616; border-radius:99px; white-space:nowrap; }
.island-game .flavor-club-pin small { margin:0; padding:0 5px; color:#101616; font-size:12px; }
.flavor-club-pin:before,.flavor-club-pin:after { content:''; position:absolute; width:17px; height:25px; border:2px solid #101616; border-radius:45% 45% 40% 40%; background:linear-gradient(135deg,#fffdf5 0 12%,#ff73b6 18% 65%,#df3e8b); box-shadow:inset 3px 3px 0 #ffffff85; transform:rotate(-22deg); left:-10px; bottom:12px; pointer-events:none; }
.flavor-club-pin:after { background:linear-gradient(135deg,#fffdf5 0 12%,#17ccec 18% 65%,#1596c9); transform:rotate(22deg); left:auto; right:-10px; top:5px; bottom:auto; }
.game-dock .dock-club-logo { width:31px; height:25px; object-fit:contain; }
.walk-club-brand { display:flex; align-items:center; gap:12px; font:900 16px/1.1 Arial,Helvetica,sans-serif; }
.walk-club-brand img { width:112px; height:30px; object-fit:contain; }
.club-welcome {
  position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; margin:0 0 20px; min-height:168px; padding:24px 18px 20px; overflow:hidden;
  border:2px solid #101616; border-radius:34px; background:linear-gradient(120deg,#e9daf3 0 30%,#fffdf5 30% 70%,#8eeaff 70%);
  box-shadow:0 5px 0 #101616;
}
.club-welcome>img { width:250px; max-width:64%; height:66px; object-fit:contain; z-index:2; }
.club-welcome h1 { font-size:34px; line-height:1; margin:0; z-index:2; }
.club-welcome:before,.club-welcome:after { content:'✦'; position:absolute; font-size:48px; font-weight:900; color:#dfff4f; -webkit-text-stroke:1.5px #101616; left:24%; top:15px; transform:rotate(14deg); }
.club-welcome:after { left:auto; right:23%; top:auto; bottom:14px; color:#ff73b6; font-size:31px; }
.club-gummy { position:absolute; z-index:-1; width:85px; height:108px; border:3px solid #101616; border-radius:42px 42px 30px 30px; transform:rotate(-16deg); box-shadow:inset 12px 12px 0 #ffffff60,0 7px 0 #10161620; }
.club-gummy:before { content:''; position:absolute; width:11px; height:13px; top:36px; left:25px; background:#101616; border-radius:50%; box-shadow:24px 0 #101616; }
.club-gummy:after { content:''; position:absolute; width:22px; height:11px; top:57px; left:31px; border-bottom:3px solid #101616; border-radius:0 0 50% 50%; }
.gummy-pink { left:6%; bottom:-11px; background:linear-gradient(130deg,#ffadd6,#ff73b6 55%,#e63e95); }
.gummy-lime { right:6%; top:17px; background:linear-gradient(130deg,#f8ffbd,#dfff4f 55%,#9bd733); transform:rotate(17deg); }
.facility-page .of-heading { margin:8px 0 17px; min-height:44px; align-items:center; }
.facility-page .of-heading h2 { font-size:24px; margin:0; }
.facility-page .of-heading .of-kicker { display:none; }
.of-campus { background:linear-gradient(135deg,#a9f2ff,#e9daf3 44%,#ffb5d8); border-radius:30px; }
.of-campus-center { background:#dfff4f; color:#101616; border:2px solid #101616; border-radius:50%; }
.of-room { border-radius:25px; overflow:hidden; box-shadow:0 5px 0 #101616; }
.of-room-art { border-radius:0; background:#fff5ce; }
.of-intake .of-room-art { background:linear-gradient(135deg,#fff7bc,#ffe6b1); }
.of-lab .of-room-art { background:linear-gradient(135deg,#a9f2ff,#e9daf3); }
.of-works .of-room-art { background:linear-gradient(135deg,#ffbfdc,#fff0c3); }
.of-garden .of-room-art { background:linear-gradient(135deg,#eaff9e,#a8f3d4); }
.of-room-label { background:#fffdf5; }
.of-room-label strong { font-size:28px; }
.of-room-label>b { border-radius:99px; box-shadow:0 2px 0 #101616; }
.of-game-stage { border-radius:25px; border-color:#101616; }
.of-rooftop { background:linear-gradient(#a7f1ff 0 55%,#dfff4f 55%); border-radius:28px; }
.island-game .resident-pin .pin-alert { top:-9px; }
@media(min-width:1000px) {
  .of-campus { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; padding:22px; }
  .of-campus .of-path,.of-campus .of-campus-center { display:none; }
  .of-room-label strong { font-size:25px; }
}
@media(max-width:740px) {
  .island-game .factory-map-pin.flavor-club-pin { width:110px; max-width:110px; min-height:84px; padding:7px 6px; border-radius:25px 21px 25px 20px; gap:3px; }
  .club-logo-bubble img { height:26px; }
  .island-game .flavor-club-pin strong { font-size:12px; padding:4px 7px; }
  .club-welcome { min-height:124px; padding:12px; border-radius:27px; margin-bottom:16px; }
  .club-welcome>img { max-width:68%; height:50px; }
  .club-welcome h1 { font-size:31px; }
  .club-gummy { width:61px; height:85px; }
  .club-gummy:before { width:8px; height:10px; top:29px; left:17px; box-shadow:18px 0 #101616; }
  .club-gummy:after { left:22px; top:44px; width:18px; }
  .gummy-pink { left:-7px; bottom:-6px; }.gummy-lime { right:-8px; top:12px; }
  .club-welcome:before { left:12%; top:10px; font-size:31px; }.club-welcome:after { right:13%; bottom:12px; font-size:23px; }
  .walk-club-brand { gap:9px; font-size:14px; }.walk-club-brand img { width:98px; height:26px; }
  .facility-page .of-explore { margin-top:0; }
  .facility-page .of-heading { margin:4px 0 12px; }
  .of-room-label strong { font-size:22px; }
  .of-room-label small { display:none; }
  .of-works .of-room-label strong { font-size:20px; letter-spacing:-.3px; white-space:nowrap; }
  .of-room-label { min-height:106px; }
}
@media(max-width:360px) {
  .island-game .factory-map-pin.flavor-club-pin { width:92px; max-width:92px; min-height:77px; padding:6px 5px; }
  .club-logo-bubble img { height:22px; }.island-game .flavor-club-pin strong { font-size:11px; padding:3px 4px; }
  .flavor-club-pin:before,.flavor-club-pin:after { width:13px; height:20px; left:-8px; }.flavor-club-pin:after { left:auto; right:-8px; }
}
@media(max-height:520px) and (min-width:560px) and (orientation:landscape) {
  .island-game .factory-map-pin.flavor-club-pin { width:100px; max-width:100px; min-height:67px; padding:4px 6px; }
  .club-logo-bubble { padding:1px 0; }.club-logo-bubble img { height:23px; }.island-game .flavor-club-pin strong { font-size:11px; }
  .island-game .resident-pin .pin-alert { top:-8px; }
}