/* Shared header/footer/wordmark come from /assets/play-park/home.css.
   This sheet maps only this game's layout and controls to the current Play Park tokens. */
:root{font-family:"Arial Rounded MT Bold",Arial,"Malgun Gothic",sans-serif;color:#17274a;background:#fcfdff;--ink:#17274a;--orange:#ff785e}
body{background:#fcfdff;color:#17274a;font-family:"Arial Rounded MT Bold",Arial,"Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:1040px;margin:0 auto;padding:0 44px}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:950;letter-spacing:-1.2px;white-space:nowrap;color:#101c32}
.brand i{display:inline-block;background:#ff775e;width:8px;height:8px;border-radius:2px;margin:0 0 0 4px;align-self:auto}
.intro{margin:36px 0 32px}.intro h1{color:#17213d;font-weight:950;font-size:52px;letter-spacing:-2.8px}.intro h1>span{color:#2e5bff}.intro h1 svg{fill:#ff785e}.intro>p:last-child{color:#717b92;font-size:15px;line-height:1.85}.eyebrow{color:#2e5bff;font-size:10px;font-weight:800;letter-spacing:2.8px}
.game{background:linear-gradient(155deg,#fff,#f8faff);border:1px solid #e0e8f7;border-radius:28px;box-shadow:0 7px 0 #e8effc,0 18px 50px #5e7aba0c;padding:21px 24px 15px}
.challenge-label{color:#526a91}.challenge-label i{background:#ff785e}.meters>div+div{border-color:#e3eaf6}.meters span,.meters small{color:#7586a2}.meters strong{color:#17274a}.time-track{background:#e4ecfb}.time-track i{background:#ff785e}
#sound,.secondary{border-color:#dce6f8;color:#2e5bff;background:#f7faff;border-radius:15px}#sound:hover,.secondary:hover{background:#eef4ff}#cancel{color:#677e9e;border:0;background:transparent}
.tap-pad{background:linear-gradient(155deg,#547dff 0%,#2e5bff 52%,#2450ed 100%);border:1px solid #2450e8;border-bottom:7px solid #2145ca;color:#fff;border-radius:23px;box-shadow:inset 0 2px 0 #ffffff45,0 8px 20px #2e5bff19}
.tap-pad[data-state=running]{background:linear-gradient(155deg,#5e87ff,#3264ff 55%,#2e5bff)}.pad-kicker{color:#e6edff;opacity:.9;letter-spacing:2.4px}.tap-pad strong{color:white;letter-spacing:-1.5px}.pad-symbol svg{fill:#ffeab0;stroke:#17274a;filter:drop-shadow(0 6px 0 #143bac45)}.pad-symbol .rays{stroke:#fff4c2}#pad-hint{color:#e9efff;opacity:1}.pad-rings{border-color:#ffffff26}.pad-rings:after{border-color:#ffffff1b}
.tap-pad[data-state=complete]{background:linear-gradient(145deg,#d5eddf,#c3e9db);border-color:#a8d6c4;color:#17274a;box-shadow:inset 0 2px 0 #fff7}.tap-pad[data-state=cancelled]{background:#edf2fb;border-color:#d5e0f2;box-shadow:none}.tap-pad[data-state=complete] strong,.tap-pad[data-state=cancelled] strong{color:#17274a}.tap-pad[data-state=complete] .pad-kicker,.tap-pad[data-state=complete] #pad-hint,.tap-pad[data-state=cancelled] .pad-kicker,.tap-pad[data-state=cancelled] #pad-hint{color:#526d85}
.under-pad p,#status{color:#7b8ba4}.result{border:1px solid #dce6fa;background:linear-gradient(135deg,#eef4ff,#f8fbff);border-radius:25px}.result-grid span,#rank-result{color:#657a9d}.result h2{color:#17274a}.result-grid strong{color:#2e5bff;letter-spacing:-1.3px;font-size:36px}#nickname-form{border-color:#dce6f8;background:#fff;border-radius:18px}.name-row input{border-color:#d2def3}.name-row button{background:#2e5bff;border-radius:13px}#nickname-form small{color:#7a8ba7}.retry{background:#2e5bff;border:1px solid #2f5cfa;border-radius:18px;box-shadow:0 7px 20px #2e5bff15}.retry:hover{background:#264fe6}.my-best{border-color:#e3eaf5}.my-best p{color:#8a99b0}.my-best strong{color:#2e5bff}.section-heading h2{color:#17274a;letter-spacing:-1.2px}#board-message{color:#7b8ca8}
.board{border-color:#e0e8f7;border-radius:24px;box-shadow:0 3px 0 #31456403}.board-mark{background:#e9f0ff;color:#2e5bff;border-radius:14px}.board-heading p{color:#8a9bb3}.board li{border-color:#e7eef9}.rank-number{color:#849abd}.board li.empty{color:#a2aec1}.hall{background:#fff8de;border-color:#f0e7bf}.hall .board-mark{background:#ffedaa;color:#9b7925}.hall li{border-color:#efe6c7}.hall-note{color:#a29064}.rules{border-color:#e3eaf5}.rules p{color:#73839d}.rules summary span{color:#7894bd}
.ad-space{background:transparent;border:0;border-top:1px solid #eef2f8;border-radius:0;margin:150px 0 30px;min-height:116px;padding-top:15px;color:#b7c0ce}.ad-space>span{color:#b7c0ce;font-size:9px}.ad-surface{min-height:90px}
body>footer{max-width:1272px;margin:30px auto 0;border-top:1px solid #e3eaf5;padding:25px 0 calc(32px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:20px;color:#8c9bb2;font-size:10px}footer .brand{font-size:19px;letter-spacing:-.8px}footer .brand img{width:36px;height:29px}footer .brand i{width:5px;height:5px}footer p{font-size:10px;line-height:1.8;color:#97a4b7;margin:0}footer small{display:block;font-size:9px;color:#b2bdcd;margin:0}footer nav{margin-left:auto;display:flex;gap:19px;font-size:10px;color:#8c9bb2}footer a{padding:0}footer nav a{min-height:44px;display:flex;align-items:center}
@media(max-width:1360px){body>footer{margin-left:44px;margin-right:44px}}
@media(max-width:1040px){.brand{font-size:22px}.brand img{width:43px}main{padding-left:30px;padding-right:30px}body>footer{margin-left:30px;margin-right:30px}}
@media(max-width:760px){.brand{font-size:20px;gap:7px;letter-spacing:-.8px}.brand img{width:38px;height:31px}.brand i{width:6px;height:6px}main{padding:0 20px}.intro{margin:27px 0 27px}.intro h1{font-size:38px;letter-spacing:-2px}.intro>p:last-child{font-size:13px}.intro .eyebrow{font-size:9px;letter-spacing:2.3px}.game{padding:15px 15px 13px;border-radius:25px}.tap-pad{border-radius:20px}.result-grid strong{font-size:30px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.section-heading h2{font-size:23px}.ad-space{margin-top:150px;min-height:285px}.ad-surface{min-height:250px}body>footer{margin:25px 20px 0;flex-wrap:wrap;gap:16px;padding:24px 0 calc(24px + env(safe-area-inset-bottom))}footer p{margin-left:auto;font-size:9px}footer nav{margin:0;gap:19px;flex-wrap:wrap;font-size:9px;width:100%}footer .brand{font-size:19px}}
@media(max-width:360px){main{padding:0 14px}.intro h1{font-size:34px}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:8px}.result-grid strong{font-size:27px}}