:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg:#07111f;--line:rgba(255,255,255,.1);--text:#eef4ff;--muted:rgba(255,255,255,.68);--title-glow:255,210,120}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top,#162845,#09111f 54%,#030814);color:var(--text);font-family:Arial,Helvetica,sans-serif}.app-shell{min-height:100vh}.wrap{max-width:1380px;margin:0 auto;padding:20px}.title-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.title-card{width:min(100%,960px);border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-radius:32px;padding:34px 28px;box-shadow:0 22px 48px #00000057;text-align:center}.coinop-card{position:relative;overflow:hidden}.coinop-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:32px;box-shadow:0 0 44px rgba(var(--title-glow),.22) inset}.marquee{margin:4px auto 18px;display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;font-size:12px;letter-spacing:.22em;color:#ffffffc7}.arcade-title{text-shadow:0 0 8px rgba(var(--title-glow),.45),0 0 22px rgba(var(--title-glow),.28)}.howto-card{max-width:820px}.title-main{margin:0;font-size:clamp(42px,7vw,82px);line-height:.95;font-weight:900}.title-main.small{font-size:clamp(34px,5vw,56px)}.title-sub{margin:16px auto 0;max-width:700px;color:var(--muted);font-size:16px;line-height:1.7}.title-form-row{margin:20px auto 0;max-width:680px;text-align:left}.field-label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.name-input{width:100%;background:#0e1a2d;color:#eef4ff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;font-size:16px;font-weight:700;text-transform:uppercase}.name-input.in-panel{font-size:14px}.theme-pills{display:flex;gap:10px;flex-wrap:wrap}.theme-pill{appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#eef4ff;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.theme-pill.active{background:linear-gradient(180deg,#22e8c4,#0fbea2);color:#04231d}.title-best{margin:24px auto 0;display:inline-block;padding:12px 18px;border-radius:999px;background:#ffffff0f;border:1px solid var(--line);font-size:18px}.title-best strong{font-size:28px;margin-left:10px}.title-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.title-btn{min-width:180px}.title-features{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-box{padding:16px 10px;border-radius:18px;background:#ffffff0d;border:1px solid var(--line);font-weight:700}.leaderboard-card{margin-top:26px;padding:18px;border-radius:22px;background:#ffffff0d;border:1px solid var(--line);text-align:left}.leaderboard-title{font-weight:800;margin-bottom:10px}.leaderboard-empty{color:var(--muted)}.leaderboard-list{display:grid;gap:8px}.side-list{margin-top:8px}.leaderboard-row{display:grid;grid-template-columns:56px 1fr 72px;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#ffffff0d}.lb-rank{font-weight:900;color:#ffffffdb}.lb-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{text-align:right;font-weight:900}.howto-list{margin-top:24px;text-align:left;display:grid;gap:12px}.howto-item{padding:14px 16px;border-radius:18px;background:#ffffff0d;border:1px solid var(--line);line-height:1.65}.topbar{display:flex;gap:16px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}.simple-topbar{justify-content:flex-start}.eyebrow{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:8px 12px;margin-bottom:10px}h1{margin:0;font-size:clamp(34px,6vw,64px);line-height:.95;font-weight:900}h3{margin:0 0 12px}.sub{margin:10px 0 0;color:var(--muted);max-width:760px;font-size:15px;line-height:1.55}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{appearance:none;border:none;cursor:pointer;background:linear-gradient(180deg,#22e8c4,#0fbea2);color:#04231d;font-weight:800;font-size:15px;padding:14px 18px;border-radius:16px;box-shadow:0 10px 25px #00000047}.btn.secondary{background:linear-gradient(180deg,#d8e1f0,#aab7ce);color:#0a1320}.btn:disabled{opacity:.55;cursor:not-allowed}.share-btn{width:100%}.grid{display:grid;grid-template-columns:minmax(0,1.22fr) 420px;gap:18px}@media(max-width:1120px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#ffffff0d,#ffffff08);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 18px 42px #00000047}.game-shell{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:760px}@media(max-width:930px){.game-shell{grid-template-columns:1fr}}.lane-pane{border-right:1px solid var(--line);padding:18px;display:flex;justify-content:center;align-items:flex-start}@media(max-width:930px){.lane-pane{border-right:none;border-bottom:1px solid var(--line)}}.lane-stack{width:100%;max-width:460px;margin-top:0}.lane-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;justify-content:center}.lane-btn{min-width:140px}.lane-btn.primary{min-width:180px}.controls-pane{padding:16px}.panel{background:#030a1673;border:1px solid var(--line);border-radius:24px;padding:16px;margin-bottom:14px}.labelrow{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin:0 0 8px}.smallcaps{color:#ffffff8c;font-size:11px;text-transform:uppercase;letter-spacing:.18em}input[type=range]{width:100%}.mode-select{width:100%;background:#0e1a2d;color:#eef4ff;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;font-size:14px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--line);border-radius:22px;padding:14px}.value{font-size:42px;font-weight:900;line-height:1;margin-top:6px}.status{font-size:14px;line-height:1.6}.muted{color:var(--muted)}.mt8{margin-top:8px}.spacer{height:14px}canvas{width:min(100%,460px);height:auto;display:block;border-radius:22px;box-shadow:0 16px 35px #00000052}.scorecard{padding:16px}.scoregrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}@media(max-width:900px){.scoregrid{grid-template-columns:repeat(5,minmax(0,1fr))}}.frame{background:#0003;border:1px solid var(--line);border-radius:18px;padding:8px}.frame.active{border-color:#5eead4b3;background:#5eead41a}.framehead{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;margin-bottom:8px}.rolls{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.rolls.tenth{grid-template-columns:repeat(3,1fr)}.roll,.frametotal{background:#ffffff0d;border-radius:10px;text-align:center;padding:6px 0;min-height:30px}.roll{font-weight:800}.frametotal{margin-top:8px;font-weight:900}.notes{padding:16px;margin-top:18px}.notes p{margin:0 0 10px;color:var(--muted);line-height:1.65}.meter-shell{position:relative;height:22px;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e,#f59e0b,#ef4444);overflow:hidden;border:1px solid rgba(255,255,255,.12);margin-bottom:8px}.meter-center{position:absolute;left:50%;top:0;width:4px;height:100%;transform:translate(-50%);background:#fff;opacity:.95}.meter-fill{position:absolute;top:-4px;width:10px;height:30px;transform:translate(-50%);background:#e2e8f0;border-radius:8px;box-shadow:0 0 14px #ffffff73}.meter-note{font-size:13px;line-height:1.5}.timing-score{margin-top:8px;font-size:14px}.mobile-controls{display:none;margin-top:12px;gap:10px}.mobile-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;margin-top:10px}.mobile-row-4{grid-template-columns:1fr 1fr 1fr 1fr}.touch-btn{appearance:none;border:none;border-radius:16px;padding:14px 10px;font-size:15px;font-weight:800;background:#ffffff14;color:#eef4ff;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 20px #00000038}.touch-btn.primary{background:linear-gradient(180deg,#22e8c4,#0fbea2);color:#04231d}.touch-btn:disabled{opacity:.55}.share-overlay{position:fixed;inset:0;background:#020617b8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.share-modal{width:min(100%,720px);border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff14,#ffffff0a);padding:20px;box-shadow:0 22px 50px #0000006b}.share-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.result-card{margin-top:14px;border-radius:26px;padding:28px 22px;background:radial-gradient(circle at top,rgba(var(--title-glow),.25),#ffffff0a 40%,#ffffff05),linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);text-align:center}.result-card-head{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.result-card-title{margin-top:14px;font-size:clamp(28px,5vw,52px);font-weight:900}.result-card-mode{margin-top:8px;color:var(--muted);font-size:15px}.result-card-score{margin-top:16px;font-size:clamp(56px,10vw,100px);font-weight:900;line-height:1}.result-card-meta{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-card-meta div{padding:12px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.result-card-meta span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.result-card-meta strong{font-size:14px}.result-card-foot{margin-top:18px;color:#ffffffb8;font-size:13px;letter-spacing:.16em;text-transform:uppercase}@media(max-width:930px){.mobile-controls{display:block}}@media(max-width:760px){.title-features{grid-template-columns:repeat(2,1fr)}.result-card-meta{grid-template-columns:1fr}}@media(max-width:700px){.lane-actions{display:grid;grid-template-columns:1fr 1fr}.lane-btn,.lane-btn.primary{min-width:unset;width:100%}}@media(max-width:520px){.title-actions{flex-direction:column;align-items:stretch}.title-btn{min-width:unset;width:100%}.title-features{grid-template-columns:1fr}.title-card{padding:26px 18px}.share-top{flex-direction:column;align-items:stretch}}