:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{color:#ecf0ff;background:radial-gradient(circle at 100% 0,#9362ff6b,#0000 40%),radial-gradient(circle at 0 100%,#4dc9ff57,#0000 36%),linear-gradient(160deg,#131b36 0%,#121936 45%,#171f40 100%);min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;filter:blur(22px);opacity:.46;border-radius:50%;width:46vmax;height:46vmax;position:fixed}body:before{background:radial-gradient(circle,#a577ff94,#a577ff00 65%);animation:16s ease-in-out infinite alternate bg-float-a;top:-18vmax;left:-10vmax}body:after{background:radial-gradient(circle,#61dbff8f,#61dbff00 65%);animation:18s ease-in-out infinite alternate bg-float-b;bottom:-16vmax;right:-8vmax}#app{max-width:900px;margin:0 auto;padding:48px 20px 40px}.layout{gap:24px;display:grid}.hero{background:linear-gradient(145deg,#141c38f0,#0c1022e6);border:1px solid #b5c2ff33;border-radius:24px;padding:30px;box-shadow:0 15px 35px #04071280}.eyebrow{color:#9dafff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}h1{margin:12px 0;font-size:clamp(1.9rem,2.6vw,2.8rem);line-height:1.15}h2{margin:0;font-size:1.35rem}.subtitle{color:#cbd5ff;max-width:65ch;margin:0;line-height:1.6}.view-count{color:#8b9ad4;letter-spacing:.02em;margin:14px 0 0;font-size:.9rem}.github-link{color:#e7edff;background:#25305a59;border:1px solid #b3c2ff59;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.github-link svg{width:16px;height:16px}.github-link:hover{background:#3c4b856b;transform:translateY(-1px)}.footer{justify-content:center;margin-top:-6px;display:flex}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090d1ec7;border:1px solid #aab8ff38;border-radius:20px;padding:22px}.card.streak-active{box-shadow:0 0 0 2px #ffcc6640,0 0 25px #ffb45440}.card-title-wrap{gap:8px;display:grid}.status{color:#c5d0ff;min-height:1.45rem;margin:0}.timer{color:#ffe58f;margin:0;font-size:.96rem;font-weight:700}.player-form{margin-top:12px}.player-input{color:#f5f7ff;background:#080d1fcc;border:1px solid #abbbff59;border-radius:12px;width:100%;padding:11px 12px;font-size:.95rem}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}button{cursor:pointer;border:none;border-radius:12px;padding:10px 14px;font-size:.96rem;font-weight:600}button:disabled{cursor:not-allowed;opacity:.55}.primary-btn{color:#081126;background:linear-gradient(130deg,#8ee3ff,#a3b8ff 45%,#ceb8ff)}.ghost-btn{color:#d8e4ff;background:#a5b5ff33;border:1px solid #afbfff59}.danger-btn{color:#ffe5ea;background:#ff6b8c33;border:1px solid #ff849e73}.note-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px;margin-top:16px;display:grid}.submit-btn{width:100%;margin-top:12px}.note-btn{color:#f0f4ff;background:#7a92ff3d;border:1px solid #afc1ff52;min-height:48px}.note-btn.selected{background:#4ed1a13d;border-color:#a9ffdbf2;box-shadow:inset 0 0 0 2px #5cffbe38}.note-btn:hover,.ghost-btn:hover,.primary-btn:hover{transform:translateY(-1px)}.scoreboard{color:#d9e2ff;flex-wrap:wrap;gap:20px;margin-top:16px;display:flex}.scoreboard p{margin:0}.streak-effect{color:#ffd166;letter-spacing:.02em;opacity:0;min-height:1.35rem;margin:10px 0 0;font-weight:700;transform:translateY(4px)scale(.98)}.leaderboard-card{margin-top:-8px}.leaderboard-wrap{margin-top:12px;overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%;font-size:.94rem}.leaderboard-table th,.leaderboard-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #adbaff2e;padding:10px 8px}.leaderboard-table th{color:#c9d5ff;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:700}.leaderboard-table tbody tr:first-child td{color:#ffd166;font-weight:700}.leaderboard-table tbody tr:nth-child(2) td,.leaderboard-table tbody tr:nth-child(3) td{color:#d9e6ff}.leaderboard-table th:first-child,.leaderboard-table td:first-child{white-space:nowrap;width:64px;min-width:64px}.streak-effect.show{animation:.9s streak-pop}@keyframes streak-pop{0%{opacity:0;transform:translateY(8px)scale(.95)}25%{opacity:1;transform:translateY(0)scale(1.04)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-5px)scale(.98)}}@keyframes bg-float-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(11vmax,7vmax)scale(1.12)}}@keyframes bg-float-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(-10vmax,-6vmax)scale(1.1)}}.player-input:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #8cb8ff}.hint{color:#9eb0f9;margin:12px 0 0;font-size:.9rem}@media (width<=620px){#app{padding:26px 14px 30px}.hero,.card{padding:18px}.leaderboard-table{font-size:.88rem}.leaderboard-table th,.leaderboard-table td{padding:9px 6px}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:70px;min-width:70px}}