@font-face{font-family:"Hennessy Serif";src:url(/Fonts/Hennessy%20Serif%201765.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hennessy Sans;src:url(/Fonts/Hennessy%20Sans%201765.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hennessy Neutral;src:url(/Fonts/Hennessy%20Neutral%201765%20Rg.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hennessy Neutral;src:url(/Fonts/Hennessy%20Neutral%201765%20It.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--bg: #0a0604;--text: #ffffff;--muted: rgba(255, 255, 255, .55);--accent-red: #c8102e;--panel: rgba(12, 8, 6, .55);--border: rgba(255, 255, 255, .85);--container: 834px;--font-serif: "Hennessy Serif", Georgia, serif;--font-sans: "Hennessy Sans", "Helvetica Neue", Arial, sans-serif;--font-neutral: "Hennessy Neutral", "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;overflow-x:hidden}.page{position:relative;min-height:100dvh;display:flex;justify-content:center;background-color:var(--bg);background-image:url(/bg.webp);background-size:cover;background-position:center right;background-repeat:no-repeat}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0000008c,#0003 45%,#0000000d);pointer-events:none}.shell{position:relative;z-index:1;width:100%;max-width:var(--container);min-height:100dvh;margin:0 auto;padding:clamp(20px,4vh,48px) clamp(20px,5vw,56px) clamp(24px,5vh,56px);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.shell--center{justify-content:center}.shell--register{justify-content:flex-start}.logo{width:min(220px,42vw);height:auto;display:block;margin:0 auto clamp(28px,4vh,48px);flex-shrink:0}.shell--register .logo{margin-bottom:clamp(12px,2.5vh,28px)}.register-body{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;min-height:0;box-sizing:border-box}.headline{text-align:center;margin:0 0 clamp(20px,3vh,40px);width:100%}.headline h1{margin:0;font-family:var(--font-sans);font-size:clamp(22px,4.2vw,42px);font-weight:700;letter-spacing:.06em;line-height:1.15;text-transform:uppercase}.headline p{margin:8px 0 0;font-family:var(--font-neutral);font-size:clamp(13px,2.4vw,22px);font-weight:400;letter-spacing:.08em;text-transform:uppercase}.panel{width:100%;max-width:560px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:clamp(20px,3.5vh,40px) clamp(18px,3vw,36px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box}.field{margin-bottom:22px}.field:last-child{margin-bottom:0}.field label{display:block;margin-bottom:10px;font-family:var(--font-sans);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.field input{width:100%;height:52px;padding:0 24px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);font-family:var(--font-neutral);font-size:15px;letter-spacing:.06em;text-transform:uppercase;outline:none}.field input::placeholder{color:var(--muted);text-transform:uppercase}.field input:focus{border-color:#fff;box-shadow:0 0 0 1px #ffffff59}.btn-play{margin-top:clamp(20px,4vh,40px);width:min(100%,280px);max-width:100%;height:56px;border:none;border-radius:999px;background:#fff;color:#1a1a1a;font-family:var(--font-sans);font-size:20px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,opacity .15s ease;box-sizing:border-box}.btn-play:active{transform:scale(.98)}.btn-play:disabled{opacity:.55;cursor:not-allowed}.error-msg{margin-top:18px;min-height:1.4em;text-align:center;color:#ff8a8a;font-family:var(--font-neutral);font-size:14px;letter-spacing:.04em}.game-shell{justify-content:space-between;padding-bottom:clamp(40px,6vh,72px)}.game-headline{margin:0 0 clamp(56px,8vh,80px);width:100%}.game-headline h1{text-align:center}.counter{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:0;gap:0}.counter-digits{display:flex;gap:clamp(14px,2.5vw,28px);justify-content:center}.digit{display:flex;flex-direction:column;align-items:center;min-width:clamp(48px,10vw,84px)}.digit span{font-family:var(--font-sans);font-size:clamp(64px,12vw,110px);font-weight:700;line-height:1;letter-spacing:.02em}.digit i{display:block;width:100%;height:2px;margin-top:10px;background:#ffffffe6}.game-controls{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:clamp(20px,4vh,40px)}.btn-circle{width:clamp(160px,28vw,210px);height:clamp(160px,28vw,210px);border:none;border-radius:50%;background:#fff;color:var(--accent-red);font-family:var(--font-sans);font-size:clamp(28px,4.5vw,40px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 40px #00000059;transition:transform .12s ease}.btn-circle:active{transform:scale(.96)}.btn-circle.is-start{color:#1a1a1a}.btn-circle:disabled{opacity:.7;cursor:wait}.hint{margin:0;font-family:var(--font-sans);font-size:clamp(14px,2vw,18px);letter-spacing:.14em;text-transform:uppercase}.success-banner{width:min(100%,560px);margin:0 0 20px;text-align:center}.success-banner h2{margin:0 0 8px;font-family:var(--font-sans);font-size:clamp(18px,2.6vw,24px);letter-spacing:.06em;text-transform:uppercase}.success-banner p{margin:0;font-family:var(--font-neutral);font-size:clamp(14px,2vw,17px);letter-spacing:.04em;color:#ffffffd9;line-height:1.45}.leaderboard-panel{width:min(100%,560px);flex:1;min-height:0;display:flex;flex-direction:column;max-height:min(62vh,640px)}.leaderboard-panel h2{margin:0 0 18px;text-align:center;font-family:var(--font-sans);font-size:clamp(20px,2.8vw,26px);letter-spacing:.12em;text-transform:uppercase}.leaderboard-list{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:#fff transparent}.leaderboard-list::-webkit-scrollbar{width:4px}.leaderboard-list::-webkit-scrollbar-track{background:#ffffff26;border-radius:999px}.leaderboard-list::-webkit-scrollbar-thumb{background:#fff;border-radius:999px}.leaderboard-row{display:grid;grid-template-columns:3.5rem 1fr 4.5rem;align-items:center;column-gap:12px;min-height:48px;padding:12px 22px;border:1px solid var(--border);border-radius:999px;font-family:var(--font-sans);font-size:clamp(13px,1.8vw,16px);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.lb-rank{text-align:left;justify-self:start}.lb-name{text-align:center;overflow:hidden;text-overflow:ellipsis}.lb-score{text-align:right;justify-self:end;font-variant-numeric:tabular-nums}.leaderboard-row.is-you{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff59}.leaderboard-empty{margin:24px 0;text-align:center;color:var(--muted);font-family:var(--font-neutral);letter-spacing:.06em;text-transform:uppercase}.attempts-msg{margin:16px 0 0;text-align:center;font-family:var(--font-neutral);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffbf}.result-actions{margin-top:clamp(16px,2.5vh,28px);display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.result-actions .btn-play{margin-top:0}.home-btn{width:64px;height:64px;border:1.5px solid #fff;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,background .15s ease}.home-btn:active{transform:scale(.96)}.home-btn:hover{background:#ffffff14}.home-btn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}.display-shell{padding-top:clamp(36px,5vh,64px)}.display-shell .leaderboard-panel{width:min(100%,720px);max-height:min(78vh,860px)}.display-shell .leaderboard-row{min-height:56px;font-size:clamp(16px,2.2vw,22px)}.display-meta{margin-top:16px;font-family:var(--font-neutral);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}@media(max-height:700px),(orientation:landscape)and (max-height:500px){.shell--register{padding-top:16px;padding-bottom:16px}.shell--register .logo{width:min(160px,36vw);margin-bottom:10px}.shell--register .headline{margin-bottom:14px}.shell--register .headline h1{font-size:clamp(18px,3.6vw,28px)}.shell--register .headline p{margin-top:4px;font-size:clamp(12px,2vw,16px)}.shell--register .panel{padding:16px 18px}.shell--register .field{margin-bottom:14px}.shell--register .field input{height:44px}.shell--register .btn-play{margin-top:14px;height:48px;font-size:16px}}