@charset "UTF-8";
fieldset{border:0;padding:0;margin:0}.page-title:has(>.eyebrow){display:block}.page-title>.eyebrow{margin-bottom:14px}
:root{--ink:#181b19;--muted:#696d68;--line:#e6e7e2;--paper:#fff;--bone:#f2f0e8;--soft:#f7f7f3;--signal:#d8e55b;--green:#22624d;--error:#a3332c;--radius:22px;--width:1280px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:650}h1{font-size:clamp(34px,4.5vw,56px);letter-spacing:-.058em}h2{font-size:28px;letter-spacing:-.04em}h3{font-size:20px;letter-spacing:-.03em}p{color:var(--muted)}small{font-size:12px}a,button{touch-action:manipulation}input,select,textarea{min-width:0}input[type=checkbox],input[type=radio]{accent-color:var(--ink)}input::placeholder,textarea::placeholder{color:#7b7f78}::selection{background:var(--signal)}:focus-visible{outline:3px solid #687720;outline-offset:4px;border-radius:6px}[hidden]{display:none!important}.icon{width:24px;height:24px;flex:none;display:inline-block;vertical-align:middle}.icon.big{width:40px;height:40px}.icon.small{width:18px;height:18px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:10px;left:16px;transform:translateY(-160%);z-index:1000;padding:12px 20px;background:var(--ink);color:#fff;border-radius:20px}.skip-link:focus{transform:none}
.site-header{border-bottom:1px solid var(--line);background:#ffffffed;position:relative;z-index:20}.header-inner{max-width:1440px;margin:auto;padding:19px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:35px;font-weight:800;letter-spacing:-2px;line-height:1}.brand-mark{height:46px;width:46px}.brand.small{font-size:28px;gap:6px}.brand-dot{height:6px;width:6px;background:var(--signal);border-radius:50%;align-self:flex-start}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:550}.desktop-nav a{padding:12px 0;color:var(--muted);position:relative}.desktop-nav a[aria-current=page]{color:var(--ink)}.desktop-nav a[aria-current=page]:after{content:"";position:absolute;height:3px;width:20px;background:var(--ink);bottom:3px;left:calc(50% - 10px);border-radius:4px}.header-actions{display:flex;align-items:center;gap:12px}.host-link{font-weight:600;font-size:14px;padding:12px 18px;border-radius:30px;display:flex;gap:18px;align-items:center;min-height:46px;background:var(--soft)}.host-link span{font-size:24px;font-weight:400;line-height:1}.icon-button{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#fff}.icon-button:hover,.host-link:hover{background:var(--bone)}.page{max-width:var(--width);margin:auto;padding:44px 36px 80px}.page.narrow{max-width:1080px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}.page-title p{margin-top:14px;font-size:17px}.page-title .quiet-link{flex:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.quiet-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border-radius:14px;font-weight:600;font-size:14px;line-height:1.4;transition:background .15s,transform .15s}.button:active:not(:disabled){transform:scale(.98)}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:#323930}.button.secondary{background:#fff;border:1px solid var(--line)}.button.secondary:hover{background:var(--soft)}.button.soft{background:var(--bone)}.button.signal{background:var(--signal);color:var(--ink)}.button.danger{background:var(--error);color:#fff}.button.full{width:100%}.button.pill{border-radius:30px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button-row.center{justify-content:center}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading p{margin-top:7px;font-size:14px}.section-heading h2{font-size:24px}
.search-bar{display:grid;grid-template-columns:minmax(150px,1.7fr) minmax(150px,1fr) auto;max-width:870px;margin:0 auto 24px;padding:8px 9px 8px 10px;background:#fff;border:1px solid #dedfd9;border-radius:48px;box-shadow:0 8px 28px #181b190a,0 2px 5px #181b1905}.search-field{padding:6px 28px;display:flex;flex-direction:column;gap:1px}.search-field+.search-field{border-left:1px solid var(--line)}.search-field span{font-size:11px;font-weight:700}.search-field input{border:0;background:none;padding:4px 0;width:100%;font-size:14px;line-height:22px;min-height:30px;outline-offset:0}.search-submit{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;align-self:center}.search-submit:hover{background:#383f34}.search-field:focus-within{background:var(--soft);border-radius:26px}.sport-filter-bar{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:30px;align-items:center}.sport-tabs{display:flex;align-items:stretch;gap:32px;overflow-x:auto;scrollbar-width:none;flex:1}.sport-tabs::-webkit-scrollbar{display:none}.sport-tab{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-width:62px;padding:20px 0 18px;position:relative;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.sport-tab .icon{width:29px;height:29px}.sport-tab[aria-pressed=true]{color:var(--ink)}.sport-tab[aria-pressed=true]:after{content:"";height:3px;background:var(--ink);border-radius:4px;position:absolute;bottom:0;left:0;right:0}.sport-tab:hover{color:var(--ink)}.filter-toggle{padding:11px 15px;min-height:48px}.filter-toggle .icon{width:20px;height:20px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter-chip{display:flex;align-items:center;gap:12px;border-radius:30px;background:var(--soft);padding:9px 13px;font-size:12px;min-height:40px}.filter-chip .icon{width:13px;height:13px}
.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.games-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{position:relative;min-width:0}.card-link{display:block;border-radius:20px}.card-media{position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:20px;background:var(--bone);margin-bottom:14px}.card-media img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.card-link:hover .card-media img{transform:scale(1.025)}.card-link:hover h3{text-decoration:underline;text-underline-offset:4px}.card-media.placeholder{display:grid;place-items:center;background:linear-gradient(140deg,#e9ecdf,#f6f1e5)}.card-media.placeholder>.icon{width:100px;height:100px;color:#495743;stroke-width:1px}.card-badge{position:absolute;left:14px;top:14px;background:#fff;border-radius:24px;padding:7px 12px;font-size:11px;font-weight:650;box-shadow:0 2px 10px #00000008}.save-game{position:absolute;right:12px;top:12px;z-index:2;background:#ffffffee;box-shadow:0 2px 12px #00000010;border:0}.save-game[aria-pressed=true]{background:var(--signal)}.save-game .icon{width:21px;height:21px}.card-copy{padding:0 2px}.card-copy h3{font-size:16px;font-weight:650;line-height:1.4;letter-spacing:-.015em;margin-bottom:5px;overflow-wrap:anywhere}.card-copy p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:16px;font-size:14px}.card-bottom b{font-weight:650}.card-bottom span{font-size:12px;color:var(--muted)}.host-card{border-radius:22px;background:var(--bone);padding:36px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:280px}.host-card .icon{width:42px;height:42px}.host-card h3{font-size:32px;letter-spacing:-.045em;max-width:260px;margin:20px 0 12px}.host-card p{max-width:300px;font-size:14px}.host-card .quiet-link{align-self:flex-start}.empty-state{padding:50px 28px;text-align:center;background:var(--soft);border-radius:22px}.empty-state>.icon{height:44px;width:44px;margin-bottom:18px}.empty-state h2{font-size:24px;margin-bottom:12px}.empty-state p{max-width:450px;margin:0 auto 24px}.initial-loading{max-width:800px;margin:80px auto;padding:30px;text-align:center}.initial-loading p{margin-top:14px}.spinner{display:inline-block;width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite;margin:20px}.button .spinner{margin:0;width:17px;height:17px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.skeleton{height:300px;border-radius:20px;background:linear-gradient(110deg,#f3f4f0 25%,#fafaf8 40%,#f3f4f0 60%);background-size:200% 100%;animation:shimmer 1.8s infinite}.feed-note{font-size:12px;margin-top:24px;color:var(--muted)}.browse-section{margin-top:74px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.collection{position:relative;min-height:300px;border-radius:22px;overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:26px;text-align:left;background:var(--ink)}.collection img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .4s}.collection:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009)}.collection:hover img{transform:scale(1.035)}.collection div{position:relative;z-index:1;width:100%}.collection h3{font-size:25px;margin-bottom:5px}.collection p{font-size:13px;color:#fff;opacity:.85}.collection .icon{position:absolute;right:0;bottom:4px}.how-section{margin-top:76px;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:30px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:32px}.how-item .step-number{font-size:11px;letter-spacing:.12em;color:var(--muted)}.how-item h3{margin:14px 0 10px}.how-item p{font-size:14px;max-width:280px}.app-banner{margin-top:54px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--bone);border-radius:22px;padding:34px}.app-banner h2{font-size:26px;margin-bottom:10px}.app-banner p{font-size:14px}.app-banner img{width:68px;height:68px;border-radius:18px}.app-banner-left{display:flex;align-items:center;gap:24px}
.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.detail-top .quiet-link{text-decoration:none}.detail-title{margin-bottom:24px}.detail-title h1{font-size:40px;max-width:900px;margin-bottom:14px;overflow-wrap:anywhere}.detail-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:14px}.detail-meta .icon{width:18px;height:18px;margin-right:4px}.detail-hero{height:380px;position:relative;overflow:hidden;border-radius:26px;background:var(--bone);display:grid;place-items:center;margin-bottom:36px}.detail-hero img{width:100%;height:100%;object-fit:cover;object-position:center 53%}.detail-hero>.icon{width:120px;height:120px}.photo-caption{position:absolute;bottom:14px;right:18px;font-size:10px;background:#ffffffdf;color:var(--ink);padding:5px 9px;border-radius:20px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:70px;align-items:start}.detail-section{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.detail-section h2{font-size:22px;margin-bottom:20px}.fact-list{display:grid;gap:24px}.fact{display:flex;align-items:flex-start;gap:16px}.fact>.icon{width:25px;height:25px;margin-top:2px}.fact h3{font-size:15px;letter-spacing:0;margin-bottom:5px}.fact p{font-size:14px;overflow-wrap:anywhere}.detail-description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:15px;line-height:1.8}.roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.player{display:flex;align-items:center;gap:12px;min-width:0}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9edde;color:#475943;font-size:13px;font-weight:650;flex:none}.player:nth-child(3n) .avatar{background:#e7eaf0;color:#485969}.player:nth-child(3n+1) .avatar{background:#eee7df;color:#78634d}.player-name{overflow-wrap:anywhere;font-size:14px}.player-note{font-size:12px;margin-top:2px;overflow-wrap:anywhere}.waitlist-title{font-size:14px;font-weight:650;margin:26px 0 16px}.reservation{border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 35px #181b1910;position:sticky;top:24px}.reservation-price{font-size:26px;font-weight:650;letter-spacing:-.04em}.reservation-price small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}.reservation-status{display:flex;align-items:center;gap:7px;font-size:12px;margin:8px 0 24px;color:var(--green);font-weight:550}.reservation-summary{border:1px solid var(--line);border-radius:13px;margin-bottom:18px;overflow:hidden}.reservation-summary>div{padding:13px 15px;font-size:13px}.reservation-summary>div+div{border-top:1px solid var(--line)}.reservation-summary b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.reservation-note{text-align:center;margin-top:14px;font-size:12px}.reservation .button+.button{margin-top:10px}.status-banner{display:flex;gap:10px;align-items:center;background:#eef4ee;color:var(--green);border-radius:13px;padding:14px 16px;font-size:14px;margin-bottom:22px}.status-banner.warning{background:#f6f0df;color:#6c551b}.status-banner.cancelled{background:#f9eeeb;color:var(--error)}.host-tools{display:grid;gap:10px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.host-tools p{font-size:11px;text-align:center}.mobile-booking{display:none}.notice{background:var(--soft);border-radius:12px;padding:14px 16px;color:var(--muted);font-size:13px;line-height:1.6;display:flex;gap:12px}.notice .icon{width:20px;height:20px;flex:none}.notice.error,.form-error{background:#fff2ef;color:var(--error)}.form-error{padding:12px 15px;border-radius:10px;margin:14px 0;font-size:13px}.inline-link{text-decoration:underline;text-underline-offset:3px;font-weight:550;display:inline-block;min-height:32px;padding:5px 0}
.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}.form-heading{margin-bottom:30px}.form-heading h1{font-size:40px;margin-bottom:12px}.form-progress{display:flex;gap:6px;margin:20px 0 32px}.form-progress span{height:4px;border-radius:4px;background:var(--line);flex:1}.form-progress span.active{background:var(--ink)}.form-step-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.form-panel{min-height:360px}.form-panel h2{font-size:27px;margin-bottom:24px}.fields{display:grid;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:13px;font-weight:600}.field>small{color:var(--muted);font-size:12px;line-height:1.5}.field input,.field select,.field textarea{border:1px solid #d8dbd3;border-radius:12px;padding:14px 15px;min-height:50px;width:100%;background:#fff;outline-offset:2px;font-size:15px}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sport-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.sport-option{border:1px solid var(--line);border-radius:16px;padding:18px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:12px;min-height:96px}.sport-option .icon{width:30px;height:30px}.sport-option[aria-pressed=true]{border:2px solid var(--ink);padding:17px 7px;background:var(--soft)}.form-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0;margin-top:24px;border-top:1px solid var(--line);gap:20px}.form-aside{background:var(--bone);border-radius:24px;overflow:hidden;position:sticky;top:30px}.form-aside img{height:220px;width:100%;object-fit:cover}.form-aside>div{padding:26px}.form-aside h3{font-size:26px;margin-bottom:12px}.form-aside p{font-size:14px;line-height:1.7}.form-aside .icon{width:34px;height:34px;margin-bottom:20px}.review-summary{border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:22px}.review-summary h3{font-size:24px}.review-summary .fact{gap:14px}.review-summary .fact p{color:var(--ink)}.choice-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);padding:18px;border-radius:14px;cursor:pointer}.choice-card input{margin:4px 0 0;width:18px;height:18px;flex:none}.choice-card strong{display:block;font-size:14px;font-weight:600}.choice-card small{display:block;margin-top:5px;color:var(--muted)}.choices{display:grid;gap:12px}.checkbox-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 0;border-bottom:1px solid var(--line);cursor:pointer}.checkbox-row span{display:block;font-size:15px;font-weight:550}.checkbox-row small{display:block;color:var(--muted);margin-top:4px}.checkbox-row input{width:21px;height:21px;flex:none}.my-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:30px;overflow-x:auto}.my-tab{font-size:14px;color:var(--muted);padding:14px 0;min-height:52px;white-space:nowrap}.my-tab[aria-selected=true]{color:var(--ink);border-bottom:2px solid var(--ink);font-weight:600}.small-notice{font-size:12px;color:var(--muted);margin-bottom:24px}.empty-state .button-row{justify-content:center}
dialog{border:0;padding:0;border-radius:24px;max-width:520px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:0 24px 90px #0003;overflow:auto}dialog::backdrop{background:#14201766;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2;gap:12px}.dialog-header h2{font-size:18px;letter-spacing:-.025em}.dialog-header .icon-button{width:36px;height:36px;border:0;background:var(--soft)}.dialog-body{padding:26px}.dialog-body>p{margin-bottom:22px;font-size:14px}.dialog-body .button-row{margin-top:24px}.dialog-body .button.full{margin-top:22px}.dialog-body .notice{margin-top:20px}.dialog-body .field-grid{gap:12px}.join-total{display:flex;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:15px}.copy-field{border:1px solid var(--line);border-radius:13px;padding:10px 10px 10px 15px;display:flex;align-items:center;gap:10px;margin:20px 0}.copy-field input{border:0;width:100%;font-size:14px;padding:8px 0}.copy-field button{flex:none}.success-mark{width:58px;height:58px;border-radius:50%;background:var(--signal);display:grid;place-items:center;margin-bottom:22px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:var(--ink);color:#fff;border-radius:14px;padding:13px 22px;z-index:200;box-shadow:0 4px 20px #0002;font-size:14px;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.site-footer{background:var(--soft);border-top:1px solid var(--line)}.footer-inner{max-width:var(--width);margin:auto;padding:38px 36px 42px;display:flex;justify-content:space-between;gap:32px}.footer-inner p{font-size:13px;margin:14px 0 20px}.footer-inner small{color:var(--muted)}.footer-inner nav{display:flex;gap:26px;align-items:flex-start;font-size:13px}.footer-inner nav a{padding:9px 0}.footer-inner nav a:hover{text-decoration:underline}.mobile-nav{display:none}.noscript{padding:24px;background:var(--bone);text-align:center}.legal{max-width:790px;margin:auto;padding:54px 28px 80px}.legal h1{font-size:42px;margin:20px 0}.legal h2{font-size:23px;margin:32px 0 12px}.legal p,.legal li{font-size:15px;line-height:1.8;margin-bottom:12px;color:var(--muted)}.legal b{font-weight:600;color:var(--ink)}.legal .card{padding:22px 0;border-bottom:1px solid var(--line)}.legal .q{display:block;margin-bottom:8px;color:var(--ink)}.legal .date{font-size:13px;color:var(--muted);margin-bottom:30px}
.field select{appearance:none;-webkit-appearance:none;display:block;background-image:url('/assets/chevron-down.svg');background-repeat:no-repeat;background-position:right 13px center;background-size:20px 20px}.field input[type=number]{appearance:textfield;-moz-appearance:textfield}.field input::-webkit-inner-spin-button,.field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.button{white-space:nowrap}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}
@media(min-width:1500px){.header-inner{padding-left:72px;padding-right:72px}}@media(max-width:1050px){.header-inner{padding:18px 30px}.desktop-nav{gap:20px}.page{padding-left:30px;padding-right:30px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{gap:35px;grid-template-columns:minmax(0,1fr) 320px}.form-layout{gap:34px;grid-template-columns:minmax(0,1fr) 260px}.collection{min-height:250px}.sport-tabs{gap:28px}.host-card{padding:26px}.how-grid{gap:28px}.detail-hero{height:330px}}
@media(max-width:760px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.header-inner{padding:13px 20px;gap:16px}.brand{font-size:29px;letter-spacing:-1.7px;gap:4px}.brand-mark{width:37px;height:37px}.desktop-nav{display:none}.header-actions{gap:8px}.host-link{padding:10px 14px;font-size:12px;gap:10px;min-height:42px}.profile-button{display:none}.page{padding:30px 20px 46px}.page-title{display:block;margin-bottom:25px}.page-title h1{font-size:35px;max-width:360px}.page-title p{font-size:14px;margin-top:12px;max-width:290px}.page-title>.quiet-link{margin-top:10px}.search-bar{grid-template-columns:minmax(0,1fr) 52px;gap:0;padding:7px 8px 7px 4px;border-radius:30px;margin-bottom:10px}.search-field{padding:4px 17px}.search-field input{font-size:16px}.search-bar .date-search{display:none}.search-submit{width:46px;height:46px}.search-submit .icon{width:21px;height:21px}.sport-filter-bar{margin-right:-20px;margin-bottom:24px;gap:8px;border-bottom:0;position:relative}.sport-tabs{gap:25px;border-bottom:1px solid var(--line);padding-right:15px}.sport-tab{font-size:11px;padding:15px 0 13px;min-width:58px;gap:7px}.sport-tab .icon{width:27px;height:27px}.filter-toggle{padding:12px;min-height:44px;margin-right:20px}.filter-toggle .filter-label{display:none}.section-heading{margin-bottom:20px;gap:15px}.section-heading h2{font-size:22px}.section-heading p{font-size:12px}.section-heading .quiet-link{font-size:12px}.games-grid,.games-grid.compact{grid-template-columns:1fr;gap:28px}.card-media{aspect-ratio:1.25;border-radius:20px;margin-bottom:12px}.card-copy h3{font-size:16px}.card-copy p{font-size:14px}.card-bottom{margin-top:9px}.host-card{min-height:220px;gap:16px;padding:26px}.host-card h3{font-size:27px;max-width:230px;margin:15px 0 10px}.host-card .icon{width:33px;height:33px}.host-card>div{position:relative}.host-card .eyebrow{margin-bottom:8px}.host-card .quiet-link{min-height:40px}.browse-section{margin-top:44px}.collection-grid{gap:14px;overflow-x:auto;display:flex;margin:0 -20px;padding:0 20px;scroll-snap-type:x mandatory;scrollbar-width:none}.collection{min-width:78%;min-height:260px;padding:23px;scroll-snap-align:center}.collection h3{font-size:27px}.how-section{margin-top:45px;padding:32px 0}.how-grid{grid-template-columns:1fr;gap:28px}.how-item{display:grid;grid-template-columns:32px 1fr;column-gap:15px}.how-item .step-number{padding-top:3px}.how-item h3{margin:0 0 7px;font-size:18px}.how-item p{grid-column:2;max-width:none;font-size:14px}.app-banner{margin-top:34px;display:block;padding:24px}.app-banner-left{gap:16px;align-items:flex-start}.app-banner img{width:52px;height:52px;border-radius:14px}.app-banner h2{font-size:23px}.app-banner p{font-size:13px}.app-banner>.button{margin-top:22px;width:100%}.skeleton-grid{grid-template-columns:1fr}.skeleton:not(:first-child){display:none}.footer-inner{padding:30px 20px;display:block}.footer-inner nav{margin-top:23px;flex-wrap:wrap;gap:4px 22px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:30;padding:8px 12px calc(7px + env(safe-area-inset-bottom));height:calc(70px + env(safe-area-inset-bottom))}.mobile-nav a,.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;font-weight:550;min-height:49px;min-width:62px}.mobile-nav .icon{width:24px;height:24px}.mobile-nav [aria-current=page]{color:var(--ink);background:var(--soft);border-radius:15px}.toast{bottom:calc(85px + env(safe-area-inset-bottom));font-size:13px}.detail-top{margin-bottom:16px}.detail-title h1{font-size:31px}.detail-title{margin-bottom:20px}.detail-meta{gap:8px 16px;font-size:12px}.detail-hero{height:265px;margin:0 -20px 28px;border-radius:0}.detail-layout{display:flex;flex-direction:column;gap:0}.detail-content{width:100%}.reservation{position:relative;width:100%;order:-1;border:0;padding:0 0 25px;box-shadow:none;border-radius:0;border-bottom:1px solid var(--line);margin-bottom:28px}.reservation-summary{display:none}.reservation-price{font-size:24px}.reservation-status{margin:6px 0 17px}.reservation-note{margin-top:10px}.reservation .host-tools{display:flex;flex-wrap:wrap;margin-top:16px;padding-top:16px}.reservation .host-tools .button{flex:1;font-size:12px;padding:10px}.reservation .host-tools p{width:100%}.detail-section{padding-bottom:25px;margin-bottom:25px}.detail-section h2{font-size:21px}.roster{gap:16px 12px}.avatar{width:37px;height:37px}.player{gap:9px}.player-name{font-size:13px}.form-layout{display:block}.form-aside{display:none}.form-heading h1{font-size:32px}.form-heading{margin-bottom:25px}.form-panel h2{font-size:25px}.form-step-label{font-size:11px}.form-progress{margin:16px 0 25px}.form-footer{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(16px);z-index:10;margin:28px -20px -10px;padding:16px 20px}.field-grid{gap:12px}.field input,.field select,.field textarea{font-size:16px;padding:13px 12px}.sport-option{min-height:93px}.form-panel{min-height:340px}.form-footer .button{min-width:120px}.my-tabs{gap:26px}.my-tab{font-size:13px}.empty-state{padding:36px 20px}.empty-state h2{font-size:23px}.empty-state p{font-size:14px}dialog{max-height:calc(100dvh - 28px);border-radius:22px}.dialog-header{padding:15px 20px}.dialog-body{padding:23px 20px}.dialog-body .field-grid{grid-template-columns:1fr 1fr}.dialog-body .button-row .button{flex:1}.legal{padding:30px 22px 50px}.legal h1{font-size:34px}.legal h2{font-size:22px}}
.field select{padding-right:42px}.dialog-body .button-row .button{padding-inline:16px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}

/* Language and venue settings share the same visual system as game booking. */
html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,sans-serif}
html[lang^=zh]{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
html[lang=ja]{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
html[lang=ko]{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
html[lang=ar]{font-family:-apple-system,BlinkMacSystemFont,"Geeza Pro","Noto Sans Arabic",Tahoma,sans-serif;letter-spacing:normal}
.language-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border-radius:24px;font-size:12px;font-weight:600;flex:none}
.language-button:hover{background:var(--soft)}.language-button .icon{width:21px;height:21px}
.date-search-button{text-align:start;background:none;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer}
.date-search-button .date-search-value{font-size:14px;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:normal}
.account-panel{margin-block:26px 10px;padding-top:24px;border-top:1px solid var(--line)}.account-panel h3{margin-bottom:8px}.account-panel p{font-size:13px}.danger-link{color:var(--error);margin-top:20px;min-height:44px}
.button{white-space:normal;text-align:center;line-height:1.4}.button-row{flex-wrap:wrap}.button .icon{flex:none}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0}.field select{padding-inline-end:42px}.field input{min-width:0}.field input[type=date],.field input[type=time]{max-width:100%;direction:ltr;text-align:start}
.card-bottom{align-items:flex-start;flex-wrap:wrap;gap:8px}.card-bottom>div{max-width:100%}.card-bottom b,.reservation-price bdi{overflow-wrap:anywhere}
.small-notice{margin-top:12px}.desktop-nav a,.host-link{white-space:normal;text-align:center;line-height:1.4}.header-inner{gap:24px}.header-actions{flex:none}.brand{direction:ltr;flex:none}.sport-tab{white-space:nowrap}.my-content>.quiet-link{margin-bottom:20px}.mobile-nav a,.mobile-nav button{flex:1;min-width:0;max-width:25%;line-height:1.2;text-align:center}.mobile-nav span{max-width:100%;padding-inline:4px;overflow-wrap:anywhere}
[dir=rtl] .directional{transform:scaleX(-1)}[dir=rtl] .field select{background-position:left 13px center}[dir=rtl] .collection{text-align:right}[dir=rtl] .collection .icon{right:auto;left:0}[dir=rtl] .card-badge{left:auto;right:14px}[dir=rtl] .save-game{right:auto;left:12px}[dir=rtl] .photo-caption{right:auto;left:18px}[dir=rtl] .detail-meta .icon{margin-right:0;margin-left:4px}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow,[dir=rtl] .brand~span{letter-spacing:normal}[dir=rtl] .sport-filter-bar{margin-right:0}[dir=rtl] .sport-tabs{padding-right:0;padding-left:15px}[dir=rtl] .filter-toggle{margin-right:0;margin-left:20px}
@media(max-width:1150px) and (min-width:761px){.desktop-nav a:last-child{display:none}.header-inner{gap:16px}.desktop-nav{gap:16px}.header-actions{gap:8px}}
@media(max-width:760px){.header-inner{gap:8px}.header-actions{gap:2px}.language-button{padding:10px 9px}.host-link{max-width:150px;padding-inline:10px}.page-title h1{max-width:none}.page-title p{max-width:340px}.form-footer .button{min-width:0;max-width:80%}.sport-filter-bar .filter-toggle{flex:none}[dir=rtl] .sport-filter-bar{margin-left:-20px}.dialog-body .date-fields{grid-template-columns:1fr 1fr}.form-step-label{gap:12px}.form-step-label span:last-child{text-align:end}}
@media(max-width:380px){.header-actions .host-link{display:none}.field-grid:not(.date-fields){grid-template-columns:1fr}.dialog-body .field-grid:not(.date-fields){grid-template-columns:1fr}.roster{grid-template-columns:1fr}.sport-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

.host-link span[data-i18n]{font-size:inherit;font-weight:inherit}.review-summary .fact h3{font-size:15px;letter-spacing:0}.choice-card strong .icon{margin-inline-end:6px;vertical-align:middle}.my-tabs+#my-content>.quiet-link{margin-bottom:24px}