@charset "UTF-8";
/* Completion is a separate, non-interactive summary, followed by an explicit restart. */
.set-complete{background:#fffdf7;border-color:#eadfb9}.result-panel{padding:15px 14px 8px}.result-heading{display:flex;align-items:center;justify-content:center;gap:15px}.complete-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#ffe37c;color:#17274a;font-size:28px;font-weight:900;box-shadow:0 4px 0 #e3c76666}.result-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#836826;margin:0 0 6px}.result-heading h2{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:0;color:#17274a;font-weight:900}.result-heading h2:focus{outline:none}.result-intro{text-align:center;color:#64718a;font-size:13px;line-height:1.8;margin:17px 0 19px}.result-average{padding:23px 12px;background:#fff2bb;border:1px solid #f1dea0;border-radius:22px;text-align:center}.result-average>span:first-child{display:block;color:#6d592e;font-size:13px;font-weight:700}.result-average>strong{display:block;font-size:64px;letter-spacing:-3px;line-height:1.2;color:#17274a;font-variant-numeric:tabular-nums;margin-top:8px}.result-average small{font-size:20px;font-weight:600;letter-spacing:0;margin-left:8px}#result-best{display:inline-block;margin-top:12px;background:#fff9e5;padding:6px 12px;border-radius:12px;color:#75540d;font-size:11px;font-weight:700}.result-trials{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;margin:17px 0 0}.result-trials li{border:1px solid #e0e8f6;border-radius:14px;background:#fff;padding:13px 6px;text-align:center;min-width:0}.result-trials span{display:block;color:#64718a;font-size:12px;margin-bottom:8px}.result-trials strong{display:block;font-size:20px;font-variant-numeric:tabular-nums;color:#17274a;white-space:nowrap}.result-trials small{font-size:11px;font-weight:500;margin-left:3px}.result-trials li.fastest{border-color:#9ecdbd;background:#f0faf5}.result-fastest{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#64718a;font-size:12px;line-height:1.8;margin:15px 2px 0}.result-fastest strong{font-size:17px;color:#28634e;white-space:nowrap;font-variant-numeric:tabular-nums}.result-fastest small{font-size:11px;margin-left:4px;font-weight:500}#result-rank-slot .claim-area{min-height:0;border-top:1px solid #e8dfc7;margin:21px 0 0;padding:17px 0 0}#result-rank-slot #rank-result{margin-bottom:0;color:#526a93;font-size:12px}#result-rank-slot #nickname-form{margin-top:13px}#result-rank-slot .claim-area button{padding:10px 13px;border:1px solid #dce5f5;border-radius:13px;min-height:44px;font-size:12px}#result-rank-slot #nickname-submit{border-color:#2e5bff;background:#2e5bff;color:#fff}#result-rank-slot #rank-retry{margin-top:12px;background:#fff;color:#526a93}.result-actions{border-top:1px solid #e8dfc7;margin-top:22px;padding-top:20px;text-align:center}.result-actions p{color:#64718a;font-size:12px;line-height:1.8;margin:0 0 12px}#restart{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;border:1px solid #e3a494;border-radius:16px;background:#ffd8cd;color:#813a28;font-size:16px;font-weight:800;padding:12px 18px;box-shadow:0 4px 0 #e3ad9d44}#restart:hover{background:#ffcbbd}#restart>span{font-size:24px;line-height:1}.result-actions>small{display:block;color:#7c7c85;font-size:11px;line-height:1.7;margin-top:12px}
@media(max-width:480px){.result-panel{padding:12px 2px 6px}.result-heading{gap:12px}.result-heading h2{font-size:28px}.complete-mark{width:47px;height:47px;border-radius:16px}.result-intro{font-size:12px;margin:15px 0 17px}.result-average{padding:19px 10px}.result-average>strong{font-size:56px}.result-trials strong{font-size:19px}.result-trials li{padding:12px 4px}.result-fastest{font-size:11px}}
@media(max-width:350px){.result-average>strong{font-size:49px}.result-trials{gap:6px}.result-trials strong{font-size:16px}.result-trials small{font-size:10px;margin-left:2px}.result-actions p{font-size:11px}.result-fastest{gap:6px}.result-fastest strong{font-size:15px}}
/* Keep shared home.css authoritative for the Play Park brand and page chrome. */
.reaction-page{--play-blue:#2e5bff;--play-ink:#17274a;--play-muted:#64718a;--play-line:#e0e8f6;color:var(--play-ink);background:#fcfdff;font-synthesis:none}
.reaction-page .brand span{color:inherit}.reaction-page button,.reaction-page input{font-family:inherit}.reaction-page :is(button,input,summary):focus-visible{outline:3px solid #7199ff;outline-offset:5px}
.reaction-main{max-width:1120px;margin:0 auto;padding:16px 24px 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:204px;margin:0 0 22px}.intro>div{min-width:0}.intro .eyebrow{color:var(--play-blue);font-size:10px;letter-spacing:2.7px;margin-bottom:16px}.intro h1{font-size:clamp(30px,3.6vw,46px);font-weight:950;line-height:1.2;letter-spacing:-2.3px;margin:0 0 15px}.intro h1>span{color:#ff785e}.intro p:last-child{color:var(--play-muted);font-size:14px;line-height:1.85;margin:0}.intro p strong{color:var(--play-blue);font-weight:700}.intro-art{width:290px;height:auto;flex-shrink:0}
.play-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:24px;align-items:start}.play-column{min-width:0}.game-shell{border-color:var(--play-line);border-radius:26px;box-shadow:0 10px 32px #496bb20b;scroll-margin-top:18px}.game-toolbar{color:var(--play-muted)}.game-toolbar b{color:var(--play-blue)}#sound{min-height:42px;border-color:var(--play-line);border-radius:14px;background:#f6f9ff;color:#526a93}
.reaction-pad{height:334px;border:1px solid #d4e0ff;border-radius:22px;background:linear-gradient(145deg,#edf3ff,#dfe9ff);color:var(--play-ink)}.symbol{width:70px;height:70px;border:1px solid #ffffffbd;border-radius:23px;background:linear-gradient(140deg,#fff3af,#ffe37c 70%);box-shadow:inset 0 3px 3px #fff9,0 7px 0 #ddbb5260,0 12px 19px #8c9ccc28;color:var(--play-blue);transform:rotate(-6deg)}.state-label{font-weight:900;letter-spacing:-1.4px}.pad-action{background:var(--play-blue);color:#fff;border:1px solid #3157ee;border-radius:16px;padding:12px 23px;font-size:14px;font-weight:800;min-height:46px;box-shadow:0 5px 13px #2e5bff22}
/* No transition or animation on the reaction stimulus. */
.reaction-pad[data-state=waiting]{background:#ba3e49;border-color:#b93643}.reaction-pad[data-state=waiting] .symbol{background:#ffffff17;color:#fff;box-shadow:none;border:2px solid currentColor;transform:none}.reaction-pad[data-state=ready]{background:#16764d;border-color:#16764d}.reaction-pad[data-state=ready] .symbol{background:none;color:#fff;box-shadow:none;transform:none}.reaction-pad[data-state=early]{background:#fff3ca;color:#76500e;border-color:#f1dda0}.reaction-pad[data-state=early] .symbol{background:transparent;color:inherit;box-shadow:none;border:2px solid currentColor}.reaction-pad[data-state=measured],.reaction-pad[data-state=complete]{background:#dff2e9;color:#225440;border-color:#c3e9db}.reaction-pad[data-state=paused]{background:#eef2fa;color:#526684}
.under-pad{min-height:48px}.under-pad p{color:#75839c}#pause{min-height:42px;color:#526a93}.trials li{border-color:var(--play-line);background:#f8faff;border-radius:14px;min-height:49px}.trials span{color:#75839c}.trials small{font-size:11px}.trials li.current{border-color:#7294ff;background:#edf3ff}.status{font-size:11px;color:#697a94}
.personal{margin-top:24px}.section-heading h2{font-size:16px;font-weight:900;color:var(--play-ink)}.section-heading>span{font-size:11px;color:#75839c}.best-grid>div{border-color:var(--play-line);border-radius:20px}.best-grid span{color:var(--play-muted)}.best-grid strong{font-size:29px;color:var(--play-blue)}#storage-note{color:#75839c}
.daily-board{margin:0;padding:25px 23px;border-color:var(--play-line);border-radius:26px;box-shadow:0 10px 32px #496bb208}.daily-board .eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:1.7px;color:var(--play-blue)}.daily-board h2{font-size:25px;font-weight:900;letter-spacing:-1px}.daily-board button{border-color:var(--play-line);background:#f6f9ff;border-radius:13px;color:#526a93;min-height:44px}#board-date{color:#75839c;margin:15px 0 19px}#leaderboard{min-height:290px}#leaderboard li{border-color:#edf2fa;min-height:58px;gap:11px}.rank-number{width:28px;height:28px;background:#edf3ff;border-radius:10px;font-weight:900;color:#6581b4;flex-shrink:0}#leaderboard li:first-child .rank-number{background:#ffe37c;color:#745219}#leaderboard strong{color:var(--play-blue)}#leaderboard li.empty{color:#8796ac}#board-message{font-size:11px;color:#75839c}.claim-area{border-color:#edf2fa;margin-top:18px;min-height:125px;padding-top:16px}#rank-result{color:#526a93}#nickname-form label{font-size:12px;color:#526a93}#nickname{border-color:#cad8ef;border-radius:13px;min-height:46px}#nickname-submit{background:var(--play-blue);border-color:var(--play-blue);color:white;font-weight:800}#nickname-form small{font-size:11px;color:#75839c}
.how-to{margin-top:30px;border-color:var(--play-line)}.how-to summary{font-size:13px;padding:17px 0;color:#526a93;font-weight:700}.how-to p{font-size:13px;line-height:1.95;color:var(--play-muted);max-width:850px}.reaction-main .ad-space{margin:150px 0 42px;padding:14px;border:1px solid #e7edf7;border-radius:20px;background:#f5f8fe;min-height:280px}.reaction-main .ad-space>span{color:#8796ac;font-size:10px}.reaction-main .ad-surface{min-height:250px}.reaction-main #game-network{min-height:100px;margin:38px 0!important}.reaction-page footer{margin-top:48px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.reaction-page footer small{margin-left:0}
@media(max-width:800px){.reaction-main{max-width:650px;padding:7px 20px 0;margin:0 auto}.intro{min-height:155px;gap:10px;margin-bottom:20px}.intro h1{font-size:31px;letter-spacing:-1.7px}.intro-art{width:145px;margin-right:-12px}.intro p:last-child{font-size:12px}.intro .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:13px}.play-layout{grid-template-columns:1fr;gap:26px}.daily-board{padding:25px}.claim-area{min-height:110px}.reaction-page footer{margin-top:35px}}
@media(max-width:480px){.reaction-main{padding:3px 20px 0}.intro{min-height:150px;position:relative;display:block;padding-top:22px;padding-bottom:12px}.intro>div{position:relative;z-index:1}.intro h1{font-size:31px;margin-bottom:12px}.intro p:last-child{font-size:12px}.intro-art{position:absolute;right:0;bottom:1px;width:112px;opacity:.95;margin-right:-12px}.game-shell{padding:12px;border-radius:24px}.game-toolbar{font-size:12px;margin-bottom:11px}.reaction-pad{height:307px;border-radius:19px}.state-label{font-size:29px}.pad-detail{font-size:12px}.metric{font-size:57px}.trials li{padding:12px 7px}.trials b{font-size:12px}.status{font-size:11px}.personal{margin:23px 0 0}.section-heading h2{font-size:14px}.section-heading>span{font-size:10px}.best-grid>div{padding:17px 15px}.daily-board{padding:24px 20px}.daily-board h2{font-size:24px}.how-to{margin-top:25px}}
@media(max-width:350px){.reaction-main{padding-inline:16px}.intro h1{font-size:27px}.intro-art{width:91px;bottom:2px}.intro p:last-child{font-size:11px}.reaction-pad{height:296px}.game-toolbar{font-size:11px}.trials{gap:5px}.trials li{flex-direction:column;gap:6px}.under-pad p,#pause{font-size:10px}.section-heading h2{font-size:13px}.section-heading>span{font-size:9px}.daily-board{padding:23px 17px}#leaderboard strong{font-size:13px}}