*{box-sizing:border-box}html{min-height:100%;background:#17172e}body{margin:0;color:#f6edff;font-family:'Trebuchet MS',Arial,sans-serif;background:radial-gradient(ellipse at 50% 20%,#303052 0%,#17172e 65%);min-height:100dvh}.shell{width:min(100%,500px);margin:auto;padding:22px 22px 14px}header,footer,.stats,.title-row{display:flex;align-items:center;justify-content:space-between}.brand{font-size:10px;letter-spacing:2px;color:#b9aed4;text-decoration:none}h1{font-size:40px;letter-spacing:-1.5px;margin:18px 0 4px}.tagline{margin:0;color:#b9aed4;font-size:14px}.logo{width:88px;height:88px;object-fit:contain}.stats{margin-top:24px;border-top:1px solid #46415b;padding:16px 0 2px;font-size:19px}.stats small{font-size:10px;letter-spacing:2px;color:#b9aed4;margin-right:8px}#board{width:100%;aspect-ratio:480/450;position:relative}canvas{display:block;touch-action:none}button{font:inherit;border:1px solid #554c70;background:#302c48;color:#eee4fc;border-radius:14px;padding:13px 18px;cursor:pointer;min-height:44px}button:hover{background:#463c61}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px solid #f4bca4;outline-offset:3px}.subtle{font-size:12px;border:0;background:transparent;padding:8px;color:#b9aed4}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}#message{min-height:34px;text-align:center;color:#cbbfe0;font-size:14px;margin:8px 0}footer{margin-top:18px}.footnote{text-align:center;font-size:11px;color:#9589af;margin:4px 0}dialog{color:#f6edff;background:#24213c;border:1px solid #655777;border-radius:26px;padding:28px;max-width:min(420px,calc(100vw - 32px));width:420px;max-height:90dvh;box-shadow:0 24px 100px #0007;text-align:center}dialog::backdrop{background:#101020df;backdrop-filter:blur(6px)}dialog p{color:#c7bcd9;line-height:1.65;font-size:14px}dialog h2{font-size:26px;letter-spacing:-.7px}.welcome-logo{width:200px;height:200px;object-fit:contain}.primary{width:100%;background:#ceb7f0;color:#21192f;border:0;font-weight:bold}.primary:hover{background:#e0cafa}#modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.achievement{display:flex;gap:14px;text-align:left;align-items:center;padding:12px 0;border-bottom:1px solid #453952}.achievement img{width:48px;height:48px}.achievement h3{margin:0;font-size:16px}.achievement p{margin:4px 0;font-size:12px}.locked{opacity:.45}@media(max-height:740px){.shell{padding-top:10px}h1{margin-top:8px;font-size:32px}.stats{margin-top:12px;padding-top:10px}#board{max-height:43dvh}footer{margin-top:8px}.welcome-logo{height:140px;width:140px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}