*{box-sizing:border-box}:root{--ink:#f8f8ff;--muted:#a8b0c5;--panel:rgba(255,255,255,.06);--line:rgba(255,255,255,.11);--purple:#9b7bff;--yellow:#ffc700;--green:#54e3ae;--danger:#ff6f7d}html,body{margin:0;min-height:100%;background:#090e1d;color:var(--ink);font-family:"DM Sans",sans-serif}body{overflow-x:hidden}button,input{font:inherit}.app{position:relative;min-height:100vh;isolation:isolate;background:radial-gradient(circle at 42% 42%,rgba(132,80,216,.19),transparent 38%),linear-gradient(145deg,#0d1225,#090d19 72%)}.app:before{content:"";position:fixed;inset:0;z-index:-2;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,#000,transparent 82%)}.ambient{position:fixed;border-radius:50%;z-index:-1;pointer-events:none}.ambient-one{width:330px;height:330px;left:-150px;bottom:-190px;background:rgba(0,163,255,.14)}.ambient-two{width:280px;height:280px;right:80px;top:-210px;background:rgba(255,199,0,.1)}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid var(--line);background:rgba(9,14,29,.52);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 17px Manrope,sans-serif}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#b900ff,#832ec5);box-shadow:0 8px 22px rgba(131,46,197,.32)}.top-title{display:flex;align-items:baseline;gap:10px}.top-title strong{font:800 16px Manrope,sans-serif}.top-title span{color:var(--muted);font-size:11px}.top-actions{display:flex;gap:8px}.icon-button{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-size:18px}.icon-button:hover,.icon-button:focus-visible{background:rgba(255,255,255,.12);outline:2px solid rgba(155,123,255,.5);outline-offset:2px}.icon-button[aria-pressed="false"]{color:var(--muted)}.game-grid{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:22px 0;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;min-height:calc(100vh - 68px)}.play-panel,.history-panel{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.042);box-shadow:0 22px 70px rgba(0,0,0,.22);backdrop-filter:blur(15px)}.play-panel{padding:23px;display:flex;flex-direction:column;gap:15px}.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.eyebrow{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#9da6ba;font-weight:800}.intro h1{font:800 clamp(27px,3vw,42px)/1.05 Manrope,sans-serif;letter-spacing:-.04em;margin:5px 0 7px}.intro p{margin:0;color:var(--muted);font-size:13px}.reset-button{border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--muted);padding:9px 13px;font-size:11px;font-weight:800;cursor:pointer}.reset-button:hover,.reset-button:focus-visible{color:white;background:rgba(255,255,255,.1);outline:2px solid rgba(255,255,255,.16);outline-offset:2px}.instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.instruction{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;min-height:52px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(3,7,16,.3)}.instruction-number{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(155,123,255,.16);color:#cbbdff;font:800 11px Manrope,sans-serif}.instruction strong{display:block;font-size:11px}.instruction span:last-child{display:block;color:#838da2;font-size:9px;line-height:1.35;margin-top:2px}.setup{display:grid;grid-template-columns:minmax(140px,1fr) 140px minmax(240px,1.45fr);gap:10px}.field{display:flex;flex-direction:column;gap:5px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:rgba(3,6,14,.38)}.field span{color:#8f98ac;font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:800}.field input{width:100%;height:30px;padding:0;border:0;outline:0;background:transparent;color:white;font-weight:700}.field input::placeholder{color:#626d82}.field:focus-within{border-color:rgba(155,123,255,.55);box-shadow:0 0 0 3px rgba(155,123,255,.08)}.field:has(input[aria-invalid="true"]){border-color:var(--danger)}.target-generator{display:grid;grid-template-columns:minmax(105px,1fr) auto;gap:8px;padding:8px;border:1px solid rgba(255,199,0,.19);border-radius:14px;background:rgba(255,199,0,.055)}.target-display{display:flex;flex-direction:column;justify-content:center;padding:0 8px;text-align:left}.target-display span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#a99e76;font-weight:800}.target-display strong{font:800 25px Manrope,sans-serif;color:#fff;line-height:1;font-variant-numeric:tabular-nums}.target-display small{font-size:9px;color:#837b65;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-ready .target-display strong{color:#ffe88f}.generate-button{min-width:126px;border:0;border-radius:10px;background:#ffc700;color:#261900;padding:0 13px;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(255,199,0,.16)}.generate-button:hover,.generate-button:focus-visible{background:#ffd232;outline:3px solid rgba(255,199,0,.2);outline-offset:2px;transform:translateY(-1px)}.error-message{display:none;margin:-7px 0 -5px;color:#ff9ba5;font-size:11px}.error-message.show{display:block}.action-button{position:relative;min-height:190px;width:100%;border:1px solid rgba(155,123,255,.26);border-radius:21px;background:radial-gradient(circle at 50% 38%,rgba(155,123,255,.22),transparent 55%),rgba(6,9,20,.48);color:white;cursor:pointer;overflow:hidden;transition:.2s transform,.2s border-color,.2s background}.action-button:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(255,255,255,.08);border-radius:15px;pointer-events:none}.action-button:hover:not(:disabled),.action-button:focus-visible{border-color:rgba(155,123,255,.6);background:radial-gradient(circle at 50% 38%,rgba(155,123,255,.31),transparent 58%),rgba(6,9,20,.55);transform:translateY(-2px);outline:3px solid rgba(155,123,255,.13);outline-offset:3px}.action-button:active:not(:disabled){transform:scale(.992)}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px}.action-kicker{color:#a9b0c6;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.action-label{font:800 clamp(28px,4.2vw,52px)/1 Manrope,sans-serif;letter-spacing:-.04em}.action-subtext{color:#9ba4b8;font-size:12px}.action-subtext kbd{padding:3px 8px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(255,255,255,.07);font:700 10px "DM Sans",sans-serif;color:white}.app.running .action-button{border-color:rgba(255,111,125,.48);background:radial-gradient(circle at 50% 38%,rgba(255,83,103,.25),transparent 57%),rgba(35,6,14,.55);animation:softPulse 1.15s ease-in-out infinite}.app.running .action-label{color:#ffadb6}.app.running .target-generator,.app.running .instructions,.app.running .intro,.app.running .setup>.field{opacity:.26;pointer-events:none}.app.running .target-display strong{visibility:hidden}.app.running .target-display:after{content:"DON'T LOOK";position:absolute;color:#ffe88f;font:800 12px Manrope,sans-serif}.target-display{position:relative}.result-card{display:flex;align-items:center;gap:9px;padding:10px 13px;margin-top:-4px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);font-size:12px}.result-card strong{color:#ffe88f;white-space:nowrap}.result-card.exact{border-color:rgba(84,227,174,.34);background:rgba(84,227,174,.08)}.result-card.exact strong{color:var(--green)}.hidden{display:none!important}.history-panel{padding:21px 18px;min-height:0;display:flex;flex-direction:column}.history-heading{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.history-heading h2{margin:3px 0 0;font:800 20px Manrope,sans-serif}.attempt-count{display:grid;place-items:center;min-width:29px;height:29px;padding:0 8px;border-radius:9px;background:rgba(155,123,255,.14);color:#cbbdff;font-size:12px;font-weight:800}.empty-history{margin:auto;padding:30px 10px;text-align:center;color:#727c91}.empty-history span{font-size:30px}.empty-history p{font-size:12px;line-height:1.5}.attempts-list{list-style:none;margin:10px 0 0;padding:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#5f4c91 transparent}.attempt{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.07);animation:slideIn .25s ease}.attempt-main{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.attempt-number{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.06);color:#8992a6;font-size:10px;font-weight:800}.attempt-main strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.attempt-main div span{display:block;color:#858fa3;font-size:9px;margin-top:2px}.attempt-main b{font:800 15px Manrope,sans-serif;font-variant-numeric:tabular-nums}.attempt-difference{margin:5px 0 0 36px;color:#9ca5b8;font-size:9px}.attempt.exact .attempt-difference{color:var(--green)}.celebrate .play-panel{animation:celebrate .8s ease}.celebrate .result-card{box-shadow:0 0 30px rgba(84,227,174,.15)}@keyframes softPulse{50%{box-shadow:0 0 36px rgba(255,91,111,.12)}}@keyframes slideIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes celebrate{40%{transform:scale(1.008);border-color:rgba(84,227,174,.48)}}@media(max-width:860px){.top-title{display:none}.game-grid{grid-template-columns:1fr;grid-template-rows:auto 150px;min-height:calc(100vh - 60px);padding:12px 0;gap:10px}.topbar{height:60px;padding:0 16px}.play-panel{padding:15px;gap:10px;border-radius:19px}.intro h1{font-size:26px}.instructions{gap:6px}.instruction{min-height:46px;padding:7px}.instruction span:last-child{display:none}.setup{grid-template-columns:1fr 112px;gap:7px}.target-generator{grid-column:1/-1;min-height:58px}.action-button{min-height:150px}.history-panel{padding:12px 14px;border-radius:17px}.history-heading{padding-bottom:7px}.history-heading h2{font-size:15px}.empty-history{padding:12px}.attempts-list{display:flex;gap:8px;overflow-x:auto;margin-top:7px}.attempt{flex:0 0 190px;padding:7px 8px;border:1px solid rgba(255,255,255,.07);border-radius:10px}.attempt-main{grid-template-columns:24px 1fr auto}.attempt-number{width:22px;height:22px}.attempt-difference{margin-left:32px}.result-card{margin:0}}@media(max-width:520px){.game-grid{width:calc(100% - 20px);grid-template-rows:auto 146px}.brand>span:last-child{display:none}.play-panel{padding:12px}.intro p{font-size:11px}.reset-button{padding:8px 10px}.instructions{grid-template-columns:1fr}.instruction{grid-template-columns:24px 1fr;min-height:34px;padding:5px 8px}.instruction-number{width:22px;height:22px}.instruction strong{font-size:10px}.setup{grid-template-columns:1fr 105px}.field{padding:8px 9px}.target-generator{grid-template-columns:1fr 128px}.generate-button{min-width:0;padding:0 8px}.target-display strong{font-size:22px}.action-button{min-height:126px;border-radius:17px}.action-label{font-size:27px}.action-subtext{font-size:10px}.result-card{font-size:10px;align-items:flex-start}.history-panel{padding:10px 12px}.empty-history p{margin:4px 0}.intro h1{font-size:24px}}@media(max-height:700px) and (min-width:861px){.game-grid{padding:12px 0}.play-panel{padding:16px;gap:9px}.intro h1{font-size:30px;margin-top:2px}.instructions .instruction{min-height:44px}.action-button{min-height:150px}.history-panel{padding-top:16px;padding-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}