:root{color:#171717;background:#f7f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button,input{font:inherit}.app{min-height:100dvh;background:linear-gradient(180deg,#ffffff9e,#f7f5ef00 34rem),#f7f5ef}.app--locked{height:100dvh;overflow:hidden;touch-action:manipulation}.page-shell{width:min(1120px,calc(100% - 40px));min-height:100dvh;margin:0 auto;padding:28px 0 40px}.brand{color:#2453cf;font-size:.96rem;font-weight:800}.landing-shell{display:flex;flex-direction:column}.landing-copy{display:flex;flex:1;flex-direction:column;justify-content:center;max-width:690px;padding:54px 0 96px}.landing-copy h1,.results-hero h1,.memory-shell h1{margin:0;color:#171717;font-size:clamp(2.7rem,8vw,5.8rem);line-height:.94;letter-spacing:0}.memory-shell h1{font-size:clamp(2.1rem,6vw,4rem)}.eyebrow{margin:0 0 14px;color:#2453cf;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.lead{max-width:620px;margin:22px 0 30px;color:#4d4a44;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}.primary-action,.ghost-action,.danger-action{min-height:48px;border:0;border-radius:8px;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease}.primary-action{padding:0 22px;color:#fff;background:#2453cf;box-shadow:0 12px 24px #1a18141a}.primary-action:disabled,.danger-action:disabled{cursor:not-allowed;opacity:.52}.primary-action:active,.ghost-action:active,.danger-action:active,.keypad-button:active{transform:translateY(1px)}.ghost-action{padding:0 16px;color:#32302b;background:#ffffffb8;border:1px solid rgba(23,23,23,.11)}.danger-action{width:100%;color:#9f1d1d;background:#fff2f0;border:1px solid rgba(159,29,29,.2)}.start-form{display:grid;gap:10px;width:min(100%,420px);margin-top:8px}.start-form .primary-action{width:100%;min-height:54px;margin-top:4px}.field-label{color:#5f5a50;font-size:.86rem;font-weight:850}.name-input{width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(23,23,23,.13);border-radius:8px;color:#171717;background:#ffffffdb;box-shadow:0 12px 30px #1a18140d;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.name-input:focus{border-color:#2453cf8c;box-shadow:0 0 0 3px #2453cf1f}.field-error,.admin-message{margin:0;color:#9f1d1d;font-size:.92rem;line-height:1.4}.secondary-link-action,.inline-action{border:0;color:#2453cf;background:transparent;cursor:pointer;font-weight:850}.secondary-link-action{width:fit-content;margin-top:18px;padding:0}.result-player{margin:-12px 0 16px;color:#706c63;font-size:.94rem;font-weight:750}.leaderboard-submit{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 18px;padding:10px 12px;border-radius:8px;color:#4d4a44;background:#ffffffb3;border:1px solid rgba(23,23,23,.08);font-size:.94rem;font-weight:750}.leaderboard-submit--success{color:#11683a;background:#e7f5ec;border-color:#11683a29}.leaderboard-submit--error{color:#9f1d1d;background:#fff2f0;border-color:#9f1d1d2e}.result-actions{display:flex;flex-wrap:wrap;gap:10px}.result-actions .primary-action,.result-actions .ghost-action{flex:1 1 190px}.leaderboard-shell{padding-bottom:54px}.leaderboard-back{margin:4px 0 18px}.leaderboard-back+.leaderboard-header{padding-top:0}.leaderboard-header{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;padding-top:28px}.leaderboard-header h1{max-width:680px;margin:18px 0 0;color:#171717;font-size:clamp(2.5rem,7vw,5.2rem);line-height:.96;letter-spacing:0}.leaderboard-header .lead{margin-bottom:0}.leaderboard-header-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}.leaderboard-panel{margin:28px 0 18px;padding:16px;background:#ffffffd1;border:1px solid rgba(23,23,23,.08);border-radius:8px;box-shadow:0 18px 50px #1a181414}.state-copy{margin:0;color:#706c63;font-weight:750}.state-copy--error{color:#9f1d1d}.leaderboard-list,.admin-list{display:grid;gap:8px}.leaderboard-row{display:grid;grid-template-columns:74px minmax(0,1fr) 78px 118px;gap:12px;align-items:center;min-height:58px;padding:10px 12px;border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#f7f5efb3}.leaderboard-row--current{border-color:#2453cf57;background:#2453cf14}.leaderboard-rank{color:#2453cf;font-weight:900}.leaderboard-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#171717;font-weight:850}.leaderboard-name em{display:inline-grid;min-height:20px;margin-left:8px;padding:0 7px;place-items:center;border-radius:999px;color:#2453cf;background:#2453cf1a;font-size:.72rem;font-style:normal;font-weight:900}.leaderboard-score{color:#171717;font-size:1.35rem;text-align:right}.leaderboard-attempts{color:#706c63;font-size:.88rem;font-weight:750;text-align:right}.admin-shell .field-label,.admin-password-input{max-width:360px}.admin-password-input{margin-top:8px}.admin-message{margin-top:10px}.admin-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#f7f5efb3}.admin-row div{display:grid;gap:4px;min-width:0}.admin-row span{color:#706c63;font-size:.9rem}.admin-delete-button{width:auto;min-width:96px;padding:0 14px}.onboarding-back{justify-self:start;min-height:34px;padding:0 4px;border:0;color:#5f5a50;background:transparent;cursor:pointer;font-size:.92rem;font-weight:800}.onboarding-back:active{transform:translateY(1px)}.numeric-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.3dvh,11px);width:min(100%,390px);align-self:stretch}.keypad-button{display:grid;min-height:42px;height:100%;place-items:center;border:1px solid rgba(23,23,23,.08);border-radius:8px;color:#191713;background:#ffffffe0;box-shadow:0 8px 20px #1a181412;cursor:pointer;font-size:clamp(1.08rem,4.6vw,1.45rem);font-weight:850;font-variant-numeric:tabular-nums}.numeric-keypad .keypad-button:last-child{color:#fff;background:#22201c}.memory-shell{display:grid;grid-template-rows:auto auto auto minmax(54px,.55fr) minmax(184px,2.25fr);gap:clamp(10px,2dvh,18px);width:min(480px,100%);height:100dvh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(14px,env(safe-area-inset-bottom));align-items:center;justify-items:stretch}.memory-top{display:flex;align-items:center;justify-content:space-between}.memory-top .eyebrow{margin:0}.memory-timer{color:#2453cf;font-size:1.6rem;font-weight:900;font-variant-numeric:tabular-nums}.memory-shell h1{align-self:end}.memory-copy{margin:0;color:#4d4a44;line-height:1.45}.memory-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%}.memory-slot{display:grid;min-width:0;height:clamp(54px,9dvh,68px);place-items:center;border:1px solid rgba(23,23,23,.12);border-radius:8px;color:#171717;background:#ffffffdb;cursor:pointer;font-size:clamp(1.35rem,6vw,2rem);font-weight:850;font-variant-numeric:tabular-nums}.memory-slot--active{border-color:#2453cf;box-shadow:0 0 0 3px #2453cf21}.results-shell{padding-bottom:54px}.results-hero{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;padding-top:34px}.results-hero h1{font-size:clamp(3rem,10vw,6.4rem)}.result-status{margin-top:14px;padding:12px 16px;border-radius:8px;font-weight:950}.result-status--pass{color:#11683a;background:#e7f5ec}.result-status--fail{color:#9f1d1d;background:#fff2f0}.result-explanation{max-width:820px;margin:18px 0 24px;color:#4d4a44;font-size:1.04rem;line-height:1.55}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.score-tile{padding:16px;background:#ffffffc7;border:1px solid rgba(23,23,23,.08);border-radius:8px}.score-tile span{display:block;color:#706c63;font-size:.86rem;font-weight:750}.score-tile strong{display:block;margin-top:8px;font-size:1.7rem;font-weight:900}.tabs{display:flex;gap:8px;margin:24px 0 12px;overflow-x:auto;padding-bottom:3px}.tab{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid rgba(23,23,23,.1);border-radius:8px;color:#4d4a44;background:#ffffffb3;cursor:pointer;font-weight:800}.tab--active{color:#fff;background:#22201c}.breakdown-panel{min-height:280px;margin-bottom:24px;padding:18px;background:#ffffffd1;border:1px solid rgba(23,23,23,.08);border-radius:8px;box-shadow:0 18px 50px #1a181414}.target-penalty-note{margin:0 0 14px;color:#706c63;font-size:.92rem;line-height:1.45}.summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0}.summary-list div{min-width:0}.summary-list dt{color:#706c63;font-size:.82rem;font-weight:800}.summary-list dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:1rem;font-weight:750}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:580px}th,td{padding:10px 8px;border-bottom:1px solid rgba(23,23,23,.08);text-align:left}th{color:#706c63;font-size:.8rem;text-transform:uppercase}.memory-results p{margin:0 0 12px}.memory-results ul{display:grid;gap:8px;margin:18px 0;padding:0;list-style:none}.memory-results li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(23,23,23,.08)}.memory-score{font-weight:900}.stream-breakdown{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.stream-token{display:grid;min-height:42px;place-items:center;border-radius:8px;background:#f1eee5;font-weight:850}.stream-token--target{color:#fff;background:#2453cf}.stream-token--number{color:#191713;background:#d9efe3}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:22px;background:#100f0d57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog{width:min(360px,100%);padding:22px;background:#fffdf8;border-radius:8px;box-shadow:0 30px 90px #0003}.dialog h2{margin:0 0 8px}.dialog p{margin:0 0 18px;color:#5a564e}.dialog .primary-action,.dialog .danger-action{width:100%;margin-top:10px}.countdown{display:grid;width:116px;height:116px;place-items:center;color:#fff;background:#171717;border-radius:8px;font-size:3.6rem;font-weight:950;box-shadow:0 30px 90px #00000038}.pretest-overlay{pointer-events:all}.pretest-panel{display:grid;gap:18px;justify-items:center}.pretest-countdown{display:grid;width:clamp(112px,34vw,148px);height:clamp(112px,34vw,148px);place-items:center;color:#fff;background:#2453cf;border-radius:8px;font-size:clamp(4.2rem,19vw,6.5rem);font-weight:950;line-height:1;box-shadow:0 28px 90px #00000038,inset 0 0 0 1px #ffffff2e}.pretest-target{display:inline-flex;align-items:center;gap:5px;margin:0;padding:10px 14px;color:#f7f5ef;background:#111111c7;border:1px solid rgba(255,255,255,.16);border-radius:8px;font-size:clamp(1rem,3.2vw,1.18rem);font-weight:800;line-height:1.2;box-shadow:0 18px 54px #0000002e}.pretest-target strong{display:inline-flex;align-items:center;color:#fff;font-size:1.55em;font-weight:950;line-height:1}@media(max-width:760px){.page-shell{width:min(calc(100% - 28px),520px);padding-top:20px}.landing-copy h1,.leaderboard-header h1{max-width:100%;font-size:clamp(2.35rem,10vw,2.75rem);line-height:1.03;text-wrap:balance}.landing-copy h1{max-width:9.8em}.leaderboard-header h1{max-width:8em}.lead{width:min(100%,330px);max-width:100%;overflow-wrap:break-word}.landing-copy{padding:clamp(30px,7dvh,48px) 0 56px}.score-grid,.summary-list{grid-template-columns:1fr}.leaderboard-header{flex-direction:column;align-items:stretch}.leaderboard-header-actions,.result-actions{flex-direction:column}.leaderboard-header-actions .primary-action,.leaderboard-header-actions .ghost-action,.result-actions .primary-action,.result-actions .ghost-action{width:100%}.leaderboard-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"rank name" "score score" "attempts attempts";gap:6px 12px;align-items:start;padding:12px}.leaderboard-rank{grid-area:rank}.leaderboard-name{grid-area:name;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.leaderboard-score{grid-area:score;text-align:left}.leaderboard-attempts{grid-area:attempts;text-align:left}.admin-row{align-items:stretch;flex-direction:column}.admin-delete-button{width:100%}.results-hero{flex-direction:column;gap:6px}.stream-breakdown{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-height:700px){.start-form{display:grid;gap:10px;width:min(100%,420px);margin-top:8px}.start-form .primary-action{width:100%;min-height:54px;margin-top:4px}.field-label{color:#5f5a50;font-size:.86rem;font-weight:850}.name-input{width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(23,23,23,.13);border-radius:8px;color:#171717;background:#ffffffdb;box-shadow:0 12px 30px #1a18140d;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.name-input:focus{border-color:#2453cf8c;box-shadow:0 0 0 3px #2453cf1f}.field-error,.admin-message{margin:0;color:#9f1d1d;font-size:.92rem;line-height:1.4}.secondary-link-action,.inline-action{border:0;color:#2453cf;background:transparent;cursor:pointer;font-weight:850}.secondary-link-action{width:fit-content;margin-top:18px;padding:0}.result-player{margin:-12px 0 16px;color:#706c63;font-size:.94rem;font-weight:750}.leaderboard-submit{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 18px;padding:10px 12px;border-radius:8px;color:#4d4a44;background:#ffffffb3;border:1px solid rgba(23,23,23,.08);font-size:.94rem;font-weight:750}.leaderboard-submit--success{color:#11683a;background:#e7f5ec;border-color:#11683a29}.leaderboard-submit--error{color:#9f1d1d;background:#fff2f0;border-color:#9f1d1d2e}.result-actions{display:flex;flex-wrap:wrap;gap:10px}.result-actions .primary-action,.result-actions .ghost-action{flex:1 1 190px}.leaderboard-shell{padding-bottom:54px}.leaderboard-header{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;padding-top:28px}.leaderboard-header h1{max-width:680px;margin:18px 0 0;color:#171717;font-size:clamp(2.5rem,7vw,5.2rem);line-height:.96;letter-spacing:0}.leaderboard-header .lead{margin-bottom:0}.leaderboard-header-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}.leaderboard-panel{margin:28px 0 18px;padding:16px;background:#ffffffd1;border:1px solid rgba(23,23,23,.08);border-radius:8px;box-shadow:0 18px 50px #1a181414}.state-copy{margin:0;color:#706c63;font-weight:750}.state-copy--error{color:#9f1d1d}.leaderboard-list,.admin-list{display:grid;gap:8px}.leaderboard-row{display:grid;grid-template-columns:74px minmax(0,1fr) 78px 118px;gap:12px;align-items:center;min-height:58px;padding:10px 12px;border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#f7f5efb3}.leaderboard-row--current{border-color:#2453cf57;background:#2453cf14}.leaderboard-rank{color:#2453cf;font-weight:900}.leaderboard-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#171717;font-weight:850}.leaderboard-name em{display:inline-grid;min-height:20px;margin-left:8px;padding:0 7px;place-items:center;border-radius:999px;color:#2453cf;background:#2453cf1a;font-size:.72rem;font-style:normal;font-weight:900}.leaderboard-score{color:#171717;font-size:1.35rem;text-align:right}.leaderboard-attempts{color:#706c63;font-size:.88rem;font-weight:750;text-align:right}.admin-shell .field-label,.admin-password-input{max-width:360px}.admin-password-input{margin-top:8px}.admin-message{margin-top:10px}.admin-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#f7f5efb3}.admin-row div{display:grid;gap:4px;min-width:0}.admin-row span{color:#706c63;font-size:.9rem}.admin-delete-button{width:auto;min-width:96px;padding:0 14px}.onboarding-back{min-height:30px}}@media(max-height:680px){.keypad-button{min-height:38px}.memory-shell{grid-template-rows:auto auto auto minmax(48px,.45fr) minmax(168px,1.9fr);gap:8px}}@media(min-width:768px){.start-form{display:grid;gap:10px;width:min(100%,420px);margin-top:8px}.start-form .primary-action{width:100%;min-height:54px;margin-top:4px}.field-label{color:#5f5a50;font-size:.86rem;font-weight:850}.name-input{width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(23,23,23,.13);border-radius:8px;color:#171717;background:#ffffffdb;box-shadow:0 12px 30px #1a18140d;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.name-input:focus{border-color:#2453cf8c;box-shadow:0 0 0 3px #2453cf1f}.field-error,.admin-message{margin:0;color:#9f1d1d;font-size:.92rem;line-height:1.4}.secondary-link-action,.inline-action{border:0;color:#2453cf;background:transparent;cursor:pointer;font-weight:850}.secondary-link-action{width:fit-content;margin-top:18px;padding:0}.result-player{margin:-12px 0 16px;color:#706c63;font-size:.94rem;font-weight:750}.leaderboard-submit{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 18px;padding:10px 12px;border-radius:8px;color:#4d4a44;background:#ffffffb3;border:1px solid rgba(23,23,23,.08);font-size:.94rem;font-weight:750}.leaderboard-submit--success{color:#11683a;background:#e7f5ec;border-color:#11683a29}.leaderboard-submit--error{color:#9f1d1d;background:#fff2f0;border-color:#9f1d1d2e}.result-actions{display:flex;flex-wrap:wrap;gap:10px}.result-actions .primary-action,.result-actions .ghost-action{flex:1 1 190px}.leaderboard-shell{padding-bottom:54px}.leaderboard-header{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;padding-top:28px}.leaderboard-header h1{max-width:680px;margin:18px 0 0;color:#171717;font-size:clamp(2.5rem,7vw,5.2rem);line-height:.96;letter-spacing:0}.leaderboard-header .lead{margin-bottom:0}.leaderboard-header-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}.leaderboard-panel{margin:28px 0 18px;padding:16px;background:#ffffffd1;border:1px solid rgba(23,23,23,.08);border-radius:8px;box-shadow:0 18px 50px #1a181414}.state-copy{margin:0;color:#706c63;font-weight:750}.state-copy--error{color:#9f1d1d}.leaderboard-list,.admin-list{display:grid;gap:8px}.leaderboard-row{display:grid;grid-template-columns:74px minmax(0,1fr) 78px 118px;gap:12px;align-items:center;min-height:58px;padding:10px 12px;border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#f7f5efb3}.leaderboard-row--current{border-color:#2453cf57;background:#2453cf14}.leaderboard-rank{color:#2453cf;font-weight:900}.leaderboard-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#171717;font-weight:850}.leaderboard-name em{display:inline-grid;min-height:20px;margin-left:8px;padding:0 7px;place-items:center;border-radius:999px;color:#2453cf;background:#2453cf1a;font-size:.72rem;font-style:normal;font-weight:900}.leaderboard-score{color:#171717;font-size:1.35rem;text-align:right}.leaderboard-attempts{color:#706c63;font-size:.88rem;font-weight:750;text-align:right}.admin-shell .field-label,.admin-password-input{max-width:360px}.admin-password-input{margin-top:8px}.admin-message{margin-top:10px}.admin-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#f7f5efb3}.admin-row div{display:grid;gap:4px;min-width:0}.admin-row span{color:#706c63;font-size:.9rem}.admin-delete-button{width:auto;min-width:96px;padding:0 14px}.onboarding-back{min-height:38px;font-size:.98rem}}@media(min-width:1200px){.start-form{display:grid;gap:10px;width:min(100%,420px);margin-top:8px}.start-form .primary-action{width:100%;min-height:54px;margin-top:4px}.field-label{color:#5f5a50;font-size:.86rem;font-weight:850}.name-input{width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(23,23,23,.13);border-radius:8px;color:#171717;background:#ffffffdb;box-shadow:0 12px 30px #1a18140d;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.name-input:focus{border-color:#2453cf8c;box-shadow:0 0 0 3px #2453cf1f}.field-error,.admin-message{margin:0;color:#9f1d1d;font-size:.92rem;line-height:1.4}.secondary-link-action,.inline-action{border:0;color:#2453cf;background:transparent;cursor:pointer;font-weight:850}.secondary-link-action{width:fit-content;margin-top:18px;padding:0}.result-player{margin:-12px 0 16px;color:#706c63;font-size:.94rem;font-weight:750}.leaderboard-submit{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 18px;padding:10px 12px;border-radius:8px;color:#4d4a44;background:#ffffffb3;border:1px solid rgba(23,23,23,.08);font-size:.94rem;font-weight:750}.leaderboard-submit--success{color:#11683a;background:#e7f5ec;border-color:#11683a29}.leaderboard-submit--error{color:#9f1d1d;background:#fff2f0;border-color:#9f1d1d2e}.result-actions{display:flex;flex-wrap:wrap;gap:10px}.result-actions .primary-action,.result-actions .ghost-action{flex:1 1 190px}.leaderboard-shell{padding-bottom:54px}.leaderboard-header{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;padding-top:28px}.leaderboard-header h1{max-width:680px;margin:18px 0 0;color:#171717;font-size:clamp(2.5rem,7vw,5.2rem);line-height:.96;letter-spacing:0}.leaderboard-header .lead{margin-bottom:0}.leaderboard-header-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}.leaderboard-panel{margin:28px 0 18px;padding:16px;background:#ffffffd1;border:1px solid rgba(23,23,23,.08);border-radius:8px;box-shadow:0 18px 50px #1a181414}.state-copy{margin:0;color:#706c63;font-weight:750}.state-copy--error{color:#9f1d1d}.leaderboard-list,.admin-list{display:grid;gap:8px}.leaderboard-row{display:grid;grid-template-columns:74px minmax(0,1fr) 78px 118px;gap:12px;align-items:center;min-height:58px;padding:10px 12px;border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#f7f5efb3}.leaderboard-row--current{border-color:#2453cf57;background:#2453cf14}.leaderboard-rank{color:#2453cf;font-weight:900}.leaderboard-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#171717;font-weight:850}.leaderboard-name em{display:inline-grid;min-height:20px;margin-left:8px;padding:0 7px;place-items:center;border-radius:999px;color:#2453cf;background:#2453cf1a;font-size:.72rem;font-style:normal;font-weight:900}.leaderboard-score{color:#171717;font-size:1.35rem;text-align:right}.leaderboard-attempts{color:#706c63;font-size:.88rem;font-weight:750;text-align:right}.admin-shell .field-label,.admin-password-input{max-width:360px}.admin-password-input{margin-top:8px}.admin-message{margin-top:10px}.admin-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#f7f5efb3}.admin-row div{display:grid;gap:4px;min-width:0}.admin-row span{color:#706c63;font-size:.9rem}.admin-delete-button{width:auto;min-width:96px;padding:0 14px}}@media(max-width:760px){.leaderboard-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"rank name" "score score" "attempts attempts";gap:6px 12px;align-items:start;padding:12px}.leaderboard-rank{grid-area:rank}.leaderboard-name{grid-area:name;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.leaderboard-score{grid-area:score;text-align:left}.leaderboard-attempts{grid-area:attempts;text-align:left}}.hub-shell{display:grid;grid-template-rows:auto auto 1fr;gap:clamp(26px,5dvh,54px)}.beta-access-shell{display:grid;min-height:100dvh;place-items:center}.beta-access-card{width:min(100%,430px);padding:clamp(8px,2vw,18px) 0}.beta-access-card h1{max-width:9em;margin:0;color:#171717;font-size:clamp(2.35rem,8vw,3.85rem);line-height:.98;letter-spacing:0}.beta-access-card .brand{margin-bottom:clamp(32px,7dvh,62px)}.hub-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.beta-exit-action{margin-top:0;color:#706c63;font-size:.86rem}.hub-hero{max-width:760px;padding-top:clamp(34px,8dvh,88px)}.hub-hero h1,.reaction-intro h1,.reaction-results h1{margin:0;color:#171717;font-size:clamp(2.75rem,8vw,5.8rem);line-height:.94;letter-spacing:0}.assessment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-self:start}.assessment-card{display:grid;min-height:330px;padding:clamp(20px,3vw,28px);align-content:space-between;gap:24px;border:1px solid rgba(23,23,23,.08);border-radius:8px;background:#ffffffd1;box-shadow:0 18px 50px #1a181414}.assessment-card h2{margin:0 0 18px;color:#171717;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1}.assessment-card p:not(.eyebrow){margin:0;color:#4d4a44;font-size:1.05rem;line-height:1.5}.assessment-actions{display:flex;flex-wrap:wrap;gap:10px}.assessment-actions .primary-action,.assessment-actions .ghost-action{flex:1 1 180px}.reaction-shell{min-height:100dvh}.reaction-shell--active{width:min(520px,100%);height:100dvh;margin:0 auto;overflow:hidden;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:#f7f5ef}.reaction-intro{display:flex;min-height:calc(100dvh - 112px);max-width:720px;flex-direction:column;justify-content:center}.reaction-section-intro{gap:8px}.reaction-overall-intro{gap:clamp(12px,2dvh,18px)}.reaction-roadmap{display:grid;gap:8px;width:min(100%,430px);margin:clamp(8px,1.6dvh,14px) 0 clamp(12px,2.4dvh,20px)}.reaction-roadmap-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;min-height:54px;padding:0 14px;border:1px solid rgba(23,23,23,.08);border-radius:8px;background:#ffffffc7}.reaction-roadmap-item span{color:#2453cf;font-size:.82rem;font-weight:900}.reaction-roadmap-item strong{color:#171717;font-weight:900}.reaction-how-card{width:min(100%,520px);margin:clamp(16px,2.6dvh,24px) 0 0;padding:clamp(14px,2.3dvh,18px);border:1px solid rgba(23,23,23,.08);border-radius:8px;background:#ffffffd1;box-shadow:0 14px 34px #1a18140d}.reaction-how-label{display:block;margin-bottom:10px;color:#2453cf;font-size:.74rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.reaction-how-rows{display:grid;gap:10px}.reaction-how-row{display:grid;grid-template-columns:minmax(96px,.5fr) minmax(0,1fr);gap:12px;align-items:start;padding-top:10px;border-top:1px solid rgba(23,23,23,.07)}.reaction-how-row:first-child{padding-top:0;border-top:0}.reaction-how-row strong{display:inline-flex;align-items:center;gap:8px;color:#171717;font-size:.84rem;font-weight:950;line-height:1.2}.reaction-how-row span{min-width:0;color:#4d4a44;line-height:1.38}.reaction-signal-dot{width:12px;height:12px;flex:0 0 auto;border-radius:999px}.reaction-signal-dot--green{background:#11853b}.reaction-signal-dot--red{background:#c92b2b}.reaction-secondary-note{width:min(100%,520px);margin:10px 0 0;color:#706c63;font-size:.94rem;font-weight:750}.reaction-note{max-width:620px;margin:-8px 0 18px;color:#706c63;font-weight:750;line-height:1.5}.reaction-wide-action{width:min(100%,420px);min-height:56px;margin-top:12px}.reaction-score-grid,.reaction-live-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.reaction-score-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reaction-metric strong{font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.1}.reaction-test-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2dvh,18px);height:100%}.reaction-test-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.reaction-test-top .eyebrow{margin-bottom:4px;text-align:right}.reaction-test-top strong{display:block;color:#171717;text-align:right}.reaction-tap-zone{display:grid;min-height:0;width:100%;place-items:center;align-content:center;gap:12px;border:2px solid rgba(36,83,207,.18);border-radius:8px;color:#171717;background:#ffffffc7;box-shadow:0 18px 50px #1a181414;cursor:pointer;touch-action:manipulation}.reaction-tap-zone span{font-size:clamp(4rem,20vw,7rem);font-weight:950;line-height:.95}.reaction-tap-zone small{color:#706c63;font-size:1rem;font-weight:850}.reaction-tap-zone--active{border-color:#11853b;color:#fff;background:#11853b}.reaction-tap-zone--active small{color:#ffffffd6}.reaction-tap-zone--noGo{border-color:#c92b2b;color:#fff8f4;background:#c92b2b}.reaction-tap-zone--noGo span{font-size:clamp(3.1rem,13vw,5.8rem);text-align:center}.reaction-tap-zone--feedback{color:#171717;background:#fff}.choice-pad{position:relative;display:grid;min-height:0;grid-template:". top ." minmax(92px,1fr) "left . right" minmax(92px,1fr) ". bottom ." minmax(92px,1fr) / 1fr 1fr 1fr;gap:clamp(10px,2dvh,16px)}.choice-target{display:grid;place-items:center;border:2px solid rgba(36,83,207,.18);border-radius:8px;background:#ffffffd1;box-shadow:0 14px 34px #1a181412;cursor:pointer;touch-action:manipulation}.choice-target span{font-size:clamp(1.8rem,8vw,3.2rem);font-weight:950}.choice-target--top{grid-area:top}.choice-target--left{grid-area:left}.choice-target--right{grid-area:right}.choice-target--bottom{grid-area:bottom}.choice-target--active{border-color:#11853b;color:#fff;background:#11853b}.reaction-live-stats{margin:0}.reaction-live-stats .score-tile{padding:10px}.reaction-live-stats .score-tile span{font-size:.72rem}.reaction-live-stats .score-tile strong{font-size:1.05rem}.reaction-results{max-width:920px;padding:clamp(28px,6dvh,64px) 0 40px}.reaction-breakdown{min-height:0}.reaction-result-actions{max-width:520px}.reaction-result-actions .primary-action,.reaction-result-actions .ghost-action{min-height:54px;flex:1 1 210px}.reaction-result-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(23,23,23,.08)}.reaction-result-row span{color:#706c63;font-weight:750}.reaction-result-row strong{color:#171717}.reaction-leaderboard-list{display:grid;gap:12px}.reaction-leaderboard-entry{padding:14px;border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#f7f5efb3}.reaction-leaderboard-summary{display:grid;width:100%;grid-template-columns:72px minmax(0,1fr) auto 28px;gap:12px;align-items:center;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;text-align:left}.reaction-leaderboard-name{display:grid;min-width:0;gap:2px}.reaction-leaderboard-name strong{overflow-wrap:anywhere;color:#171717;font-size:1.1rem}.reaction-leaderboard-name span{color:#706c63;font-size:.88rem;font-weight:750}.reaction-leaderboard-score{color:#171717;font-size:clamp(1.5rem,4vw,2rem);text-align:right}.accordion-chevron{display:grid;width:28px;height:28px;place-items:center;color:#706c63;font-size:1.15rem;font-weight:900;transition:transform .16s ease}.accordion-chevron--open{transform:rotate(180deg)}.reaction-participant-panel{margin-top:14px;padding-top:14px;border-top:1px solid rgba(23,23,23,.08)}.reaction-participant-meta{display:flex;gap:12px;align-items:center;justify-content:space-between;color:#171717}.reaction-participant-meta span{color:#706c63;font-weight:750}.reaction-participant-panel h2{margin:16px 0 8px;color:#171717;font-size:1rem}.reaction-attempt-list{display:grid;gap:8px}.reaction-attempt-item{border:1px solid rgba(23,23,23,.07);border-radius:8px;background:#ffffff9e}.reaction-attempt-toggle{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto 28px;gap:10px;align-items:center;min-height:48px;padding:0 12px;border:0;color:#171717;background:transparent;cursor:pointer;text-align:left;font-weight:850}.reaction-attempt-toggle strong{font-size:1rem}.reaction-attempt-breakdown{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}.reaction-attempt-breakdown div{display:grid;gap:4px;min-width:0;padding:10px;border-radius:8px;background:#ffffffb3}.reaction-attempt-breakdown span{color:#706c63;font-size:.72rem;font-weight:850;text-transform:uppercase}.reaction-attempt-breakdown strong{color:#171717;font-size:.92rem;overflow-wrap:anywhere}.reaction-attempt-details{margin:0;padding:0 12px 12px;color:#4d4a44}.reaction-attempt-history h2,.admin-section-title{margin:18px 0 10px;color:#171717;font-size:1rem}.reaction-attempt-breakdown--compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}@media(max-width:760px){.hub-shell{gap:22px}.beta-access-shell{align-items:center}.beta-access-card .brand{margin-bottom:clamp(28px,7dvh,48px)}.hub-hero{padding-top:28px}.hub-hero h1,.reaction-intro h1,.reaction-results h1{font-size:clamp(2.4rem,11vw,3.25rem);line-height:1}.assessment-grid{grid-template-columns:1fr}.assessment-card{min-height:0}.assessment-actions{flex-direction:column}.assessment-actions .primary-action,.assessment-actions .ghost-action{width:100%;flex-basis:auto}.reaction-intro{min-height:calc(100dvh - 86px)}.reaction-overall-intro{justify-content:center}.reaction-overall-intro .lead,.reaction-section-intro .lead{margin-top:14px;margin-bottom:2px;line-height:1.42}.reaction-roadmap{gap:7px;margin:8px 0 12px}.reaction-roadmap-item{grid-template-columns:38px minmax(0,1fr);min-height:48px;padding:0 12px}.reaction-how-card{margin-top:14px;padding:12px}.reaction-how-rows{gap:8px}.reaction-how-row{grid-template-columns:minmax(84px,.48fr) minmax(0,1fr);gap:10px;padding-top:8px}.reaction-how-row strong{font-size:.78rem}.reaction-how-row span,.reaction-secondary-note{font-size:.94rem;line-height:1.34}.reaction-score-grid{grid-template-columns:1fr 1fr}.reaction-shell--active{width:100%}.reaction-test-panel{gap:10px}.reaction-live-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.reaction-live-stats .score-tile{padding:8px}.choice-pad{grid-template:". top ." minmax(74px,1fr) "left . right" minmax(74px,1fr) ". bottom ." minmax(74px,1fr) / 1fr 1fr 1fr}.reaction-attempt-breakdown,.reaction-attempt-breakdown--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.reaction-leaderboard-summary{grid-template-columns:auto minmax(0,1fr) 28px;grid-template-areas:"rank name chevron" "score score chevron"}.reaction-leaderboard-summary .leaderboard-rank{grid-area:rank}.reaction-leaderboard-name{grid-area:name}.reaction-leaderboard-score{grid-area:score;text-align:left}.reaction-leaderboard-summary .accordion-chevron{grid-area:chevron;align-self:center}.reaction-result-actions{max-width:100%}.reaction-result-actions .primary-action,.reaction-result-actions .ghost-action{width:100%;min-height:54px;flex-basis:auto}}@media(max-height:700px){.reaction-shell--active{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.reaction-tap-zone span{font-size:clamp(3.2rem,16vw,5.4rem)}.reaction-tap-zone--noGo span{font-size:clamp(2.45rem,12vw,4.6rem)}.reaction-roadmap-item{min-height:44px}.reaction-how-card{margin-top:10px}.reaction-how-row{padding-top:7px}.reaction-live-stats .score-tile span{font-size:.66rem}}.dat-ui{--dat-ink: #202521;--dat-muted: #636862;--dat-border: #dfe2dc;--dat-surface: #ffffff;--dat-canvas: #f6f6f2;--dat-accent: #2453cf;--dat-accent-soft: #eef2fc;--dat-radius: 14px;--dat-control-radius: 10px;--dat-space: clamp(14px, 2.2dvh, 20px);color:var(--dat-ink);background:var(--dat-canvas)}.onboarding-shell{display:grid;grid-template-rows:44px minmax(0,1fr) auto;gap:var(--dat-space);width:min(560px,calc(100% - 40px));height:min(100dvh,820px);min-height:0;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom))}.onboarding-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.dat-ui .onboarding-back{display:inline-flex;align-items:center;justify-self:start;gap:5px;min-height:44px;padding:0 8px 0 0;color:var(--dat-muted);font-size:.875rem;font-weight:550}.onboarding-back>span{font-size:1.5rem;line-height:1}.onboarding-step-count{justify-self:end;color:var(--dat-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.progress-dots{display:flex;gap:5px}.progress-dot{width:20px;height:3px;border-radius:2px;background:var(--dat-border)}.progress-dot--active{background:var(--dat-accent)}.onboarding-card{min-height:0;padding-top:clamp(6px,1.6dvh,14px);overflow-y:auto;scrollbar-width:thin}.onboarding-content{display:grid;align-content:start;gap:var(--dat-space);padding-bottom:4px}.dat-step-heading{min-height:86px}.onboarding-content h1{margin:0;color:var(--dat-ink);font-size:clamp(1.85rem,4.8vw,2.25rem);font-weight:650;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.onboarding-content p{margin:0;color:var(--dat-muted);font-size:.9375rem;line-height:1.5}.onboarding-content .eyebrow,.onboarding-content .demo-label,.task-label{display:block;color:var(--dat-muted);font-size:.6875rem;font-weight:650;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.onboarding-content .eyebrow{margin-bottom:8px}.onboarding-content strong{color:var(--dat-ink);font-weight:650}.task-card-list,.ready-list{display:grid;margin:0;padding:0;list-style:none;border-block:1px solid var(--dat-border)}.task-card,.ready-rule{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:17px 0}.task-card+.task-card,.ready-rule+.ready-rule{border-top:1px solid var(--dat-border)}.task-marker{padding-top:1px;color:var(--dat-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.task-label{margin-bottom:4px}.task-card p,.ready-rule p{color:var(--dat-ink)}.onboarding-content .onboarding-reminder{padding-left:12px;border-left:2px solid #aabbe9;color:var(--dat-muted);font-size:.875rem}.dat-demo{margin:0;padding:20px;border:1px solid var(--dat-border);border-radius:var(--dat-radius);background:var(--dat-surface)}.target-summary{display:flex;align-items:center;gap:20px;padding-bottom:18px}.target-summary .demo-label{margin-bottom:6px}.target-card{display:grid;flex:0 0 76px;height:80px;place-items:center;color:var(--dat-accent);font-size:4rem;font-weight:650;line-height:1}.target-example-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:16px;border-top:1px solid var(--dat-border)}.target-example{padding:10px 0;border-radius:var(--dat-control-radius);text-align:center}.target-example>span{font-size:1.75rem;font-weight:600;line-height:1.2}.target-example p{margin-top:5px;font-size:.75rem}.target-example--tap{color:var(--dat-accent);background:var(--dat-accent-soft)}.target-example--tap p{color:var(--dat-accent);font-weight:650}.instruction-lines{display:grid;gap:4px}.memory-example-sequence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0 0 14px}.sequence-item{display:grid;min-height:40px;place-items:center;color:var(--dat-ink);font-size:1.625rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.memory-demo figcaption{padding-top:12px;border-top:1px solid var(--dat-border);text-align:center}.memory-demo figcaption p{font-size:.875rem}.recall-instruction{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:12px}.recall-time{display:grid;gap:1px;padding-top:2px;font-size:1.5rem;font-weight:550;line-height:1;text-align:center}.recall-time>span{color:var(--dat-muted);font-size:.75rem;font-weight:400;line-height:1.5}.recall-instruction p{font-size:.875rem}.recall-instruction .recall-order{margin-top:4px;color:var(--dat-ink);font-weight:550}.maths-demo{display:grid;justify-items:center;gap:16px;text-align:center}.maths-example{font-size:2.5rem;font-weight:600;line-height:1.2}.maths-demo-entry{display:flex;gap:14px;align-items:center}.demo-key{display:grid;min-width:56px;min-height:44px;padding:0 16px;place-items:center;border:1px solid var(--dat-border);border-radius:var(--dat-control-radius);background:var(--dat-canvas);font-size:1.125rem;font-weight:550}.demo-key--enter{border-color:var(--dat-accent);color:#fff;background:var(--dat-accent);font-size:.75rem;font-weight:650}.demo-arrow{color:var(--dat-muted)}.maths-demo figcaption{max-width:310px;color:var(--dat-muted);font-size:.875rem;line-height:1.5}.onboarding-content .keyboard-instruction{font-size:.875rem}.dat-ui kbd{font:inherit;font-weight:600}.check-marker{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--dat-border);border-radius:50%;color:var(--dat-muted);font-size:.875rem}.after-test-copy{display:grid;gap:8px}.onboarding-controls .primary-action{display:flex;width:100%;min-height:52px;padding:0 18px;align-items:center;justify-content:space-between;border-radius:var(--dat-control-radius);font-size:.9375rem;font-weight:600;box-shadow:none}.onboarding-controls .primary-action>span{font-size:1.125rem}.test-shell{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;width:min(540px,100%);height:100dvh;max-height:940px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));user-select:none;-webkit-user-select:none}.exit-button{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 8px);left:23px;z-index:2;min-width:60px;height:44px;padding:0 10px;border:0;border-radius:var(--dat-control-radius);color:var(--dat-muted);background:transparent;cursor:pointer;font-size:.875rem;font-weight:550}.detection-area{display:grid;grid-template-rows:44px minmax(0,1fr) minmax(44px,.42fr) 48px;gap:8px;min-width:0;min-height:0;padding:8px 14px 16px;place-items:center;border:1.5px solid #8da4de;border-radius:var(--dat-radius);color:var(--dat-ink);background:var(--dat-surface);cursor:pointer;text-align:center;touch-action:manipulation;transition:background-color .12s ease,border-color .12s ease}.detection-area--pressed,.detection-area:active{border-color:var(--dat-accent);background:var(--dat-accent-soft)}.test-timer{color:var(--dat-muted);font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.stream-item{color:var(--dat-ink);font-size:clamp(4.75rem,12dvh,7.5rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.math-question{color:var(--dat-ink);font-size:clamp(1.875rem,4.8dvh,2.625rem);font-weight:600;line-height:1.15}.answer-display{display:grid;width:104px;height:48px;place-items:center;border-bottom:1px solid var(--dat-border);color:var(--dat-ink);font-size:1.75rem;font-weight:550;font-variant-numeric:tabular-nums;line-height:1}.test-keypad{display:grid;gap:10px;width:100%}.test-keypad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(48px,7dvh,64px);gap:8px}.test-keypad .keypad-button{min-height:0;border:1px solid var(--dat-border);border-radius:var(--dat-control-radius);color:var(--dat-ink);background:var(--dat-surface);box-shadow:0 1px 1px #20252105;font-size:1.375rem;font-weight:550;touch-action:manipulation}.test-keypad .keypad-button--delete{color:var(--dat-muted);background:#eeefea}.keypad-button--delete svg{width:23px;height:23px}.enter-button{display:grid;width:100%;min-height:56px;place-items:center;border:0;border-radius:var(--dat-control-radius);color:#fff;background:var(--dat-accent);cursor:pointer;font-size:.9375rem;font-weight:650;letter-spacing:.04em;touch-action:manipulation}.dat-ui button:focus-visible{outline:3px solid var(--dat-accent);outline-offset:3px}.dat-ui .keypad-button:active{background:#e8eae4}.dat-ui .primary-action:active,.enter-button:active{background:#1c43aa}@media(min-width:768px){.onboarding-shell{padding-top:24px;padding-bottom:28px;gap:24px}.onboarding-card{padding-top:20px}.onboarding-content p{font-size:1rem}.test-shell{padding-top:20px;padding-bottom:20px}.exit-button{top:28px}}@media(max-height:700px){.dat-ui{--dat-space: 12px}.onboarding-shell{gap:12px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.onboarding-card{padding-top:6px}.task-card,.ready-rule{padding-block:13px}.dat-demo{padding:16px}.target-summary{padding-bottom:12px}.target-example-row{padding-top:12px}.test-shell{gap:10px}.detection-area{gap:4px;padding-bottom:10px}}@media(prefers-reduced-motion:reduce){.dat-ui *,.dat-ui *:before,.dat-ui *:after{animation:none!important;transition:none!important}}