:root{--ink:#16211c;--muted:#5d6b64;--line:#d8e0da;--paper:#fbfdfb;--grass:#1f7a4d;--grass-dark:#165c3a;--warn:#8a4b12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;line-height:1.5}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--line);z-index:10;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem clamp(1rem,4vw,2.5rem);display:grid;position:sticky;top:0}.brand{justify-self:start;text-decoration:none;display:inline-flex}.brand__logo{width:auto;height:40px;display:block}.app-header nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.app-header nav a{color:var(--ink);font-weight:500;text-decoration:none}.app-header nav a:hover{text-decoration:underline}.app-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}main{flex:1;width:min(68rem,100%);margin:0 auto;padding:clamp(1rem,4vw,2rem)}h1{margin:0;font-size:clamp(1.5rem,4vw,2rem)}h2{margin:0;font-size:1.15rem}h3{margin:0;font-size:1.05rem}.stack{flex-direction:column;gap:1.5rem;display:flex}.stack--tight{gap:.6rem}.muted{color:var(--muted);margin:0}.notes{border:1px solid var(--line);background:#fff;border-radius:.6rem;margin:0;padding:.75rem}.hero{background:linear-gradient(135deg,#e8f5ed,#f6fbf7);border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.85rem;padding:clamp(1.25rem,4vw,2rem);display:flex}.hero p{max-width:46ch;margin:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}button:not([class]),.button{border:1px solid var(--line);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}button:not([class]):hover:not(:disabled),.button:hover:not(:disabled){border-color:var(--grass);background:#f4f9f6}.button--primary{background:var(--grass);border-color:var(--grass);color:#fff}.button--primary:hover:not(:disabled){background:var(--grass-dark);border-color:var(--grass-dark)}.button--danger{color:#8a2626;background:#fff;border-color:#d9a3a3}.button--danger:hover:not(:disabled){background:#fbeaea;border-color:#8a2626}button:disabled,.button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--grass-dark);outline-offset:2px}@media (prefers-reduced-motion:reduce){button:not([class]),.button{transition:none}}.button--provider{gap:.65rem;width:100%;padding:.65rem 1rem;font-size:.95rem}.button--google{color:#3c4043;background:#fff;border-color:#dadce0}.button--google:hover:not(:disabled){background:#f7f8f8;border-color:#c7c9cb}.link{min-height:0;color:var(--grass);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;font-weight:600;text-decoration:underline}.link:hover:not(:disabled){color:var(--grass-dark);background:0 0}.link:disabled{opacity:.55;cursor:not-allowed}.actions,.save-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.save-row__status{color:var(--grass-dark);font-weight:600}.cards,.plain-list,.roster,.identity-list{margin:0;padding:0;list-style:none}.cards{gap:.75rem;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:.9rem}.card__link{color:inherit;flex-direction:column;gap:.35rem;padding:1rem;text-decoration:none;display:flex}.card__link:hover{background:#f4f9f6}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.card__actions{padding:0 1rem 1rem}.full-game{border-top:1px solid var(--line);padding-top:.6rem}.full-game__lead{margin:0;font-size:.9rem}.full-game__help{border:1px solid var(--line);min-width:1.5rem;min-height:1.5rem;font:inherit;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:0;font-size:.75rem;font-weight:700;line-height:1}.full-game__help:hover{border-color:var(--grass);color:var(--grass-dark)}.card__schedule{margin:0;font-weight:600}.card__venue{color:var(--muted);margin:0}.badge{border:1px solid var(--line);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:700}.badge--planned{color:#8a5b12;background:#fff5e5;border-color:#f0dcbb}.badge--game-on{color:var(--grass-dark);background:#e6f6ec;border-color:#bfe3cd}.badge--closed{color:#3a418a;background:#eef0fb;border-color:#ccd2f0}.badge--cancelled{color:#8a2626;background:#fbeaea;border-color:#f0c9c9}.badge--completed{color:var(--muted);background:#eef1ef}.tags{flex-wrap:wrap;gap:.35rem;margin:0;display:flex}.tag{color:var(--muted);background:#eef2ef;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.tag--joined{color:var(--grass-dark);background:#e6f6ec}.tag--admin{color:#3a418a;background:#eef0fb;margin-left:.4rem}.tag--light{color:#3c4149;background:#f4f5f7;border:1px solid #d7dae0;margin-left:.4rem}.tag--dark{color:#fff;background:#3c4149;margin-left:.4rem}.avatar--photo{object-fit:cover}.organizer{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.organizer .avatar{width:1.5em;height:1.5em;font-size:.7em}.profile-head{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.profile-head .avatar{width:4.5rem;height:4.5rem;font-size:1.8rem}.profile-head>.stack{flex:10rem}.profile-head .statistics{flex:0 auto}.profile-picture{flex:none;display:flex;position:relative}.profile-picture__actions{gap:.25rem;display:flex;position:absolute;bottom:-.45rem;right:-.9rem}.profile-picture__button{border:1px solid var(--line);min-height:1.75rem;color:var(--grass-dark);font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;place-items:center;padding:.1rem .5rem;font-size:.75rem;font-weight:700;display:inline-grid;box-shadow:0 1px 4px #00000026}.profile-picture__button:hover{background:#f4f9f6}.profile-picture__button--icon{width:1.75rem;padding:0}.profile-head__bio{white-space:pre-line;overflow-wrap:anywhere;margin:0}.photo-field{align-items:center;gap:.9rem;display:flex}.photo-field .avatar{width:4rem;height:4rem;font-size:1.6rem}.photo-field__upload:focus-within{outline:2px solid var(--grass-dark);outline-offset:2px}.photo-field__limits{font-size:.85rem}.dialog-backdrop{z-index:50;background:#00000059;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{width:min(32rem,100%);max-height:calc(100vh - 2rem);margin:0;padding:1rem 1.1rem;overflow-y:auto;box-shadow:0 12px 32px #0003}.dialog h2{margin:0;font-size:1.1rem}.field-error{color:#a12a2a;margin:0;font-size:.85rem}.tooltip-anchor{display:inline-flex;position:relative}.tooltip{z-index:30;background:var(--ink);color:#fff;text-align:left;pointer-events:none;opacity:0;visibility:hidden;border-radius:.45rem;width:max-content;max-width:14rem;padding:.35rem .55rem;font-size:.75rem;font-weight:400;line-height:1.3;transition:opacity .12s;position:absolute;top:calc(100% + .4rem);left:50%;transform:translate(-50%)}.tooltip-anchor:hover .tooltip,.tooltip-anchor:focus-within .tooltip{opacity:1;visibility:visible}@media (hover:none){.tooltip-anchor:hover .tooltip{opacity:0;visibility:hidden}}.tooltip-anchor:has([aria-expanded=true]) .tooltip{opacity:0;visibility:hidden}.avatar{background:var(--grass);color:#fff;border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;font-weight:700;display:inline-grid}.player-menu{align-items:center;gap:.4rem;display:flex;position:relative}.player-menu__updates{border-radius:999px;place-items:center;min-width:2.75rem;min-height:2.75rem;text-decoration:none;display:inline-grid;position:relative}.player-menu__updates:hover{background:#f4f9f6}.player-menu__bell{color:var(--grass);display:block}.player-menu__count{background:var(--grass);color:#fff;text-align:center;border-radius:999px;min-width:1.15rem;padding:0 .25rem;font-size:.7rem;font-weight:700;line-height:1.15rem;position:absolute;top:.3rem;right:.3rem;box-shadow:0 0 0 2px #fff}.player-menu__trigger{cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:0;display:inline-grid}.player-menu__trigger:hover{background:#f4f9f6}.player-menu__panel{z-index:20;border:1px solid var(--line);background:#fff;border-radius:.7rem;flex-direction:column;min-width:10rem;padding:.3rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 6px 20px #00000024}.player-menu__item{width:100%;min-height:2.75rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.55rem .8rem;font-weight:600;text-decoration:none;display:block}.player-menu__item:hover{background:#f4f9f6}.update--openable{cursor:pointer}.identity-list{gap:.6rem;display:grid}.identity{border:1px solid var(--line);width:100%;font:inherit;cursor:pointer;background:#fff;border-radius:.9rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:600;display:flex}.identity:hover{border-color:var(--grass)}.roster li{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:.45rem 0;display:flex}.plain-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.plain-list li.unread{font-weight:600}.game-map{border:1px solid var(--line);background:#e8eeea;border-radius:.9rem;width:100%;overflow:hidden}.map-pin{width:2.2rem;height:2.2rem;font:inherit;cursor:pointer;background:0 0;border:none;place-items:center;padding:0;line-height:1;display:grid}.map-pin--ball{width:2.75rem;height:2.75rem}.map-pin--ball .ball{filter:drop-shadow(0 1px 2px #00000073);width:100%;height:100%;display:block}.map-pin--ball-small{width:1.75rem;height:1.75rem}.map-pin--ball-small .ball{filter:none}.map-pin--selected{outline:3px solid var(--ink);outline-offset:2px}.map-pin--ball.map-pin--selected{outline:none;width:3.05rem;height:3.05rem}.map-pin--ball.map-pin--selected .ball{filter:drop-shadow(0 0 2px var(--ink)) drop-shadow(0 0 2px var(--ink)) drop-shadow(0 1px 2px #00000073)}.map-pin:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.status-key{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.status-key li{align-items:center;gap:.4rem;display:flex}.status-key__pin{flex:none;width:1.6rem;height:1.6rem;display:block}@media (prefers-reduced-motion:reduce){.map-pin,.map-pin--ball .ball{transition:none!important}}.explore__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.mode-switch{border:1px solid var(--line);background:#fff;border-radius:999px;align-self:flex-start;padding:.2rem;display:inline-flex}.mode-switch__option{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:.35rem 1rem;font-weight:600}.mode-switch__option--on{background:var(--grass);color:#fff}.explore__sort{color:var(--muted);flex-direction:row;align-items:center;gap:.5rem;margin-left:auto}.explore__sort select{width:auto;padding:.35rem .6rem;font-size:.9rem}.map-frame{position:relative}.game-popover{border:1px solid var(--line);z-index:5;background:#fff;border-radius:.9rem;flex-direction:column;gap:.4rem;max-width:22rem;padding:.85rem 1rem;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem;box-shadow:0 6px 20px #0000002e}.game-popover__close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.3rem;line-height:1;position:absolute;top:.35rem;right:.5rem}.game-popover__count{margin:0}.game-popover h3{padding-right:1.5rem}.filters{border:1px solid var(--line);background:#fff;border-radius:.9rem;flex-direction:column;gap:.6rem;padding:.7rem 1rem;display:flex}.search-area{flex-direction:column;gap:.4rem;display:flex}.search-area__search{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.search-area__search label{flex:14rem}.search-area__chosen{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-area__name{margin:0;font-size:.95rem}.search-area__default{color:var(--muted);margin:0;font-size:.85rem}.search-area__radius{color:var(--muted);flex-direction:row;align-items:center;gap:.4rem;font-size:.85rem}.search-area__radius select{padding:.3rem .5rem;font-size:.85rem}.dates{flex-direction:column;gap:.4rem;display:flex}.day-strip{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:.4rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.day-pill{border:1px solid var(--line);min-width:3.6rem;min-height:2.75rem;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:.7rem;flex:none;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.day-pill--on{border-color:var(--grass);background:var(--grass);color:#fff}.day-pill:focus-visible{outline:2px solid var(--grass-dark);outline-offset:2px}.dates__toggle{align-self:flex-start}.dates__range{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.dates__range label{flex:9rem}.dates__range [role=alert]{flex:100%}.filters__menus{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.filters__clear{margin-left:auto}.filter-menu{position:relative}.filter-menu__trigger{border:1px solid var(--line);max-width:100%;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:.85rem;display:inline-flex}.filter-menu--on .filter-menu__trigger{border-color:var(--grass);color:var(--grass-dark);background:#e6f6ec;font-weight:600}.filter-menu__summary{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.filter-menu__caret{color:var(--muted);font-size:.7rem}.filter-menu__panel{z-index:6;border:1px solid var(--line);background:#fff;border-radius:.7rem;flex-direction:column;gap:.5rem;min-width:12rem;max-width:min(26rem,92vw);padding:.7rem;display:flex;position:absolute;top:calc(100% + .3rem);left:0;box-shadow:0 6px 20px #00000024}.hint--warn{color:var(--warn);font-weight:600}@media (width<=30rem){.filters{padding:.6rem .7rem}.search-area__search label{flex-basis:100%}.filter-menu{position:static}.filter-menu__panel{max-width:none;left:0;right:0}}.chip-group{border:none;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;display:flex}.chip-group legend{float:left;width:100%;color:var(--muted);padding:0 0 .3rem;font-size:.85rem;font-weight:600}label{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.checkbox{flex-direction:row;align-items:center;gap:.5rem}input,select,textarea{font:inherit;border:1px solid var(--line);color:inherit;background:#fff;border-radius:.55rem;padding:.5rem .65rem;font-weight:400}input[type=range]{padding:0}input[type=checkbox]{width:auto;padding:0}.field{flex-direction:column;gap:.3rem;display:flex}.feedback-form .field>:is(input,select,textarea){max-width:30rem}.game-form{max-width:44rem}.from-template{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.from-template label{flex:14rem}.location-field{border:1px solid var(--line);background:#fff;border-radius:.9rem;flex-direction:column;gap:.6rem;margin:0;padding:.85rem 1rem;display:flex}.location-field legend{color:var(--muted);padding:0 .3rem;font-size:.85rem;font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.location-field__search{position:relative}.location-field__searching{color:var(--muted);pointer-events:none;background:#fff;font-size:.85rem;position:absolute;bottom:.65rem;right:.7rem}.location-field__dropdown{z-index:20;border-radius:.6rem;position:absolute;top:calc(100% + .25rem);left:0;right:0;box-shadow:0 6px 18px #0000001f}.place-results{border:1px solid var(--line);background:#fff;border-radius:.6rem;max-height:11rem;margin:0;padding:0;list-style:none;overflow-y:auto}.place-results li+li{border-top:1px solid var(--line)}.place-results__option{text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:none;padding:.5rem .7rem;display:block}.place-results__option:hover{background:#f4f9f6}.place-picker__row{align-items:flex-end;gap:.6rem;display:flex}.place-picker__row>.location-field__search{flex:auto;min-width:0}.preferred-area__radius{flex-direction:column;flex:none;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.preferred-area__radius .stepper{gap:.25rem}.preferred-area__radius .duration-input input{width:4.6rem;padding-right:2rem}.schedule-field{border:1px solid var(--line);background:#fff;border-radius:.9rem;min-width:0;margin:0;padding:.85rem 1rem}.schedule-field legend{color:var(--muted);padding:0 .3rem;font-size:.85rem;font-weight:600}.schedule-field__inputs{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.schedule-field__date,.schedule-field__time,.schedule-field__duration{flex-direction:column;flex:0 auto;gap:.3rem;min-width:0;font-size:.9rem;font-weight:600;display:flex}.schedule-field__inputs .stepper{gap:.25rem}.schedule-field__inputs .stepper__step{min-width:2.4rem}.schedule-field__date .stepper input{flex:0 9.5rem;min-width:0}.schedule-field__time select{flex:none;width:auto;min-width:0;padding-left:.5rem;padding-right:.5rem}.schedule-field__inputs>.schedule-field__date{flex-basis:100%}.field-row{flex-wrap:wrap;gap:.75rem;display:flex}.field-row>.schedule-field__time{flex:12rem}.field-row>label,.field-row>.schedule-field__duration{flex:8rem}.stepper{align-items:stretch;gap:.4rem;display:flex}.stepper input{flex:auto;min-width:6rem}.stepper__step{border:1px solid var(--line);min-width:2.75rem;min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:.6rem;flex:none;justify-content:center;align-items:center;padding:.4rem;font-size:1.1rem;line-height:1;display:inline-flex}.stepper__step:hover:not(:disabled){border-color:var(--grass);background:#f4f9f6}.stepper__step:disabled{color:var(--line);cursor:default}.stepper__pair{flex-direction:column;gap:.15rem;display:flex}.stepper__pair .stepper__step{flex:1 1 0;min-height:1.35rem;padding:0 .4rem;font-size:.65rem}.duration-input{display:flex;position:relative}.duration-input input{appearance:textfield;width:6rem;min-width:0;padding-right:2.6rem}.duration-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-input__unit{color:var(--muted);pointer-events:none;font-weight:400;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.schedule-field__summary{color:var(--ink);font-size:.95rem}.schedule-field__summary .muted{font-weight:400}.schedule-field__summary--past{color:#8a2626}.label__aside{font-weight:400}.hint{color:var(--muted);font-size:.8rem;font-weight:400}.capacity-range{border:1px solid var(--line);background:#fff;border-radius:.9rem;margin:0;padding:.85rem 1rem}.capacity-range legend{color:var(--muted);padding:0 .3rem;font-size:.85rem;font-weight:600}.capacity-range__summary{margin:0 0 .9rem}.capacity-range__control{height:1.6rem;position:relative}.capacity-range__track,.capacity-range__fill{border-radius:999px;height:.4rem;margin-top:-.2rem;position:absolute;top:50%}.capacity-range__track{background:#e6eae7;left:0;right:0}.capacity-range__fill{background:var(--grass)}.capacity-range__thumb{appearance:none;pointer-events:none;background:0 0;border:none;width:100%;margin:0;padding:0;position:absolute;inset:0}.capacity-range__thumb:focus-visible{outline:2px solid var(--grass-dark);outline-offset:4px;border-radius:.4rem}.capacity-range__thumb::-webkit-slider-thumb{appearance:none;pointer-events:auto;background:var(--grass-dark);cursor:grab;border:2px solid #fff;border-radius:999px;width:1.4rem;height:1.4rem;box-shadow:0 1px 4px #0000004d}.capacity-range__thumb::-moz-range-thumb{pointer-events:auto;background:var(--grass-dark);cursor:grab;border:2px solid #fff;border-radius:999px;width:1.4rem;height:1.4rem;box-shadow:0 1px 4px #0000004d}.capacity-range__thumb::-moz-range-track{background:0 0}.capacity-range__scale{color:var(--muted);justify-content:space-between;margin:.2rem 0 0;font-size:.75rem;display:flex}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.panel{border:1px solid var(--line);background:#fff;border-radius:.9rem;padding:1rem}.notice{color:var(--grass-dark);background:#e6f6ec;border-radius:.6rem;margin:0;padding:.7rem .9rem}.notice--warning{color:#8a2626;background:#fbeaea}.error{color:#8a2626;background:#fbeaea;border-radius:.6rem;margin:0;padding:.7rem .9rem}.share-prompt{border:1px solid var(--line);background:#fff;border-radius:1rem;flex-direction:column;gap:.85rem;padding:clamp(1.25rem,4vw,2rem);display:flex}.share-prompt__url input{width:100%}.share-prompt__actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.tabs{border-bottom:1px solid var(--line);gap:.4rem;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .9rem;font-weight:600}.tab--selected{color:var(--grass-dark);border-bottom-color:var(--grass-dark)}.tab:focus-visible{outline:2px solid var(--grass-dark);outline-offset:2px}.chat{border:1px solid var(--line);background:#fff;border-radius:.9rem;padding:1rem}.chat__messages{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.chat__message{align-items:flex-start;gap:.6rem;display:flex}.chat__byline{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;font-size:.8rem;display:flex}.chat__sender{font-weight:700}.chat__body{white-space:pre-wrap;overflow-wrap:anywhere;margin:.15rem 0 0}.chat textarea{width:100%;font:inherit}.badge--chat-live{color:var(--grass-dark);background:#e6f6ec;border-color:#bfe3cd}.badge--chat-connecting,.badge--chat-reconnecting{color:#8a5b12;background:#fff5e5;border-color:#f0dcbb}.player-name{color:inherit;font-weight:600}a.player-name{color:var(--grass-dark)}.choice{align-items:flex-start;gap:.5rem;padding:.3rem 0;display:flex}.choice input{margin-top:.25rem}.availability-grid{border-collapse:collapse;width:90%;margin:0 auto}@media (width<=30rem){.availability-grid{width:100%}.availability-grid .slot span{min-width:0}}.availability-grid caption{caption-side:top;text-align:left;padding-bottom:.5rem}.availability-grid th{text-align:center;padding:.3rem;font-size:.8rem;font-weight:600}.availability-grid th[scope=row]{text-align:right;white-space:nowrap;width:1%;padding:.3rem .4rem .3rem 0}.availability-grid td{text-align:center;padding:.15rem}.slot{margin:0;display:block;position:relative}.slot input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.slot span{border:1px solid var(--line);min-width:2.75rem;min-height:2.75rem;color:var(--muted);background:#fff;border-radius:.75rem;justify-content:center;align-items:center;padding:.35rem .5rem;font-size:.85rem;font-weight:600;display:flex}.slot--wide span{white-space:nowrap;min-width:0;padding:.4rem .8rem}.slot--on span{background:var(--grass);border-color:var(--grass-dark);color:#fff}.slot input:focus-visible+span{outline:2px solid var(--grass-dark);outline-offset:2px}.slot input:hover:not(:checked)+span{background:#f4f9f6}.slot-row{flex-wrap:wrap;gap:.4rem;display:flex}.statistics{border-collapse:collapse}.statistics th,.statistics td{text-align:left;padding:.35rem .9rem .35rem 0}.statistics th[scope=col]{color:var(--muted);font-size:.8rem}.statistics td{font-variant-numeric:tabular-nums}.statistics__sample{color:var(--muted);white-space:nowrap;font-size:.85rem}.method-list,.friend-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.method-list li,.friend-list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.settings{gap:1rem}.settings__section{flex-direction:column;padding:.75rem 1rem;display:flex}.settings__section h2{margin-bottom:.25rem}.setting-row{border-top:1px solid var(--line);flex-direction:column;gap:.4rem;padding:.55rem 0;display:flex}.settings__section h2+.setting-row{border-top:0}.setting-row__line{flex-wrap:wrap;align-items:center;gap:.4rem .75rem;min-height:1.9rem;display:flex}.setting-row__label{font-weight:600}.setting-row__value{color:var(--muted)}.setting-row__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:inline-flex}.settings__section>[role=alert]{margin:.25rem 0}.demo-entry{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.9rem;display:flex}.demo-entry--panel{border:1px solid var(--line);background:#fff;border-radius:.9rem;padding:1rem}.demo-entry .muted{margin:0;font-size:.85rem}.about{width:100%;max-width:46rem;margin:0 auto}.about__actions{flex-wrap:wrap;gap:.75rem;display:flex}.flow{grid-template-columns:repeat(3,1fr);gap:1.75rem;margin:0;padding:0;list-style:none;display:grid}.flow__step{border:1px solid var(--line);text-align:center;background:#fff;border-radius:.9rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;font-weight:500;display:flex;position:relative}.flow__icon{color:var(--grass);flex:none}.flow__arrow{width:1rem;height:1rem;color:var(--muted);margin-top:-.5rem;position:absolute;top:50%;left:calc(100% + .4rem)}@media (width<=40rem){.flow{grid-template-columns:1fr;gap:1.5rem}.flow__arrow{margin:0 0 0 -.5rem;top:calc(100% + .35rem);left:50%;transform:rotate(90deg)}}