.home-about{border:var(--border-width) solid var(--border);border-radius:var(--border-radius);position:relative;overflow:hidden}.home-about .pill{align-items:center;gap:var(--spacing-half);height:2.5rem;padding:var(--spacing-quarter) var(--spacing-half);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-full);box-shadow:var(--box-shadow);display:flex;position:absolute}.home-about .level{background:var(--background-darken);font-weight:700;top:1rem;right:1rem}.home-about img{aspect-ratio:2}.home-about .about{border-top:var(--border-width) solid var(--border);position:relative}.home-about .about .background-inverse{background-image:var(--background-image);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);background-position:bottom;background-size:100%;position:absolute;inset:0;transform:scaleY(-1)}.home-about .about h1{z-index:1;padding:var(--spacing-half) var(--spacing-quarter);font-size:var(--size-m);text-align:center;-webkit-backdrop-filter:blur(24px)saturate();backdrop-filter:blur(24px)saturate();position:relative}@media (width>=40rem){.home-about .about h1{padding:calc(1.5 * var(--spacing-half)) calc(1.5 * var(--spacing-quarter));font-size:var(--size-xl)}}@media (width>=64rem){.home-about .about h1{padding:var(--spacing) var(--spacing-half);font-size:var(--size-xxxl)}}.home-action{align-items:center;gap:var(--spacing-half);padding:var(--spacing-half);flex-direction:column;display:flex}.home-action .text{text-transform:uppercase;font-weight:700}@media (width>=30rem){.home-action{flex-direction:row;justify-content:space-between}}@media (width>=48rem){.home-action{flex-direction:column}}@media (width>=64rem){.home-action{flex-direction:row}}.home-attendance{transition:opacity .3s}.home-attendance .content>.your-presence{gap:var(--spacing-half);flex-direction:column;display:flex}.home-attendance .content>.your-presence .text{text-align:center;font-weight:700}.home-attendance .content>.your-presence .bottom{padding-top:var(--spacing-half);border-top:var(--border-width) solid var(--border)}.home-attendance .content>.your-presence .change-status{flex-direction:column}@media (width>=40rem) and (width<=47.9375rem){.home-attendance .content>.your-presence .change-status{flex-direction:row}}.ha-loading{opacity:.5}.ha-pending{background:var(--background-pending)}.ha-confirmed{background:var(--background-success)}.ha-canceled{background:var(--background-error)}.home-description>.content{text-align:center;line-height:1.5}.home-event-date>.content{align-items:center;gap:var(--spacing-half);flex-direction:column;display:flex}@media (width>=40rem) and (width<=47.9375rem){.home-event-date>.content{justify-content:space-between;gap:var(--spacing);flex-direction:row}}.home-event-date>.content .event-hour{gap:var(--spacing-quarter);text-align:center;flex-direction:column;display:flex}.home-event-date>.content .event-hour strong{font-size:var(--size-l)}.home-event-date>.content .calendar-options{align-items:center;gap:var(--spacing-half);width:100%;padding:var(--spacing-quarter);padding-left:var(--spacing-half);background:var(--background-darken);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);flex-direction:column;display:flex}@media (width>=40rem) and (width<=47.9375rem){.home-event-date>.content .calendar-options{width:initial;border-radius:var(--border-radius-full);flex-direction:row;justify-content:space-between}}.home-event-date>.content .calendar-options span{font-weight:700}.home-event-date>.content .calendar-options .services{gap:var(--spacing-quarter);display:flex}.home-event-date>.content .calendar-options .services a{border-radius:var(--border-radius-full);justify-content:center;align-items:center;width:2.625rem;height:2.625rem;display:flex}.home-event-date>.content .calendar-options .services .apple{color:#000;background:#fff}.home-event-date>.content .calendar-options .services .google{color:#da4535;background:#e8e8e8}.home-event-date>.content .calendar-options .services .microsoft{color:#fff;background:#1e70b6}.home-game-system>.content{gap:var(--spacing-half);flex-direction:column;display:flex}@media (width>=40rem) and (width<=47.9375rem){.home-game-system>.content{flex-direction:row}}.home-game-system>.content .logo{flex:1;justify-content:center;display:flex}.home-game-system>.content .logo img{aspect-ratio:2.872;width:12.5rem}.home-game-system>.content .game-master{align-items:center;gap:var(--spacing-quarter);padding-top:var(--spacing-half);border-top:var(--border-width) solid var(--border);flex-direction:column;flex:1;display:flex}@media (width>=40rem) and (width<=47.9375rem){.home-game-system>.content .game-master{padding-top:0;padding-left:var(--spacing-half);border-top:0;border-left:var(--border-width) solid var(--border)}}.home-game-system>.content .game-master strong{font-size:var(--size-l)}.home-map>.content .map{height:15rem}@media (width>=40rem){.home-map>.content .map{height:20rem}}.home-map>.content .action{padding:var(--spacing-quarter) var(--spacing-eighth);background:var(--background-lighten);border-top:var(--border-width) solid var(--border);justify-content:center;display:flex}.home-map>.content .action a{align-items:center;gap:var(--spacing-quarter);font-size:var(--size-s);display:flex}.home-participants>.content{align-items:center;gap:var(--spacing-half);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=48rem){.home-participants>.content{max-height:13.75rem;overflow-y:auto}}.home-photos>.content{justify-content:center;align-items:center;gap:var(--spacing-half);flex-wrap:wrap;display:flex}@media (width>=48rem){.home-photos>.content{max-height:21.875rem;overflow-y:auto}}.home-photos>.content .participant{cursor:pointer;width:6.25rem;display:flex;position:relative}.home-photos>.content .participant img{aspect-ratio:1;transition:opacity .3s ease-in}.home-photos>.content .participant:hover img{opacity:.75}.home-photos>.content .participant:hover>.hero{display:flex}.home-photos>.content .participant .hero{bottom:var(--spacing-quarter);width:100%;padding:var(--spacing-eighth);border:var(--border-width) solid transparent;border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-direction:column;align-items:center;display:none;position:absolute}.home-photos>.content .participant .hero h6{font-size:var(--size-s)}.home-photos>.content .participant .hero .class{color:var(--font-neutral);text-transform:uppercase;font-size:var(--size-xs)}.home-status{top:1rem;left:1rem}.home-status span{display:none}@media (width>=30rem){.home-status span{display:initial}}.home-status .rotate-waiting{animation:5s linear infinite rotate}.home-status .current{align-items:center;gap:var(--spacing-quarter);display:flex}.home-status-pending{background:var(--background-pending)}.home-status-confirmed{background:var(--background-success)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-weather>.content>.weather-display{gap:var(--spacing-half);flex-direction:column;display:flex}.home-weather>.content>.weather-display .daily{padding:0 var(--spacing);justify-content:space-between;align-items:center;display:flex}.home-weather>.content>.weather-display .daily .left{gap:var(--spacing-eighth);flex-direction:column;display:flex}.home-weather>.content>.weather-display .daily .left strong{text-transform:uppercase;font-size:var(--size-l);display:block}.home-weather>.content>.weather-display .daily .left .temperature{font-weight:700;font-size:calc(1.5 * var(--size-xxxl))}.home-weather>.content>.weather-display .daily .right{gap:var(--spacing-eighth);text-align:right;font-size:var(--size-s);flex-direction:column;display:flex}.home-weather>.content>.weather-display .daily .right strong{font-size:var(--size-m)}.home-weather>.content>.weather-display .daily .right .values{color:var(--font-neutral)}.home-weather>.content>.weather-display .hourly{gap:var(--spacing-eighth);padding-top:var(--spacing-half);border-top:var(--border-width) solid var(--border);flex-wrap:wrap;display:flex}.home-weather>.content>.weather-display .hourly .hour-item{align-items:center;gap:var(--spacing-eighth);flex-direction:column;flex:1;display:flex}.home-weather>.content>.weather-display .hourly .hour-item .hour{font-size:var(--size-s);color:var(--font-neutral)}.home-weather>.content>.weather-display .hourly .hour-item .temperature{font-size:var(--size-s)}.home-welcome{justify-content:space-between;gap:var(--spacing-half);padding:var(--spacing-half);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);-webkit-backdrop-filter:blur(24px)saturate();backdrop-filter:blur(24px)saturate();flex-direction:column;display:flex}@media (width>=30rem){.home-welcome{flex-direction:row;align-items:center}}.home-welcome .left{align-items:center;gap:var(--spacing-half);display:flex}.home-welcome .left .image>img{aspect-ratio:1;border-radius:var(--border-radius-full);width:3rem}@media (width>=40rem){.home-welcome .left .image>img{width:3.75rem}}.home-welcome .left .text h3{font-size:var(--size-l)}@media (width>=40rem){.home-welcome .left .text h3{font-size:var(--size-l)}}.home-welcome .left .text .class{color:var(--font-neutral);text-transform:uppercase}.home-welcome .right{justify-content:center;gap:var(--spacing-quarter);padding-top:var(--spacing-half);border-top:var(--border-width) solid var(--border);display:flex}@media (width>=30rem){.home-welcome .right{padding-top:0;padding-left:var(--spacing-half);border-top:0;border-left:var(--border-width) solid var(--border)}}.home-welcome .right button{background-color:var(--background-lighten);border-radius:var(--border-radius-full);border:var(--border-width) solid var(--border)}.home{gap:var(--spacing-half);flex-direction:column;display:flex}@media (width>=40rem){.home{gap:var(--spacing)}}.home .split{gap:var(--spacing-half);flex-direction:column;display:flex}@media (width>=40rem){.home .split{gap:var(--spacing)}}@media (width>=48rem){.home .split{flex-direction:row}}.home .split>div{flex:1}.home .last-split{margin-bottom:var(--spacing-half)}@media (width>=40rem){.home .last-split{margin-bottom:var(--spacing)}}@media (width>=64rem){.home .last-split{margin-bottom:var(--spacing-double)}}