@charset "UTF-8";:root{--space:#0c1535;--navy:#182752;--blue:#2d78b5;--cyan:#58d2e8;--orange:#ef7a36;--yellow:#ffd75c;--paper:#f4f7fb;--ink:#24354e;--line:#dbe3ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Hiragino Maru Gothic ProN","Noto Sans JP","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}.skip{position:fixed;top:-100px;left:18px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.dev-banner{background:#273c49;color:#fff;text-align:center;padding:7px 16px;font-size:12px;font-weight:800;letter-spacing:.06em}header{height:62px;max-width:1180px;margin:auto;padding:0 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}header a{text-decoration:none;color:var(--ink);font-size:12px;font-weight:800}header strong{color:var(--orange);font-size:19px}.hero{min-height:min(700px,calc(100vh - 89px));position:relative;display:flex;align-items:center;overflow:hidden;background:var(--space)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,34,.92),rgba(5,11,34,.65) 42%,rgba(5,11,34,.06) 75%)}.hero-copy{position:relative;color:white;width:min(1180px,100%);margin:auto;padding:60px 6vw}.signal{font:800 12px/1 Arial,sans-serif;letter-spacing:.15em;color:var(--cyan)}.signal i,.broadcast-top i{display:inline-block;width:9px;height:9px;background:#ff4e4e;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(255,78,78,.18)}h1{font-size:clamp(43px,5.4vw,72px);line-height:1.3;letter-spacing:-.06em;margin:22px 0}h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p:not(.signal){font-size:17px;line-height:2}.hero-copy>button,.action,.epilogue button{border:0;border-radius:32px;background:var(--orange);color:#fff;padding:16px 24px;font-weight:900;box-shadow:0 5px 0 #a54420}.hero-copy>button span{font:700 11px Arial,sans-serif;margin-left:28px}.console{max-width:980px;margin:auto;padding:54px 28px 95px}.steps{display:flex;align-items:center;justify-content:center;margin-bottom:58px}.steps i{height:2px;background:var(--line);flex:1;max-width:88px}.steps button{border:0;background:none;color:#98a3b2;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px}.steps b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf1f6;font:800 15px Arial,sans-serif}.steps span{font-size:11px;font-weight:800}.steps button.active,.steps button.done{color:var(--blue)}.steps button.active b,.steps button.done b{background:var(--blue);color:#fff}.panel{display:none;animation:appear .45s ease}.panel.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.heading>span{font:800 11px Arial,sans-serif;letter-spacing:.16em;color:var(--orange)}.heading>p{margin:8px 0 4px;color:#57708c;font-size:13px;font-weight:700}.heading h2{font-size:clamp(27px,4vw,39px);letter-spacing:-.045em;margin:0 0 28px}.history{border-radius:20px;background:var(--paper);padding:25px}.year{text-align:center;margin-bottom:24px}.year strong{display:block;font:900 55px/1 Arial,sans-serif;color:var(--blue)}.year span{font-size:14px;font-weight:800}.races{display:grid;grid-template-columns:1fr 1fr;gap:18px}.races>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.races b{color:var(--orange)}.races p{font-size:13px;line-height:1.65;min-height:43px}.track{height:22px;border-bottom:2px dashed #b5c6d8;position:relative}.track i{font-style:normal;position:absolute;left:3%;bottom:-7px;transition:.6s}.history .action{display:block;margin:25px auto 0}.note,.fact{border-left:4px solid var(--yellow);background:#f7f9fc;padding:14px 17px;font-size:14px;line-height:1.8;margin-top:21px}.onair{background:var(--space);border-radius:20px;padding:30px;color:white}.countdown{text-align:center}.countdown b{color:#ff7272;font:900 13px Arial;letter-spacing:.15em}.countdown span{display:block;font:900 75px/1.2 Arial;color:var(--yellow)}fieldset{border:0;padding:0;display:grid;gap:11px;max-width:650px;margin:auto}legend{text-align:center;width:100%;font-weight:800;margin-bottom:16px}fieldset button{border:1px solid #52618b;border-radius:12px;background:#1b2850;color:white;padding:15px;font-weight:700;text-align:left}fieldset button:hover,fieldset button:focus{border-color:var(--cyan);background:#263866}.opening-result{max-width:650px;margin:22px auto 0;background:#fff;color:var(--ink);border-radius:14px;padding:20px;line-height:1.75}.opening-result b{color:var(--orange)}.opening-result .action{display:block;margin:18px auto 0}.instruction{text-align:center;font-size:14px;font-weight:800;color:var(--blue)}.topics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.topics button{border:2px solid var(--line);background:white;border-radius:15px;padding:17px 9px;color:var(--ink);min-height:160px}.topics button.selected{border-color:var(--blue);background:#eaf5fb}.topics span{font-size:31px;display:block}.topics b{display:block;margin:10px 0 5px}.topics small{font-size:11px;color:#66778d}.selected{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:26px}.selected strong{color:var(--orange);font-size:21px}.action:disabled{opacity:.4;cursor:not-allowed}.broadcast{background:linear-gradient(145deg,#101a3d,#1d3970);border:8px solid #20293e;border-radius:21px;color:white;padding:24px;box-shadow:0 10px 25px rgba(11,23,55,.18)}.broadcast-top{display:flex;justify-content:space-between;color:#86dded;font:800 12px Arial}.broadcast-top span{color:#ff8585}.reporter{text-align:center;font-size:43px;margin:20px}.broadcast blockquote{max-width:680px;margin:0 auto;font-size:clamp(18px,3vw,27px);line-height:1.9;font-weight:800}.meter{display:flex;justify-content:center;gap:5px;height:35px;align-items:end;margin-top:22px}.meter i{width:8px;background:var(--cyan);animation:sound .6s infinite alternate}.meter i:nth-child(2n){height:12px}.meter i:nth-child(2n+1){height:28px;animation-delay:.2s}@keyframes sound{to{height:7px}}.centered{display:block;margin:28px auto}.fact b{color:var(--orange)}.zoom{border-radius:20px;background:#0c1535;color:white;padding:28px}.zoom-scene{height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.orbit{width:210px;height:210px;position:relative;transition:.7s}.earth,.land,.soil{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;transition:.7s;overflow:hidden}.earth{background:radial-gradient(circle at 34% 30%,#72d7e9 0 9%,#237cc0 10% 70%,#0d4f94);box-shadow:0 0 45px rgba(69,192,231,.5)}.earth:after{content:"";position:absolute;width:80px;height:38px;background:#55ad69;border-radius:60% 40% 45% 55%;transform:rotate(-20deg)}.earth span{z-index:2;background:rgba(5,15,40,.7);padding:5px 9px;border-radius:20px}.land{opacity:0;transform:scale(.15);background:linear-gradient(145deg,#6ea35d,#d2bb72)}.soil{opacity:0;transform:scale(.1);background:radial-gradient(circle,#85552f,#41291b)}.orbit.level1 .earth{opacity:.18;transform:scale(4)}.orbit.level1 .land{opacity:1;transform:scale(1)}.orbit.level2 .earth,.orbit.level2 .land{opacity:0;transform:scale(5)}.orbit.level2 .soil{opacity:1;transform:scale(1.1)}.zoom-scene>p{font-size:13px;font-weight:800;color:#9ddce8;margin:20px 0 0}.zoom label{display:block;text-align:center;font-size:13px;font-weight:800}.zoom input{width:100%;accent-color:var(--yellow);margin:18px 0 4px}.scale{display:flex;justify-content:space-between;font-size:11px;color:#a7b4cf}.earth-copy,.epilogue{margin-top:22px;background:#f7f9fc;border-radius:18px;padding:22px;font-size:15px;line-height:1.9}.epilogue{background:#fff9e9;border:1px solid #f1dea1}.epilogue blockquote{text-align:center;font-size:clamp(22px,4vw,34px);font-weight:900;line-height:1.7;margin:30px auto}.epilogue em{font-style:normal;color:var(--orange)}.epilogue button,.epilogue a{display:inline-block;margin:6px;padding:14px 19px;border-radius:30px}.epilogue a{background:var(--blue);color:white;font-weight:800;text-decoration:none;box-shadow:0 4px 0 #174d79}footer{background:var(--space);color:white;text-align:center;padding:30px;font-weight:900}footer span{display:block;color:#81d8e9;font:12px/2 Arial}@media(max-width:720px){header{height:56px;padding:0 14px}header strong{display:none}header a{font-size:11px}.hero{min-height:590px}.hero>img{object-position:59% center}.shade{background:linear-gradient(0deg,rgba(5,11,34,.94),rgba(5,11,34,.2) 73%)}.hero-copy{padding:280px 24px 45px;align-self:end}.hero-copy h1{font-size:39px}.hero-copy>p:not(.signal){font-size:15px}.console{padding:38px 17px 70px}.steps{margin-bottom:42px}.steps b{width:34px;height:34px}.steps span{font-size:10px}.heading h2{font-size:26px;line-height:1.45}.history{padding:17px}.races{grid-template-columns:1fr}.races p{min-height:0}.topics{grid-template-columns:1fr 1fr}.topics button{min-height:145px}.topics button:last-child{grid-column:1/-1}.selected{flex-direction:column}.onair{padding:22px 16px}.zoom{padding:18px}.zoom-scene{height:280px}.broadcast{padding:20px 14px}.broadcast blockquote{font-size:18px}.epilogue{text-align:center}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
