:root{--ink:#17201d;--paper:#f3f1ea;--green:#0d654b;--lime:#c7ef69;--line:#d7d7cd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Noto Sans JP,sans-serif}main{max-width:1180px;margin:auto;padding:42px 40px}header{display:flex;justify-content:space-between;align-items:flex-start;border-top:8px solid var(--ink);padding-top:35px;margin-bottom:50px}.eyebrow,.label{font-size:11px;letter-spacing:.18em;font-weight:800}h1{font-size:clamp(42px,6vw,78px);line-height:1.04;letter-spacing:-.055em;margin:12px 0}h1 em{font-style:normal;color:var(--green)}.live{text-align:right;font-size:13px;font-weight:800;letter-spacing:.12em}.live span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef5b42;margin-right:6px}.live small{display:block;color:#69716d;letter-spacing:0;margin-top:8px}.alert{background:#ffdfd7;border-left:4px solid #d7472c;padding:16px;margin-bottom:24px}.summary{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:16px;gap:16px;margin-bottom:70px}.hero-card{min-height:205px;padding:28px;border-radius:4px;display:flex;flex-direction:column}.hours{background:var(--green);color:white}.weather{background:var(--lime)}.hero-card strong{font-size:clamp(34px,5vw,62px);letter-spacing:-.04em;margin:auto 0 4px}.hero-card i{font-size:.5em;font-style:normal}.hero-card small{margin-top:auto;opacity:.72}.weather p{margin:0 0 14px}.section-title{border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:end;padding-bottom:18px;margin-top:45px}.section-title h2{font-size:30px;margin:8px 0 0;letter-spacing:-.03em}.sort{display:flex;gap:5px}.sort button{border:1px solid var(--ink);background:transparent;padding:8px 13px;cursor:pointer}.sort button.active{background:var(--ink);color:white}.rides article{display:grid;grid-template-columns:55px 1fr 140px;align-items:center;border-bottom:1px solid var(--line);padding:19px 8px}.rank{font:700 13px monospace;color:#7a827e}.ride-name small{font-size:10px;color:#747b78;letter-spacing:.1em}.ride-name h3{font-size:19px;margin:4px 0}.closed,.open{font-size:10px;font-weight:700;color:var(--green)}.closed{color:#a33}.minutes{text-align:right}.minutes strong{display:block;font-size:43px;line-height:.9}.minutes span{font-size:11px}.tickets{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:10px;gap:10px;margin-top:15px}.tickets article{background:white;padding:18px;display:flex;flex-direction:column;gap:9px}.tickets span{font-size:13px;color:var(--green)}.loading{text-align:center;padding:60px;color:#777}footer{border-top:8px solid var(--ink);margin-top:80px;padding:25px 0;display:flex;gap:24px;align-items:center;font-size:12px}footer p{flex:1 1;color:#69716d}footer a{color:var(--green)}@media(max-width:700px){main{padding:25px 18px}header{display:block}.live{text-align:left;margin-top:20px}.summary{grid-template-columns:1fr}.section-title{display:block}.sort{margin-top:15px}.rides article{grid-template-columns:35px 1fr 70px}.minutes strong{font-size:32px}.hero-card{min-height:170px}footer{display:block}footer p{line-height:1.7}}