@font-face{font-family:Bricolage;src:url('/fonts/bricolage-latin.woff2') format('woff2');font-display:swap;font-weight:700}*{box-sizing:border-box}body{margin:0;background:#f0f3f8;color:#142d4d;font:15px/1.5 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #ced9e7;padding-bottom:24px}a{color:inherit;text-decoration:none}header>a{font-weight:700}header>span{font-size:10px;letter-spacing:.1em;color:#5a6e86}.title{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.title p{margin:0;color:#175ce6;font-size:11px;letter-spacing:.12em}.title h1{font:700 52px/1.1 Bricolage,sans-serif;letter-spacing:-.045em;margin:8px 0}.score{text-align:right}.score span{display:block;font-size:10px;letter-spacing:.12em}.score strong{font-size:32px;font-variant-numeric:tabular-nums}.screen{position:relative;overflow:hidden;border-radius:24px;background:#10243a;box-shadow:0 20px 60px #142d4d18}canvas{width:100%;height:auto;display:block;touch-action:none;image-rendering:pixelated}#cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#10243a35}#cover[hidden]{display:none}#status{color:white;font:700 28px Bricolage,sans-serif;text-shadow:0 2px 8px #10243a}button{font:700 14px system-ui,sans-serif;min-height:44px;padding:10px 22px;border-radius:999px;border:1px solid #c9d6e6;background:white;color:#142d4d;cursor:pointer}button:hover{background:#e6edff}button:focus-visible,a:focus-visible{outline:3px solid #175ce6;outline-offset:4px}#start{background:#175ce6;color:white;border:0;padding:14px 40px}button:disabled{opacity:.45;cursor:default}footer{display:flex;align-items:center;gap:12px;margin-top:14px}footer p{flex:1;color:#5a6e86;font-size:13px}.contact{display:inline-flex;align-items:center;min-height:44px;color:#175ce6;font-weight:700;font-size:13px;margin-top:16px}#directions{display:flex;justify-content:center;gap:10px;margin-top:16px}#directions[hidden]{display:none}@media(max-width:600px){main{padding:20px}header>span{display:none}.title h1{font-size:40px}.screen{border-radius:18px}footer{flex-wrap:wrap}footer p{flex-basis:100%}#status{font-size:23px}#start{padding:10px 28px}#directions button{padding:10px 18px}}

body{background:#090f1c;color:#edf3ff}main{max-width:1120px;padding:32px}header{border-color:#273248}header>span,footer p{color:#9daec8}.title p,.contact{color:#84acff}.title h1{font-size:64px}.score{display:grid;grid-template-columns:auto auto;gap:0 16px;align-items:center}.score>span{grid-column:1}.score strong{grid-column:1}.score small{grid-column:2;grid-row:1 / 3;padding:12px 18px;border:1px solid #334058;border-radius:16px;color:#9daec8;font-size:10px;letter-spacing:.1em}.score small b{display:block;color:white;font-size:24px;letter-spacing:0}.screen{border:1px solid #36455f;box-shadow:0 10px 30px #0005,0 35px 90px #0005}canvas{image-rendering:auto}#cover{background:linear-gradient(0deg,#060d2099,#060d2010);gap:18px}#status{font-size:36px}button{background:#19253b;border-color:#34435f;color:#eaf2ff;transition:background 180ms cubic-bezier(.22,1,.36,1),transform 180ms cubic-bezier(.22,1,.36,1)}button:hover{background:#263955;transform:translateY(-1px)}#start{background:#e5eeff;color:#13233f;box-shadow:0 5px 24px #0003}#start:hover{background:white}@media(max-width:600px){main{padding:20px 12px}.title h1{font-size:40px}.score small{padding:8px}.score{gap:0 8px}#status{font-size:24px}.screen{border-radius:16px}header{padding-bottom:18px}}@media(prefers-reduced-motion:reduce){button{transition:none}}

.remember{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:#b8c9e3;margin-top:12px}.remember input{width:20px;height:20px;accent-color:#84acff}.storage-info{display:block;font-size:12px;color:#b8c9e3;text-decoration:underline;min-height:44px;padding:12px 0}