:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf3ff;background:#080f1d;color-scheme:dark;--muted:#8191ad;--blue:#548eff;--line:#26334b}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 15% 15%,#152d562d,transparent 55%),radial-gradient(ellipse at 85% 85%,#272b5529,transparent 55%),#080f1d;display:grid;place-items:center;padding:28px 20px max(28px,env(safe-area-inset-bottom))}.shell{width:100%;max-width:424px}.brand{display:flex;align-items:center;gap:11px;margin:0 5px 23px;font-size:16px;font-weight:750;letter-spacing:-.3px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #3a4970;border-radius:14px;background:linear-gradient(135deg,#28395f,#18243e);box-shadow:0 4px 20px #0003}.brand-icon img{width:31px;height:31px;object-fit:contain}.brand-tag{display:block;font-size:8px;letter-spacing:2.4px;color:#7891b8;margin-top:5px;font-weight:600}.brand-dot{width:7px;height:7px;border-radius:50%;background:#65d5ac;box-shadow:0 0 13px #65d5ac44;margin-left:auto;margin-right:5px}.card{position:relative;padding:25px 23px 20px;border:1px solid #2b3750;border-radius:29px;background:linear-gradient(145deg,#152039,#10192b 70%);box-shadow:0 25px 70px #0005,0 1px 0 #ffffff07 inset}.topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow{display:flex;gap:7px;align-items:center;font-size:11px;color:#b8c7e0;font-weight:600}.eyebrow img{width:20px;height:20px}.step{font-size:10px;color:#97abce;border:1px solid #30415f;border-radius:8px;padding:5px 8px;background:#1b2943}h1{font-size:29px;line-height:1.14;letter-spacing:-1px;margin:22px 0 11px;font-weight:780}.instruction{min-height:35px;font-size:12px;line-height:1.6;color:#99abc6;margin:0 0 17px}.instruction strong{color:#edf4ff;font-weight:700}.progress{display:flex;gap:5px;margin-bottom:18px}.progress span{height:3px;background:#2a3954;flex:1;border-radius:4px}.progress span.active{background:#689dff}.progress span.done{background:#61d1aa}.board{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#0b1222;margin:0 -5px}.board>img{display:block;width:100%;height:100%}.tiles{position:absolute;inset:2.34%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1.7%}.tile{position:relative;cursor:pointer;border:2px solid transparent;border-radius:13px;background:transparent;appearance:none;-webkit-tap-highlight-color:transparent}.tile:focus-visible{outline:3px solid #c5dcff;outline-offset:-4px}.tile.selected{border-color:#80aaff;background:#4177e72e;box-shadow:inset 0 0 0 1px #80aaff44}.tile.selected:after{content:'✓';position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:21px;height:21px;background:#548eff;color:white;border:2px solid #b4d0ff;border-radius:50%;font-size:12px;font-weight:800}.notice{font-size:11px;line-height:1.6;color:#90a5c9;min-height:18px;margin:13px 0 12px}.notice.error{color:#ffb0ae}.primary{width:100%;height:47px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(180deg,#659bff,#4a80ec);border:1px solid #87b1ff;border-radius:13px;color:white;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 5px 20px #2557c52d;cursor:pointer}.primary:disabled{opacity:.42;cursor:default}.primary:not(:disabled):active{transform:translateY(1px)}.primary span{font-size:20px;font-weight:400}.bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.secondary{border:0;background:none;color:#9eafd0;font-family:inherit;font-size:11px;padding:6px 0;cursor:pointer}.secondary:disabled{opacity:.4}.timer{font-size:11px;color:#6f82a4;font-variant-numeric:tabular-nums;letter-spacing:.6px}footer{display:flex;align-items:center;justify-content:center;gap:6px;color:#5c6e8e;font-size:8px;line-height:1.6;margin:18px 4px 0;text-align:center}footer img{width:14px;height:14px;opacity:.65}.success{text-align:center;padding:35px 0 25px}.success-icon{margin:auto;display:grid;place-items:center;width:74px;height:74px;color:#9de8cc;font-size:38px;background:#1e493e;border:1px solid #44846e;border-radius:25px}.success h2{font-size:25px;letter-spacing:-.5px;margin:22px 0 10px}.success p{font-size:13px;line-height:1.75;color:#9db1cc}[hidden]{display:none!important}@media(max-width:360px){body{padding:18px 13px}.card{padding:22px 18px 17px}h1{font-size:26px}.brand{margin-bottom:18px}}@media(prefers-reduced-motion:no-preference){.card{animation:appear .4s ease-out}.tile{transition:border-color .12s,background .12s}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}