:root{--green:#087a3c;--green-dark:#075f33;--lime:#9acb18;--ink:#162018;--muted:#687269;--line:#dfe5e0;--soft:#f5f8f5;--yellow:#ffbc00;--shadow:0 8px 28px #193e281a;color:var(--ink);font-synthesis:none;background:#fff;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a{transition:all .2s}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{stroke-width:1.9px}.container{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e9ece9;height:78px;position:sticky;top:0}.header-inner{align-items:center;gap:52px;width:min(1240px,100% - 40px);height:100%;margin:auto;display:flex}.logo{white-space:nowrap;align-items:center;gap:11px;font-family:Oswald,sans-serif;font-size:23px;font-style:italic;display:inline-flex}.logo>span:last-child>span{color:var(--green)}.logo-mark{background:var(--lime);border-radius:50%;width:41px;height:41px;display:block;position:relative;overflow:hidden}.logo-mark i{background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;left:10px}.logo-mark i:first-child{top:9px}.logo-mark i:nth-child(2){top:18px}.logo-mark i:nth-child(3){top:27px}.logo-mark b{background:#fff;border-radius:5px;width:22px;height:5px;position:absolute;right:-2px}.logo-mark b:nth-last-child(2){top:12px}.logo-mark b:last-child{top:24px}.nav{align-items:center;gap:37px;height:100%;display:flex}.nav a{font-size:14px;font-weight:700}.nav a:hover{color:var(--green)}.nav em{background:var(--green);color:#fff;border-radius:12px;padding:1px 6px;font-size:10px;font-style:normal}.header-actions{gap:10px;margin-left:auto;display:flex}.header-actions button,.header-actions a{border-radius:6px;align-items:center;gap:7px;height:41px;padding:0 17px;font-size:13px;font-weight:700;display:flex}.login-btn{border:1px solid var(--line);background:#fff}.apply-btn{background:var(--green);color:#fff}.apply-btn:hover,.search-btn:hover,.listing button:hover,.newsletter button:hover{background:var(--green-dark)}.menu-btn{background:0 0;border:0;padding:8px;display:none}.hero{width:min(1240px,100% - 40px);height:670px;margin:0 auto 96px;position:relative;overflow:visible}.hero-image{background:url(/assets/hero-court.webp) 50%/cover no-repeat;border-radius:0 0 10px 10px;position:absolute;inset:0 0 170px}.hero-image:after{content:"";background:linear-gradient(90deg,#fffffffa 0%,#ffffffe0 29%,#ffffff2e 59%,#fff0 76%);position:absolute;inset:0}.hero-copy{z-index:1;position:absolute;top:90px;left:32px}.eyebrow{color:var(--green);letter-spacing:.12em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.hero-copy h1{letter-spacing:0;margin:15px 0 14px;font-size:46px;font-weight:800;line-height:1.38}.hero-copy>p:last-child{font-size:15px;font-weight:600}.search-panel{z-index:2;border:1px solid var(--line);width:min(960px,100% - 48px);min-height:335px;box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-template-columns:1fr 1.7fr .85fr .9fr;gap:20px 14px;padding:27px 28px 24px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.field label,.segment-field legend,.rental-field legend{margin-bottom:10px;font-size:13px;font-weight:700;display:block}.field select,.field input{background:#fff;border:1px solid #d8ded9;border-radius:5px;outline:none;width:100%;height:48px;padding:0 14px}.field select:focus,.field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #087a3c1a}.input-icon{position:relative}.input-icon svg{color:#849087;position:absolute;top:15px;left:15px}.input-icon input{padding-left:44px}.locate-btn,.search-btn{border-radius:5px;justify-content:center;align-self:start;align-items:center;gap:7px;height:48px;margin-top:31px;font-weight:700;display:flex}.locate-btn{color:var(--green);border:1px solid var(--green);background:#fff;grid-area:1/3}.search-btn{background:var(--green);color:#fff;border:0;grid-area:1/4}.segment-field,.rental-field{border:0;margin:0;padding:0}.segment-field{grid-column:1/3}.rental-field{grid-column:3/5}.segments,.checks{height:49px;display:flex}.segments button{border:1px solid var(--line);background:#fff;flex:1;justify-content:center;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.segments button:first-child{border-radius:5px 0 0 5px}.segments button:last-child{border-radius:0 5px 5px 0}.segments button.active{border-color:var(--green);color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.checks{border:1px solid var(--line);border-radius:5px;justify-content:space-around;align-items:center;padding:0 12px}.checks label{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.checks input{opacity:0;position:absolute}.checks label span{color:#fff;border:1px solid #d5ddd6;border-radius:3px;place-items:center;width:18px;height:18px;display:grid}.checks input:checked+span{background:var(--green);border-color:var(--green)}.detail-toggle{border:1px solid var(--line);text-align:left;background:#fff;border-radius:5px;grid-column:1/-1;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;height:52px;padding:0 14px;display:grid}.detail-toggle span{color:#8a938c;font-size:12px}.detail-toggle svg:last-child{transition:all .2s}.rotate{transform:rotate(180deg)}.detail-options{background:var(--soft);border-radius:5px;grid-column:1/-1;gap:20px;padding:13px;font-size:13px;display:flex}.quick-grid{grid-template-columns:1.35fr 1fr .9fr;gap:16px;margin-bottom:75px;display:grid}.quick-card{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:210px;padding:24px}.quick-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.quick-title>span{align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.quick-title svg{color:var(--green);width:21px}.quick-title button{color:var(--green);background:0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.quick-title button svg{width:14px}.area-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.area-row button{background:#fff;border:1px solid #e4e8e4;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:13px;height:105px;display:flex}.area-row button:hover{border-color:var(--green);transform:translateY(-2px)}.area-row span{color:var(--muted);font-size:12px}.common{flex-direction:column;display:flex}.common .quick-title{margin-bottom:9px}.common>button{border:0;border-bottom:1px solid var(--line);background:#fff;flex:1;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.common>button svg{width:16px}.guide{background:#f7fbf7;flex-direction:column;align-items:flex-start;display:flex}.guide>svg{color:var(--green);margin-bottom:8px}.guide h3{margin:0 0 9px;font-size:17px}.guide p{color:var(--muted);margin:0 0 15px;font-size:13px;line-height:1.8}.guide a{border:1px solid var(--green);width:100%;height:42px;color:var(--green);border-radius:5px;justify-content:center;align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:700;display:flex}.guide a svg{width:16px}.section{margin-bottom:78px;scroll-margin-top:100px}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.section-head>div{position:relative}.mini-line{background:var(--green);width:26px;height:3px;display:block;position:absolute;top:-9px}.section-head h2{letter-spacing:0;margin:0;font-size:27px}.section-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.section-head>button{color:var(--green);background:0;border:0;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.section-head svg{width:16px}.court-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.court-card{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;overflow:hidden}.court-card:hover{box-shadow:var(--shadow);transition:all .2s;transform:translateY(-3px)}.court-photo{background-size:cover;height:168px;position:relative}.heart{color:#68756c;background:#fff;border:0;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 10px #0001}.heart svg{width:19px}.heart.active{color:#ee495c}.open-badge{color:var(--green);background:#fff;border-radius:3px;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;bottom:10px;left:10px}.court-body{padding:15px}.court-body h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:15px;overflow:hidden}.address,.rating,.court-bottom p{align-items:center;gap:5px;display:flex}.address{color:var(--muted);margin:0 0 9px;font-size:11px}.address svg{width:13px;color:var(--green);fill:var(--green)}.rating{margin-bottom:10px;font-size:12px}.rating svg{width:15px;color:var(--yellow)}.rating span{color:#7b837c}.tags{gap:5px;height:24px;display:flex;overflow:hidden}.tags span,.modal-tags span{color:var(--green);white-space:nowrap;background:#f3f8f4;border-radius:3px;padding:4px 7px;font-size:10px}.court-bottom{border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.court-bottom p{color:var(--muted);margin:0;font-size:10px}.court-bottom p svg{width:13px}.court-bottom button{color:var(--green);background:0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.court-bottom button svg{width:14px}.empty{text-align:center;background:var(--soft);border:1px dashed #bdc9bf;border-radius:8px;padding:55px}.empty>svg{color:var(--green)}.empty h3{margin:10px 0}.empty p{color:var(--muted)}.empty button{background:var(--green);color:#fff;border:0;border-radius:5px;padding:10px 18px;font-weight:700}.purpose-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.purpose-grid button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;align-items:center;gap:11px;height:105px;padding:0 15px;display:flex}.purpose-grid button:hover{border-color:var(--green);background:#f7fbf7}.purpose-grid>button>svg:first-child{color:var(--green);flex:none;width:32px;height:32px}.purpose-grid span{flex-direction:column;gap:5px;min-width:0;display:flex}.purpose-grid b{white-space:nowrap;font-size:13px}.purpose-grid small{color:var(--muted);font-size:10px;line-height:1.5}.purpose-grid>button>svg:last-child{flex:none;width:14px;margin-left:auto}.article-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.article-grid article{border:1px solid var(--line);border-radius:7px;overflow:hidden}.article-img{background-size:cover;height:135px}.article-grid article>div:last-child{padding:14px}.article-grid span{background:var(--green);color:#fff;border-radius:3px;padding:3px 7px;font-size:10px;font-weight:700}.article-grid h3{margin:10px 0 6px;font-size:15px}.article-grid p{color:var(--muted);min-height:38px;font-size:11px;line-height:1.7}.article-grid a{color:var(--green);align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.article-grid a svg{width:13px}.listing{background:#f5faf6;border:1px solid #dce8df;border-radius:8px;align-items:center;height:260px;margin-bottom:80px;padding:42px 60px;display:flex;overflow:hidden}.listing>div:first-child{z-index:2;position:relative}.listing .eyebrow{margin:0 0 8px}.listing h2{margin:0 0 8px;font-size:26px;line-height:1.45}.listing>div>p:not(.eyebrow){color:var(--muted);margin:0 0 20px;font-size:13px}.listing button{background:var(--green);color:#fff;border:0;border-radius:5px;align-items:center;gap:8px;height:45px;padding:0 23px;font-weight:700;display:flex}.listing button svg{width:16px}.court-diagram{background:#dcefe1;border:7px solid #a6d5b3;width:420px;height:195px;margin-left:auto;position:relative;transform:perspective(500px)rotateX(58deg)rotate(-12deg);box-shadow:18px 20px #d0ead7}.court-diagram:before,.court-diagram:after{content:"";background:#82bd93;position:absolute}.court-diagram:before{width:5px;top:0;bottom:0;left:50%}.court-diagram:after{height:5px;top:50%;left:0;right:0}.court-diagram .net{z-index:2;border-top:9px double var(--green);position:absolute;top:49%;left:-8px;right:-8px}.court-diagram i{background:var(--green);z-index:3;border-radius:50%;width:15px;height:15px;position:absolute}.court-diagram i:first-of-type{top:25%;left:19%}.court-diagram i:nth-of-type(2){top:23%;right:22%}.court-diagram i:nth-of-type(3){bottom:20%;left:27%}.court-diagram i:nth-of-type(4){bottom:16%;right:16%}.court-diagram b{color:var(--green);background:#fff;border:4px solid #79bd8b;border-radius:12px;place-items:center;width:73px;height:85px;font-size:40px;display:grid;position:absolute;top:-45px;right:-35px;transform:rotate(12deg)rotateX(-25deg)}footer{border-top:1px solid var(--line);padding:45px 0 25px}.footer-inner{grid-template-columns:1.45fr .7fr .7fr .9fr 1.2fr;gap:42px;display:grid}.footer-brand .logo{font-size:20px}.footer-brand .logo-mark{width:33px;height:33px}.footer-brand p,.newsletter p{color:var(--muted);margin:15px 0;font-size:10px;line-height:2}.social{gap:9px;display:flex}.social a{border:1px solid #bac3bc;border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;display:grid}.social svg{width:16px}.footer-col{flex-direction:column;gap:13px;display:flex}.footer-col h4,.newsletter h3{margin:3px 0 5px;font-size:13px}.footer-col a{color:#536057;font-size:10px}.newsletter{border:1px solid var(--line);border-radius:7px;padding:17px}.newsletter p{margin:6px 0 12px;line-height:1.7}.newsletter>div{gap:8px;display:grid}.newsletter input{border:1px solid var(--line);border-radius:4px;height:36px;padding:0 10px;font-size:10px}.newsletter button{background:var(--green);color:#fff;border:0;border-radius:4px;height:36px;font-size:11px;font-weight:800}.copyright{text-align:center;color:#889189;margin:32px 0 0;font-size:10px}.modal-backdrop{z-index:50;background:#0e1f1494;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;grid-template-columns:1.1fr 1fr;width:min(780px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 25px 80px #0005}.modal-close{z-index:2;background:#fff;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}.modal-image{background-size:cover;min-height:470px}.modal-content{padding:48px 36px 32px}.modal-label{color:var(--green);font-size:10px;font-weight:800}.modal-content h2{margin:8px 0;font-size:25px}.modal-content>p:first-of-type{color:var(--muted);font-size:12px}.modal-tags{gap:6px;margin:20px 0;display:flex}.modal-copy{color:var(--muted);line-height:2;font-size:12px!important}.modal-price{border-top:1px solid var(--line);justify-content:space-between;align-items:end;margin-top:20px;padding-top:17px;display:flex}.modal-price strong{font-size:22px}.reserve{background:var(--green);color:#fff;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;height:48px;margin-top:22px;font-weight:800;display:flex}.reserve svg{width:16px}.toast{z-index:80;color:#fff;box-shadow:var(--shadow);background:#163c28;border-radius:6px;align-items:center;gap:8px;padding:13px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;right:25px}.toast svg{width:17px}@media (width<=1000px){.header-inner{gap:24px}.nav{gap:18px}.hero-copy h1{font-size:40px}.quick-grid{grid-template-columns:1fr 1fr}.guide{grid-column:1/-1;min-height:160px}.court-grid{grid-template-columns:repeat(2,1fr)}.purpose-grid{grid-template-columns:repeat(3,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1.3fr repeat(3,.7fr)}.newsletter{grid-column:1/-1}.court-diagram{width:340px}.listing{padding-inline:35px}}@media (width<=760px){.container{width:min(100% - 28px,600px)}.site-header{height:66px}.header-inner{width:calc(100% - 28px)}.logo{font-size:19px}.logo-mark{width:34px;height:34px}.nav{background:#fff;flex-direction:column;align-items:flex-start;height:auto;padding:20px 24px;display:none;position:absolute;top:65px;left:0;right:0;box-shadow:0 15px 30px #0002}.nav.open{display:flex}.header-actions{display:none}.menu-btn{margin-left:auto;display:block}.hero{flex-direction:column;width:100%;height:auto;margin-bottom:62px;padding-bottom:0;display:flex}.hero-image{background-position:60%;border-radius:0;height:380px;position:relative;inset:auto}.hero-image:after{background:linear-gradient(#fffffff5 0%,#ffffffbd 45%,#ffffff14 78%)}.hero-copy{top:45px;left:20px;right:20px}.hero-copy h1{font-size:34px;line-height:1.35}.hero-copy>p:last-child{max-width:320px;font-size:13px;line-height:1.8}.search-panel{flex-direction:column;gap:17px;width:calc(100% - 28px);margin:-52px auto 0;padding:20px;display:flex;position:relative;bottom:auto;left:auto;transform:none}.field,.segment-field,.rental-field,.detail-toggle,.detail-options{width:100%}.pref-field{order:1}.keyword-field{order:2}.locate-btn,.search-btn{align-self:stretch;width:100%;margin-top:0}.segment-field{order:3}.rental-field{order:4}.detail-toggle{order:5}.detail-options{flex-wrap:wrap;order:6}.search-btn{order:7}.locate-btn{order:8}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:auto;padding:20px}.guide{grid-column:auto}.area-row{grid-template-columns:repeat(5,82px);padding-bottom:4px;overflow-x:auto}.area-row button{height:90px}.section{margin-bottom:58px}.section-head h2{font-size:23px}.section-head>button{font-size:11px}.court-grid{scroll-snap-type:x mandatory;padding:0 1px 14px;display:flex;overflow-x:auto}.court-card{scroll-snap-align:start;min-width:285px}.purpose-grid{grid-template-columns:1fr 1fr}.purpose-grid button{height:94px}.purpose-grid button:last-child{grid-column:1/-1}.article-grid{padding-bottom:14px;display:flex;overflow-x:auto}.article-grid article{min-width:275px}.listing{height:auto;margin-bottom:55px;padding:32px 25px}.listing h2{font-size:21px}.court-diagram{display:none}.footer-inner{grid-template-columns:1fr 1fr;gap:34px}.footer-brand,.newsletter{grid-column:1/-1}.modal{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.modal-image{min-height:230px}.modal-content{padding:28px 22px}.toast{justify-content:center;bottom:14px;left:14px;right:14px}}@media (width<=420px){.hero-copy h1{font-size:30px}.hero-image{height:375px}.search-panel{padding:17px}.segments button{font-size:12px}.checks{padding-inline:5px}.checks label{font-size:11px}.quick-grid{width:calc(100% - 28px)}.purpose-grid{grid-template-columns:1fr}.purpose-grid button:last-child{grid-column:auto}.footer-inner{grid-template-columns:1fr 1fr}.footer-col:nth-of-type(4){grid-column:1/-1}.court-photo{height:160px}}@media (width<=760px){body{overflow-x:hidden}.quick-grid,.quick-card,.area-row,.court-grid,.article-grid{min-width:0;max-width:100%}.area-row{width:100%}}.subpage{min-height:70vh;padding:30px 0 80px}.breadcrumb{color:#7a837c;align-items:center;gap:9px;margin-bottom:30px;font-size:11px;display:flex}.breadcrumb b{color:#414a43;font-weight:600}.page-title{margin-bottom:28px}.page-title>span{color:var(--green);background:#eef8f1;border:1px solid #b7d9c0;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.page-title h1{margin:8px 0;font-size:34px;line-height:1.35}.page-title p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.primary-action,.outline-action{border-radius:5px;justify-content:center;align-items:center;gap:7px;height:46px;font-size:13px;font-weight:800;display:flex}.primary-action{color:#fff;background:var(--green);border:1px solid var(--green)}.outline-action{color:var(--green);border:1px solid var(--green);background:#fff}.filter-bar{border:1px solid var(--line);border-radius:7px;grid-template-columns:1fr 1.7fr .9fr .9fr;gap:16px;margin-bottom:28px;padding:20px;display:grid}.filter-field label{margin-bottom:8px;font-size:11px;font-weight:700;display:block}.filter-field select,.filter-field input{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;height:45px;padding:0 12px}.filter-field.keyword>div{position:relative}.filter-field.keyword svg{color:#79847b;width:18px;position:absolute;top:13px;left:13px}.filter-field.keyword input{padding-left:41px}.filter-bar>.outline-action,.filter-bar>.primary-action{align-self:end}.filter-chips{border-top:1px solid var(--line);grid-column:1/-1;align-items:center;gap:8px;padding-top:15px;display:flex}.filter-chips b{margin-right:8px;font-size:11px}.filter-chips button{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:11px;display:flex}.filter-chips button.active{color:var(--green);background:#eff8f1;border-color:#a8d0b3}.filter-chips button:last-child{border-radius:5px;margin-left:auto}.filter-chips svg{width:14px}.results-layout{grid-template-columns:minmax(0,1fr) 1.05fr;align-items:start;gap:24px;display:grid}.results-toolbar{justify-content:space-between;align-items:center;height:48px;display:flex}.results-toolbar h2{margin:0;font-size:22px}.results-toolbar select{border:1px solid var(--line);background:#fff;border-radius:5px;height:38px;padding:0 30px 0 10px}.result-list{gap:12px;display:grid}.result-row{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:210px 1fr;min-height:185px;padding:7px;display:grid}.result-image{background-size:cover;border-radius:5px}.result-copy{min-width:0;padding:7px 10px 0}.result-top{justify-content:space-between;display:flex}.result-top h3{margin:0 0 7px;font-size:16px}.result-top p{color:var(--muted);align-items:center;gap:4px;margin:0;font-size:10px;display:flex}.result-top p svg{width:12px;color:var(--green)}.result-top button{color:#6f7971;background:#fff;border:0}.result-top button svg{width:21px}.result-row .rating{margin:9px 0}.result-price{margin:8px 0;font-size:11px}.result-foot{justify-content:space-between;align-items:center;display:flex}.result-foot span{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:flex}.result-foot svg{width:12px}.result-foot a{color:#fff;background:var(--green);border-radius:4px;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.pagination{justify-content:center;align-items:center;gap:7px;margin:22px 0;display:flex}.pagination button,.pagination b{border:1px solid var(--line);background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-width:34px;height:34px;font-size:11px;display:flex}.pagination b{background:var(--green);color:#fff}.pagination svg{width:13px}.map-panel{background-color:#e8f1ed;background-image:linear-gradient(27deg,#0000 47%,#fff 48% 51%,#0000 52%),linear-gradient(116deg,#0000 47%,#fff 48% 51%,#0000 52%);background-position:0 0;background-repeat:repeat;background-size:145px 115px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #dbe5df;border-radius:7px;height:718px;position:sticky;top:98px;overflow:hidden}.info-strip{background:#f7fbf8;border:1px solid #bed7c5;border-radius:7px;align-items:center;gap:18px;margin:28px 0;padding:20px 26px;display:flex}.info-strip>svg{width:36px;height:36px;color:var(--green)}.info-strip h3{margin:0 0 5px;font-size:15px}.info-strip p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.detail-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.detail-heading h1{margin:0 0 10px;font-size:32px}.detail-heading p,.detail-heading>div:last-child{align-items:center;gap:9px;display:flex}.detail-heading p{color:var(--muted);margin:0;font-size:12px}.detail-heading p svg:first-child{color:var(--green);fill:var(--green)}.detail-heading p svg{width:16px}.detail-heading p svg:nth-of-type(2){color:var(--yellow)}.detail-heading>div:last-child button{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:6px;height:38px;padding:0 13px;font-size:11px;display:flex}.detail-heading>div:last-child svg{width:16px}.detail-heading .is-favorite{color:#e54658}.gallery{grid-template-rows:180px 180px;grid-template-columns:1.3fr .55fr .55fr;gap:10px;display:grid;position:relative}.gallery>div{background-size:cover;border-radius:6px}.gallery-main{grid-row:1/3}.gallery button{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:6px;height:38px;padding:0 13px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:15px;right:15px}.gallery button svg{width:16px}.detail-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:50px;margin-top:22px;display:grid}.facility-tags{gap:8px;margin-bottom:25px;display:flex}.facility-tags span{border:1px solid var(--line);height:42px;color:var(--green);border-radius:5px;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.facility-tags svg{width:17px}.facility-content h2{margin:27px 0 10px;font-size:18px}.facility-content>p{color:#4f5951;font-size:12px;line-height:2}.amenity-grid{border:1px solid var(--line);border-radius:5px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.amenity-grid div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:25px 1fr;align-items:center;padding:12px;display:grid}.amenity-grid svg{width:18px;color:var(--green);grid-row:1/3}.amenity-grid span{color:var(--green);font-size:9px}.facility-content table,.guide-section table{border-collapse:collapse;width:100%;font-size:11px}.facility-content th,.facility-content td,.guide-section th,.guide-section td{border:1px solid var(--line);text-align:left;padding:8px 12px}.facility-content th,.guide-section th{background:#f6f8f6}.access-box{grid-template-columns:280px 1fr;gap:20px;display:grid}.mini-map{background:#e4efeb linear-gradient(25deg,#0000 48%,#fff 49% 52%,#0000 53%) 0 0/80px 60px;place-items:center;height:130px;display:grid}.mini-map svg{color:var(--green);fill:var(--green)}.access-box b{font-size:11px}.access-box p{color:var(--muted);font-size:10px;line-height:1.8}.booking-card{border:1px solid var(--line);border-radius:7px;padding:22px;position:sticky;top:98px;box-shadow:0 6px 22px #163c280c}.booking-card h3{margin:0 0 18px;font-size:14px}.booking-card>div{justify-content:space-between;align-items:center;margin:14px 0;display:flex}.booking-card>div b{font-size:18px}.booking-card button{width:100%;margin-top:10px}.booking-card>p{color:var(--muted);gap:6px;font-size:9px;line-height:1.7;display:flex}.booking-card>p svg{flex:none;width:14px}.booking-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.booking-card small{font-size:9px}.booking-card>a{color:var(--green);align-items:center;gap:5px;font-size:11px;display:flex}.booking-card>a svg{width:13px}.nearby{margin-top:55px}.nearby .section-head>a{color:var(--green);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.mini-court-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mini-court-grid>a{border:1px solid var(--line);border-radius:6px;padding-bottom:12px;overflow:hidden}.mini-court-grid>a>div{background-size:cover;height:130px}.mini-court-grid h3,.mini-court-grid p{padding:0 12px}.mini-court-grid h3{margin:10px 0 7px;font-size:13px}.mini-court-grid p{color:var(--muted);align-items:center;font-size:10px;display:flex}.mini-court-grid svg{width:13px;color:var(--yellow)}.favorite-tabs{border-bottom:1px solid var(--line);gap:38px;margin:20px 0;display:flex}.favorite-tabs button{background:#fff;border:0;padding:13px 25px;font-weight:700;position:relative}.favorite-tabs button.active{color:var(--green)}.favorite-tabs button.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.favorite-tabs b{color:#fff;background:#909a92;border-radius:15px;margin-left:6px;padding:2px 7px;font-size:10px}.favorite-toolbar{justify-content:space-between;margin:20px 0;display:flex}.favorite-toolbar select,.favorite-toolbar button{border:1px solid var(--line);background:#fff;border-radius:5px;height:40px;padding:0 15px;font-size:11px}.favorite-toolbar>div{gap:8px;display:flex}.favorite-toolbar button{align-items:center;gap:6px;display:flex}.favorite-toolbar svg{width:15px}.favorites-page h2{font-size:20px}.saved-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.saved-grid article{border:1px solid var(--line);border-radius:7px;grid-template-columns:200px 1fr;gap:17px;padding:12px;display:grid}.saved-image{background-size:cover;border-radius:5px}.saved-grid article>div:last-child{position:relative}.saved-grid h3{margin:5px 0 8px;font-size:15px}.saved-grid p{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.saved-grid p svg{width:13px}.saved-grid .rating svg{color:var(--yellow)}.saved-heart{color:#f04457;background:#fff;border:0;position:absolute;top:0;right:0}.saved-heart svg{width:22px}.saved-grid article a{float:right;border:1px solid var(--green);height:34px;color:var(--green);border-radius:4px;align-items:center;gap:6px;margin-top:13px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.saved-grid article a svg{width:13px}.favorites-page .empty a{background:var(--green);color:#fff;border-radius:5px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-block}.listing-page{padding-top:0}.listing-hero{background:linear-gradient(90deg,#fff 52%,#ffffff1a),url(/assets/hero-court.webp) right 60%/52% no-repeat;padding:25px 0 35px}.listing-hero h1{margin:10px 0;font-size:32px}.listing-hero>div>p{font-size:13px}.listing-benefits{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:repeat(3,1fr);width:760px;margin-top:25px;display:grid}.listing-benefits>div{border-right:1px solid var(--line);grid-template-columns:38px 1fr;padding:18px;display:grid}.listing-benefits svg{color:var(--green);grid-row:1/3}.listing-benefits span{color:var(--muted);font-size:9px}.listing-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:28px;margin-top:28px;display:grid}.listing-form{border:1px solid var(--line);border-radius:7px;overflow:hidden}.stepper{background:#fafbfa;justify-content:center;align-items:center;gap:13px;padding:20px;display:flex}.stepper span{color:#7f8881;align-items:center;gap:6px;font-size:11px;display:flex}.stepper span b{color:#fff;background:#9ca39d;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.stepper span.active{color:var(--green)}.stepper span.active b{background:var(--green)}.stepper i{background:#cfd5d0;width:80px;height:1px}.listing-form>section{border-top:1px solid var(--line);padding:20px}.listing-form h2{margin:0 0 16px;font-size:15px}.listing-form h2 em,.listing-form label em{color:#e34c56;background:#fff0f1;margin-left:5px;padding:2px 5px;font-size:9px;font-style:normal}.listing-form h2 small,.listing-form label small{color:#7b847d;background:#f0f2f0;margin-left:5px;padding:2px 5px;font-size:9px}.listing-form>section>label,.form-row label{grid-template-columns:120px 1fr;align-items:center;margin-bottom:12px;font-size:11px;font-weight:700;display:grid}.listing-form input,.listing-form select,.listing-form textarea{border:1px solid var(--line);border-radius:4px;width:100%;min-height:40px;padding:8px 10px;font-size:11px}.listing-form textarea{resize:vertical;height:75px}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-row label{grid-template-columns:120px 1fr}.choice-row,.check-row{gap:20px;margin-bottom:20px;display:flex}.choice-row label,.check-row label{align-items:center;gap:7px;font-size:11px;display:flex}.upload-box{color:var(--green);text-align:center;flex-direction:column;justify-content:center;border:1px dashed #9fafa3!important;gap:3px!important;height:125px!important;display:flex!important}.upload-box svg{width:22px}.upload-box span{color:var(--muted);font-size:9px;font-weight:400}.upload-box input{display:none}.listing-form .agree{gap:8px!important;display:flex!important}.agree input{width:auto}.form-actions{grid-template-columns:1fr 1.3fr;gap:15px;padding:20px;display:grid}.form-actions button{border:1px solid var(--green);height:45px;color:var(--green);background:#fff;border-radius:5px;font-weight:800}.form-actions .primary-action{background:var(--green);color:#fff}.listing-side{gap:14px;display:grid}.listing-side>div{border:1px solid var(--line);border-radius:7px;padding:18px}.listing-side h3{margin:0 0 15px;font-size:13px}.listing-side p{align-items:flex-start;gap:8px;font-size:10px;display:flex}.listing-side p>b{color:#fff;background:#a0a7a1;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;display:grid}.listing-side p.active>b{background:var(--green)}.listing-side p span{font-weight:700}.listing-side p small{color:var(--muted);margin-top:3px;font-weight:400;display:block}.listing-side svg{width:16px;color:var(--green)}.submit-success{text-align:center;border:1px solid var(--line);border-radius:8px;padding:80px}.submit-success>svg{width:60px;height:60px;color:var(--green)}.submit-success a{background:var(--green);color:#fff;border-radius:5px;padding:11px 20px;font-size:12px;display:inline-block}.category-tabs{grid-template-columns:repeat(6,1fr);gap:12px;margin:25px 0;display:grid}.category-tabs button{border:1px solid var(--line);background:#fff;border-radius:5px;height:45px;font-size:12px;font-weight:700}.category-tabs button.active{color:#fff;background:var(--green);border-color:var(--green)}.feature-lead{border:1px solid var(--line);background:linear-gradient(90deg,#fff 0%,#ffffffeb 32%,#ffffff0f 67%),url(/assets/beginner-play.webp) 100%/68% no-repeat;border-radius:8px;height:300px;margin-bottom:30px;padding:35px 30px}.feature-lead span,.feature-articles>a>span{background:var(--green);color:#fff;border-radius:3px;padding:4px 8px;font-size:9px;font-weight:700}.feature-lead h2{margin:14px 0;font-size:29px;line-height:1.45}.feature-lead p{width:410px;color:var(--muted);font-size:11px;line-height:1.8}.feature-lead a{background:var(--green);color:#fff;border-radius:4px;align-items:center;gap:5px;height:40px;padding:0 16px;font-size:11px;font-weight:700;display:inline-flex}.feature-lead svg{width:14px}.feature-articles{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.feature-articles>a{border:1px solid var(--line);border-radius:7px;padding-bottom:15px;overflow:hidden}.feature-articles>a>div{background-size:cover;height:175px;margin-bottom:13px}.feature-articles>a>span,.feature-articles h3,.feature-articles p,.feature-articles small{margin-left:14px;margin-right:14px}.feature-articles h3{margin-top:10px;margin-bottom:5px;font-size:15px}.feature-articles p{color:var(--muted);font-size:10px;line-height:1.7}.feature-articles small{color:#7d867f;align-items:center;gap:5px;font-size:9px;display:flex}.feature-articles small svg{width:12px}.feature-newsletter{border:1px solid var(--line);background:#f7faf7;border-radius:7px;grid-template-columns:45px 1fr 260px 130px;align-items:center;gap:15px;margin-top:28px;padding:22px;display:grid}.feature-newsletter>svg{color:var(--green);width:34px}.feature-newsletter h2{margin:0;font-size:17px}.feature-newsletter p{color:var(--muted);font-size:10px}.feature-newsletter input,.feature-newsletter button{border-radius:4px;height:42px}.feature-newsletter input{border:1px solid var(--line);padding:0 12px}.feature-newsletter button{background:var(--green);color:#fff;border:0;font-weight:700}.guide-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:38px;display:grid}.guide-layout .page-title h1{font-size:32px}.article-meta{color:#6f7971;gap:20px;margin-bottom:20px;font-size:10px;display:flex}.article-meta span{align-items:center;gap:5px;display:flex}.article-meta svg{width:14px}.guide-cover{background:url(/assets/beginner-play.webp) 50%/cover no-repeat;border-radius:7px;height:330px}.article-summary{background:#f7fbf8;border:1px solid #8dc5a0;border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;padding:18px;font-size:11px;display:grid}.article-summary b{color:var(--green);grid-column:1/-1;font-size:13px}.guide-section{scroll-margin-top:100px}.guide-section h2{align-items:center;gap:10px;margin:30px 0 10px;font-size:20px;display:flex}.guide-section h2>b{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.guide-section>p{color:#4d574f;font-size:11px;line-height:1.9}.gear-grid{border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.gear-grid>div{border-right:1px solid var(--line);flex-direction:column;padding:15px;display:flex}.gear-grid span{text-align:center;height:65px;color:var(--green);font-size:42px}.gear-grid p{color:var(--muted);font-size:9px;line-height:1.7}.notice{background:#fffaf0;border:1px solid #efc56c;border-radius:6px;grid-template-columns:25px 1fr;gap:4px 8px;padding:14px;display:grid}.notice svg{color:#ba7c06;grid-row:1/3}.notice b{color:#946300;font-size:11px}.notice span{font-size:9px}.flow-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.flow-row>div{border:1px solid var(--line);border-radius:6px;grid-template-columns:24px 1fr 14px;align-items:center;padding:14px;display:grid}.flow-row b{width:22px;height:22px;color:var(--green);background:#eef8f1;border-radius:50%;place-items:center;display:grid}.flow-row span{font-size:10px;font-weight:700}.flow-row svg{width:13px}.guide-cta{background:var(--green);color:#fff;border-radius:4px;align-items:center;gap:6px;width:max-content;height:42px;margin:18px auto;padding:0 18px;font-size:11px;font-weight:700;display:flex}.guide-cta svg{width:14px}.guide-side{gap:18px;display:grid;position:sticky;top:98px}.guide-side>div{border:1px solid var(--line);border-radius:7px;padding:18px}.guide-side h3{margin:0 0 15px;font-size:13px}.guide-side a{align-items:center;gap:8px;margin:12px 0;font-size:10px;font-weight:700;display:flex}.guide-side a b{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.side-search{background:var(--green);color:#fff}.side-search select,.side-search input,.side-search button{border:0;border-radius:4px;width:100%;height:40px;margin-top:10px;padding:0 10px;font-size:10px}.side-search button{color:var(--green);background:#fff;font-weight:800}.login-page{background:#fafbfa;grid-template-columns:1.05fr .95fr;gap:40px;min-height:calc(100vh - 78px);padding:45px max(40px,50vw - 590px);display:grid}.login-visual{background:linear-gradient(#ffffff0d,#001e0c1a),url(/assets/hero-court.webp) 50%/cover no-repeat;border-radius:8px;min-height:670px;position:relative}.login-visual>div{flex-direction:column;font-size:34px;font-weight:800;display:flex;position:absolute;top:60px;left:55px}.login-panel{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;padding:50px 42px;display:flex}.login-panel form,.login-success{width:100%}.login-panel h1{margin:0 0 8px;font-size:30px}.google-button{border:1px solid var(--green);width:100%;height:47px;color:var(--green);background:#fff;border-radius:5px;margin:20px 0;font-weight:700}.google-button b{color:#4285f4;margin-right:8px}.or{color:#7c857e;align-items:center;gap:13px;font-size:11px;display:flex}.or span{background:var(--line);flex:1;height:1px}.login-panel label{margin-top:17px;font-size:11px;font-weight:700;display:block}.login-panel label>input,.password{border:1px solid var(--line);border-radius:5px;width:100%;height:46px;margin-top:8px}.login-panel label>input{padding:0 12px}.password{display:flex}.password input{border:0;outline:0;flex:1;padding:0 12px}.password button{color:#778079;background:#fff;border:0}.password svg{width:17px}.forgot{text-align:right;color:var(--green);margin:10px 0 22px;font-size:10px;font-weight:700;display:block}.login-panel .primary-action{width:100%}.signup{margin-top:20px;text-align:center!important}.signup a{color:var(--green);font-weight:700}.login-panel small{color:#7a837c;justify-content:center;align-items:center;gap:6px;margin-top:25px;font-size:9px;display:flex}.login-panel small svg{width:14px;color:var(--green)}.login-success{text-align:center}.login-success svg{width:65px;height:65px;color:var(--green)}.login-success a{background:var(--green);color:#fff;border-radius:5px;padding:11px 18px;display:inline-block}.not-found{text-align:center;padding:120px}.not-found svg{width:60px;height:60px;color:var(--green)}.not-found a{background:var(--green);color:#fff;border-radius:5px;padding:10px 18px;display:inline-block}.listing-link{background:var(--green);color:#fff;border-radius:5px;align-items:center;gap:8px;height:45px;padding:0 23px;font-size:13px;font-weight:700;display:inline-flex}.listing-link svg{width:16px}@media (width<=1000px){.results-layout{grid-template-columns:1fr}.map-panel{height:420px;position:relative;top:auto}.detail-layout{grid-template-columns:1fr}.booking-card{position:relative;top:auto}.saved-grid,.listing-layout{grid-template-columns:1fr}.listing-side{grid-template-columns:1fr 1fr}.feature-articles{grid-template-columns:repeat(2,1fr)}.guide-layout{grid-template-columns:1fr}.guide-side{grid-template-columns:1fr 1fr;position:relative;top:auto}.login-page{grid-template-columns:1fr}.login-visual{min-height:380px}.login-panel{width:100%;max-width:700px;margin:auto}.listing-benefits{max-width:100%}}@media (width<=760px){.subpage{padding:22px 0 55px}.breadcrumb{white-space:nowrap;margin-bottom:22px;overflow:hidden}.page-title h1{font-size:26px}.filter-bar{grid-template-columns:1fr}.filter-chips{white-space:nowrap;overflow-x:auto}.filter-chips button:last-child{margin-left:0}.result-row{grid-template-columns:125px 1fr}.result-foot span{display:none}.map-panel{height:360px}.detail-heading{align-items:flex-start;gap:15px}.detail-heading h1{font-size:25px}.detail-heading{flex-direction:column;align-items:stretch}.detail-heading>div:last-child{flex-direction:row;flex:none;margin-top:12px}.detail-heading>div:last-child button{white-space:nowrap;flex:1 1 0;justify-content:center;min-height:44px}.detail-heading p{flex-wrap:wrap}.gallery{grid-template-rows:250px 100px;grid-template-columns:1fr 1fr}.gallery-main{grid-area:auto/1/auto/3}.gallery>div:nth-of-type(4),.gallery>div:nth-of-type(5){display:none}.facility-tags{overflow-x:auto}.facility-tags span{flex:none}.amenity-grid{grid-template-columns:repeat(2,1fr)}.access-box{grid-template-columns:1fr}.mini-court-grid{display:flex;overflow-x:auto}.mini-court-grid>a{min-width:255px}.saved-grid article{grid-template-columns:120px 1fr}.listing-hero{background:linear-gradient(#fffffff0,#ffffffb8),url(/assets/hero-court.webp) 50%/cover}.listing-hero h1{font-size:25px}.listing-benefits{grid-template-columns:1fr}.listing-benefits>div{border-right:0;border-bottom:1px solid var(--line)}.stepper i{width:18px}.stepper span{font-size:9px}.stepper span b{width:22px;height:22px}.listing-form>section>label,.form-row label{grid-template-columns:1fr;gap:6px}.form-row{grid-template-columns:1fr;gap:0}.choice-row,.check-row{flex-wrap:wrap}.listing-side{grid-template-columns:1fr}.category-tabs{display:flex;overflow-x:auto}.category-tabs button{min-width:115px}.feature-lead{background:linear-gradient(#fff 0%,#ffffffdb 42%,#ffffff14 78%),url(/assets/beginner-play.webp) 50%/cover;height:360px;padding:25px 20px}.feature-lead p{width:100%}.feature-articles{grid-template-columns:1fr}.feature-newsletter{grid-template-columns:35px 1fr}.feature-newsletter input,.feature-newsletter button{grid-column:1/-1;width:100%}.guide-layout .page-title h1{font-size:25px}.guide-cover{height:230px}.article-summary{grid-template-columns:1fr}.gear-grid,.flow-row{grid-template-columns:1fr 1fr}.guide-side{grid-template-columns:1fr}.login-page{padding:0;display:block}.login-visual{border-radius:0;min-height:290px}.login-visual>div{font-size:25px;top:35px;left:24px}.login-panel{border-left:0;border-right:0;border-radius:0;padding:34px 20px}.login-panel h1{font-size:25px}.site-header:has(+.login-page){position:relative}.favorites-page .favorite-toolbar{align-items:flex-start;gap:10px}.favorites-page .favorite-toolbar>div{flex-direction:column}.saved-grid article{min-height:180px}.saved-image{min-height:155px}}.prefecture-trigger{color:#3c4740;text-align:left;background:#fff;border:1px solid #d8ded9;border-radius:5px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 13px;display:flex}.prefecture-trigger:hover,.prefecture-trigger:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px #087a3c17}.prefecture-trigger svg{width:16px}.prefecture-backdrop{z-index:100;background:#1d283273;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.prefecture-modal{background:#fff;border-radius:10px;width:min(980px,100%);max-height:calc(100vh - 60px);overflow:hidden;box-shadow:0 24px 80px #1022193d}.prefecture-modal>header{border-bottom:1px solid #e7ebee;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex}.prefecture-modal h2{margin:0;font-size:20px}.prefecture-modal>header button{color:#65727c;background:#fff;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.prefecture-modal>header button:hover{background:#f2f5f6}.prefecture-modal>header svg{width:19px}.prefecture-list{max-height:calc(100vh - 136px);padding:20px 30px 30px;overflow-y:auto}.prefecture-region{border-bottom:1px solid #e5eaee;padding:15px 0}.prefecture-region:last-child{border-bottom:0}.prefecture-region h3{color:#354552;margin:0 0 12px;font-size:14px}.prefecture-region>div{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.prefecture-region button{color:#314451;background:#fff;border:1px solid #d7e0e6;border-radius:6px;justify-content:space-between;align-items:center;height:40px;padding:0 12px;font-size:13px;display:flex}.prefecture-region button:hover{border-color:var(--green);color:var(--green);background:#f7fbf8}.prefecture-region button.selected{border-color:var(--green);color:var(--green);background:#eff8f1;font-weight:700}.prefecture-region button svg{width:14px}@media (width<=760px){.prefecture-backdrop{align-items:end;padding:0}.prefecture-modal{border-radius:12px 12px 0 0;max-height:88vh}.prefecture-modal>header{height:64px;padding:0 18px}.prefecture-list{max-height:calc(88vh - 64px);padding:10px 18px 25px}.prefecture-region>div{grid-template-columns:repeat(2,1fr)}.prefecture-region button{height:44px}}.quick-title>a{color:var(--green);background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.quick-title>a svg{width:14px}.area-row>a{background:#fff;border:1px solid #e4e8e4;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:13px;height:105px;display:flex}.area-row>a:hover{border-color:var(--green);transform:translateY(-2px)}@media (width<=760px){.area-row>a{height:90px}}.court-photo-link{z-index:1;position:absolute;inset:0}.court-photo-link:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.heart,.open-badge{z-index:2}.court-body h3 a:hover{color:var(--green)}.court-bottom>a{color:var(--green);background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.court-bottom>a svg{width:14px}.section-head>a{color:var(--green);background:0 0;border:0;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.section-head>a svg{width:16px}body{font-size:16px;line-height:1.65}.eyebrow{letter-spacing:0;font-size:13px}.nav em{font-size:11px}.header-actions button,.header-actions a{font-size:14px}.detail-toggle span,.quick-title button,.quick-title>a,.area-row span{font-size:13px}.purpose-grid b{font-size:14px}.purpose-grid small{font-size:12px;line-height:1.65}.open-badge,.tags span,.modal-tags span{font-size:11px}.court-body h3,.article-grid h3{font-size:16px}.address,.court-bottom p,.court-bottom button,.court-bottom>a{font-size:12px;line-height:1.5}.rating{font-size:13px}.article-grid p,.article-grid a{font-size:13px;line-height:1.75}.footer-brand p,.newsletter p,.footer-col a{font-size:12px;line-height:1.8}.footer-col h4,.newsletter h3{font-size:14px}.newsletter input,.newsletter button,.copyright,.modal-label{font-size:12px}.modal-content>p:first-of-type,.modal-copy{line-height:1.8;font-size:14px!important}.modal-price span{font-size:13px}.breadcrumb,.page-title>span{font-size:12px}.filter-field label,.filter-chips b,.filter-chips button,.results-toolbar select,.pagination button,.pagination b{font-size:13px}.result-row{min-height:195px}.result-top p,.result-foot span{font-size:12px;line-height:1.55}.result-price{font-size:13px}.result-foot a{font-size:12px}.info-strip p,.detail-heading p,.detail-heading>div:last-child button,.gallery button,.facility-tags span{font-size:13px}.facility-content h2{font-size:20px}.facility-content>p{font-size:14px;line-height:1.9}.amenity-grid b{font-size:13px}.amenity-grid span{font-size:12px}.facility-content table,.guide-section table,.access-box b{font-size:13px}.access-box p{font-size:12px}.booking-card h3{font-size:16px}.booking-card>div span{font-size:13px}.booking-card>p,.booking-card small{font-size:12px}.booking-card>a,.nearby .section-head>a{font-size:13px}.mini-court-grid h3{font-size:14px}.mini-court-grid p{font-size:12px}.favorite-tabs b{font-size:11px}.favorite-toolbar select,.favorite-toolbar button{font-size:13px}.saved-grid h3{font-size:16px}.saved-grid p,.saved-grid article a{font-size:12px}.listing-benefits b{font-size:14px}.listing-benefits span{font-size:12px}.stepper span{font-size:13px}.listing-form h2{font-size:17px}.listing-form h2 em,.listing-form label em,.listing-form h2 small,.listing-form label small{font-size:11px}.listing-form>section>label,.form-row label,.listing-form input,.listing-form select,.listing-form textarea,.choice-row label,.check-row label{font-size:13px}.upload-box span{font-size:12px}.listing-side h3{font-size:15px}.listing-side p,.listing-side p small{font-size:12px;line-height:1.7}.category-tabs button{font-size:13px}.feature-lead span,.feature-articles>a>span{font-size:11px}.feature-lead p{font-size:14px;line-height:1.8}.feature-lead a{font-size:13px}.feature-articles h3{font-size:16px}.feature-articles p{font-size:13px;line-height:1.75}.feature-articles small{font-size:12px}.feature-newsletter p{font-size:13px}.article-meta{font-size:12px}.article-summary{font-size:13px}.article-summary b{font-size:15px}.guide-section>p{font-size:14px;line-height:1.9}.gear-grid b{font-size:13px}.gear-grid p{font-size:12px;line-height:1.7}.notice b{font-size:13px}.notice span{font-size:12px;line-height:1.65}.flow-row span,.guide-cta{font-size:13px}.guide-side h3{font-size:15px}.guide-side a{font-size:12px}.side-search select,.side-search input,.side-search button{font-size:13px}.login-panel>form>p{font-size:14px}.or,.login-panel label{font-size:13px}.forgot{font-size:12px}.login-panel small{font-size:12px;line-height:1.7}@media (width<=760px){.nav a{font-size:15px}.section-head>button,.section-head>a{font-size:13px}.stepper span{font-size:11px}.court-card{min-width:300px}.listing-form>section{padding:22px 18px}.footer-inner{row-gap:38px}}.guide-side>.side-search{border:1px solid var(--green);border-radius:7px;padding:18px;overflow:hidden}.side-search label{color:#fff;margin-top:13px;font-size:12px;font-weight:700;display:block}.side-search label select,.side-search label input{color:var(--ink);background:#fff;margin-top:6px;display:block}.side-search button{margin-top:16px}.column-article-page .guide-section>p{font-size:14px;line-height:2}.column-article-page .article-summary span{line-height:1.65}.columns-page .feature-lead h2{max-width:430px}.columns-page .feature-articles{min-height:210px}.result-top .is-favorite{color:#e54658}.results-toolbar h2 small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:500;display:block}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination-gap{text-align:center;min-width:20px;color:var(--muted);font-size:12px}.map-panel{background:#eef2f0;padding:0}.court-map{width:100%;height:100%}.court-map .maplibregl-ctrl-bottom-right{margin-bottom:4px}.map-marker{width:30px;height:30px;position:relative}.map-pin-marker{background:var(--green);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;padding:0;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;inset:0;box-shadow:0 2px 6px #00000047}.map-pin-label{pointer-events:none;white-space:nowrap;background:#fff;border:1px solid #cfdcd4;border-radius:5px;max-width:220px;padding:4px 9px;display:none;position:absolute;top:50%;left:34px;transform:translateY(-50%);box-shadow:0 3px 10px #0000002e}.map-pin-label.is-left{left:auto;right:34px}.map-pin-label b{text-overflow:ellipsis;max-width:200px;font-size:11px;font-weight:700;line-height:1.4;display:block;overflow:hidden}.map-pin-label i{color:var(--green);margin-top:1px;font-size:10px;font-style:normal;font-weight:700;display:block}.map-marker:hover .map-pin-label,.map-marker.is-active .map-pin-label{display:block}.map-marker:hover{z-index:950!important}.map-marker.is-active{z-index:900!important}.map-marker.is-active .map-pin-marker{background:#e54658;inset:-3px}.map-marker.is-active .map-pin-label{border-color:#e54658}.map-marker.is-other{width:26px;height:26px}.map-marker.is-other .map-pin-marker{color:#12452c;background:#9ec9b4;font-size:10px}.map-marker.is-other:hover .map-pin-marker{background:var(--green);color:#fff}.result-row{position:relative}.result-row.is-active{border-color:var(--green);box-shadow:0 0 0 2px #1573472e}.result-number{z-index:1;color:#fff;background:#0000009e;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid;position:absolute;top:10px;left:10px}.map-loading{width:100%;height:100%;color:var(--muted);place-items:center;font-size:12px;display:grid}.results-toolbar{align-items:flex-end;height:auto;min-height:48px;padding-bottom:8px}.booking-card>a.primary-action,.booking-card>a.outline-action{justify-content:center;width:100%;margin-top:10px;font-size:13px}.booking-card>a.primary-action{color:#fff}.booking-card>a.outline-action{color:var(--green)}.booking-note{color:var(--muted);margin:12px 0 0;font-size:11px}.purpose-grid a{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;align-items:center;gap:12px;height:105px;padding:0 14px;display:flex}.purpose-grid a:hover{border-color:var(--green);background:#f7fbf7}.purpose-grid>a>svg:first-child{color:var(--green);flex:none;width:32px;height:32px}.purpose-grid>a>svg:last-child{flex:none;width:14px;margin-left:auto}.gallery.single{display:block}.gallery.single .gallery-main{background-size:cover;border-radius:6px;height:320px}.gallery-note{color:var(--muted);align-items:center;gap:6px;margin:8px 0 0;font-size:11px;display:flex}.gallery-note svg{flex:none;width:14px}.detail-text{white-space:pre-wrap;margin:0 0 6px;font-size:13px;line-height:1.9}.detail-text.is-unknown{color:var(--muted);background:#f6f8f7;border-radius:6px;align-items:flex-start;gap:7px;padding:11px 13px;display:flex}.detail-text.is-unknown svg{width:15px;color:var(--green);flex:none;margin-top:3px}.detail-price{margin:0 0 8px;font-size:14px}.detail-price b{color:var(--green);margin-left:6px;font-size:20px}.fact-table{border-collapse:collapse;width:100%;margin:0 0 10px;font-size:13px}.fact-table th,.fact-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 12px}.fact-table th{background:#f6f8f7;width:34%;font-weight:700}.legal-page .legal-body h2{margin:26px 0 10px;font-size:16px}.legal-page .legal-body h2:first-child{margin-top:0}.legal-page .legal-body{max-width:760px}.legal-page .legal-body a{color:var(--green);font-weight:700;text-decoration:underline}.legal-page code{background:#f2f4f3;border-radius:3px;padding:1px 5px;font-size:12px}.contact-block{border:1px solid var(--line);border-radius:6px;gap:8px;padding:14px 16px;display:grid}.contact-block p{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.contact-block svg{width:16px;color:var(--green);flex:none}.advanced-filters{border-top:1px solid var(--line);grid-column:1/-1;gap:14px;padding-top:16px;display:grid}.advanced-filters>div>b{margin-bottom:8px;font-size:11px;display:block}.advanced-filters .check-row{flex-wrap:wrap;gap:8px 16px;display:flex}.advanced-filters label{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.clear-facets{border:1px solid var(--line);background:#fff;border-radius:5px;justify-self:start;height:32px;padding:0 14px;font-size:12px}.form-note{color:var(--muted);background:#f6f8f7;border-radius:6px;align-items:flex-start;gap:7px;margin:12px 0 0;padding:11px 13px;font-size:11px;display:flex}.form-note svg{width:15px;color:var(--green);flex:none;margin-top:2px}.form-error{color:#c0392b;background:#fdecea;border-radius:6px;margin:14px 0 0;padding:11px 13px;font-size:12px}.listing-form .primary-action:disabled{opacity:.6}.favorite-tabs .active{align-items:center;gap:6px;display:inline-flex}.quick-card.common a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;height:44px;font-size:13px;font-weight:700;display:flex}.quick-card.common a:last-child{border-bottom:0}.quick-card.common a svg{width:15px;color:var(--green)}.contact-form{margin:0 0 8px}.contact-form select,.contact-form textarea{width:100%}.legal-page .listing-form{border:1px solid var(--line);border-radius:7px;gap:14px;padding:22px;display:grid}.legal-page .listing-form label{font-size:12px;font-weight:700;display:block}.legal-page .listing-form label em{color:#c0392b;margin-left:5px;font-size:10px;font-style:normal}.legal-page .listing-form label small{color:var(--muted);margin-left:5px;font-size:10px;font-weight:500}.legal-page .listing-form input,.legal-page .listing-form select,.legal-page .listing-form textarea{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;margin-top:6px;padding:10px 12px;font-size:13px;font-weight:400}.legal-page .listing-form .form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.legal-page .listing-form .agree{align-items:center;gap:8px;font-weight:500;display:flex}.legal-page .listing-form .agree input{width:auto;margin:0}.legal-page .form-actions{justify-content:flex-end;display:flex}.legal-page .form-actions .primary-action{padding:0 24px}@media (width<=720px){.legal-page .listing-form .form-row{grid-template-columns:1fr}}.newsletter-error{color:#ffb4a8;margin-top:8px;font-size:11px;display:block}.opening-badge{color:#b26a00;vertical-align:middle;white-space:nowrap;background:#fff3e0;border:1px solid #f0d0a0;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}h1 .opening-badge{padding:4px 11px;font-size:12px}.map-pin-label b+b{margin-top:2px}.court-popup{z-index:1000}.court-popup .maplibregl-popup-content{border-radius:7px;gap:4px;padding:11px 12px 12px;display:grid;box-shadow:0 6px 20px #0000002e}.court-popup .maplibregl-popup-close-button{width:24px;height:24px;color:var(--muted);font-size:16px;line-height:1}.court-popup b{padding-right:14px;font-size:12px;font-weight:700;line-height:1.45}.court-popup-place{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.court-popup-meta{color:var(--green);font-size:11px;font-weight:700}.court-popup-tags{flex-wrap:wrap;gap:4px;margin:1px 0 0;display:flex}.court-popup-tags i{color:var(--green);background:#eef6f0;border-radius:3px;padding:2px 6px;font-size:9px;font-style:normal}.court-popup-link{color:var(--green);margin-top:3px;font-size:11px;font-weight:700;display:inline-block}.court-popup-link:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:3px}.map-marker.has-popup .map-pin-label{display:none!important}.hp-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.filter-error{color:#c0392b;background:#fdecea;border-radius:6px;grid-column:1/-1;margin:0;padding:9px 12px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:3px}.listing-form .field-label{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.listing-form .field-label em,.listing-form .field-label small{margin-left:0}.listing-form input[type=checkbox],.listing-form input[type=radio]{flex:none;width:auto;min-height:0;padding:0}.choice-row label,.check-row label{white-space:nowrap}.listing-form>section>label,.listing-form .form-row label{grid-template-columns:148px 1fr}@media (width<=900px){.listing-form>section>label,.listing-form .form-row label{grid-template-columns:1fr}}.guide-table{border-collapse:collapse;width:100%;margin:12px 0 4px;font-size:13px}.guide-table th,.guide-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 12px}.guide-table th{background:#f6f8f7;width:36%;font-weight:700}.guide-list{gap:6px;margin:10px 0 4px;padding-left:20px;display:grid}.guide-list li{font-size:14px;line-height:1.85}.guide-faq{margin-top:40px}.guide-faq h2{margin-bottom:14px;font-size:20px}.guide-faq details{border:1px solid var(--line);border-radius:7px;margin-bottom:10px;padding:13px 16px}.guide-faq summary{cursor:pointer;font-size:14px;font-weight:700}.guide-faq p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.9}.guide-next{border:1px solid var(--line);background:#f7fbf8;border-radius:7px;margin-top:40px;padding:22px}.guide-next h2{margin:0 0 6px;font-size:18px}.guide-next p{color:var(--muted);margin:0 0 14px;font-size:13px}.guide-next-links{flex-wrap:wrap;gap:10px;display:flex}.guide-next-links a{border:1px solid var(--green);color:var(--green);background:#fff;border-radius:5px;padding:8px 14px;font-size:13px;font-weight:700}.share-wrap{display:inline-flex;position:relative}.share-menu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:7px;gap:2px;min-width:226px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000029}.share-menu a,.share-menu button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:5px;padding:9px 12px;font-size:13px;font-weight:700;display:block}.share-menu a:hover,.share-menu button:hover{color:var(--green);background:#f1f7f3}.share-url{color:var(--muted);word-break:break-all;margin:4px 0 2px;padding:0 12px;font-size:10px;line-height:1.5}a>svg{vertical-align:-.15em;flex:none;width:1em;height:1em}.hero-copy .hero-stats{white-space:nowrap;margin:10px 0 0;font-size:14px;font-weight:700;line-height:1.3}.hero-copy .hero-stats b{color:var(--green);margin:0 3px;font-size:24px}.court-card .tags,.result-row .tags,.saved-grid .tags,.modal-tags{flex-wrap:wrap}@media (width>=861px){.hero-copy{top:62px}}.purpose-grid>a{min-width:0}.purpose-grid b{white-space:normal}@media (width>=761px) and (width<=1120px){.purpose-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.purpose-grid{grid-template-columns:1fr 1fr}.purpose-grid>a{height:auto;min-height:94px}.purpose-grid>a:last-child{grid-column:1/-1}}@media (width<=420px){.purpose-grid{grid-template-columns:1fr}.purpose-grid>a:last-child{grid-column:auto}}@media (width<=860px){.hero-copy{top:34px}.hero-copy .hero-stats{margin-top:6px}}.legal-page .faq-nav{flex-wrap:wrap;gap:8px;margin:18px 0 26px;display:flex}.legal-page .faq-nav a{border:1px solid var(--line);border-radius:20px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none}.legal-page .faq-nav a:hover{border-color:var(--green);background:#f4faf6}.legal-page details{border:1px solid var(--line);border-radius:7px;margin-bottom:10px;padding:13px 16px}.legal-page details summary{cursor:pointer;font-size:14px;font-weight:700}.legal-page details p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.9}