*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--panel:#1e293b;--panel-2:#0b1220;--line:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#2563eb;--accent-text:#fff;--current:#38bdf8;--edit:#f59e0b;--bad:#f87171;--good:#4ade80;--gold:#fbbf24;--blue:#60a5fa;--league:#3b82f6;--tournament:#f59e0b;--practice:#22c55e}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.shell{max-width:30rem;padding-top:env(safe-area-inset-top);padding-bottom:max(1rem, env(safe-area-inset-bottom));margin:0 auto}.shell.with-tabs{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.screen{flex-direction:column;gap:.75rem;padding:1rem;display:flex}h1{margin:0;font-size:1.5rem}h2{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:.75rem 0 0;font-size:.85rem}p{margin:0}.sub{color:var(--muted);font-size:.9rem}.big{font-size:2.5rem;font-weight:700;line-height:1}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.primary,.secondary,.danger{border:1px solid #0000;border-radius:.75rem;width:100%;min-height:3rem;padding:.5rem 1rem;font-weight:600}.primary{background:var(--accent);color:var(--accent-text)}.secondary{border-color:var(--line);background:0 0}.danger{color:var(--bad);background:0 0;border-color:#7f1d1d}.link{color:var(--current);text-align:left;background:0 0;border:none;padding:.5rem 0}.chip{background:var(--panel);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:55%;padding:.4rem .8rem;overflow:hidden}.topbar{grid-template-columns:4.5rem 1fr 4.5rem;align-items:center;gap:.25rem;display:grid}.topbar .title{text-align:center;min-width:0}.topbar .title h1{text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;overflow:hidden}.topbar .link:last-child{text-align:right}.list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.85rem 1rem;display:flex}.card.action{width:100%}.banner{color:#fde68a;text-align:left;background:#422006;border:1px solid #92400e;border-radius:.75rem;padding:.7rem .9rem;font-size:.9rem}.error{color:#fecaca;background:#450a0a;border:1px solid #7f1d1d;border-radius:.75rem;padding:.7rem .9rem}.ok{color:#bbf7d0;background:#052e16;border:1px solid #166534;border-radius:.75rem;padding:.7rem .9rem}.row{align-items:flex-end;gap:.6rem;display:flex}.row>*{flex:1;min-width:0}.row .secondary,.row .danger,.row .primary{width:auto}.field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.field-group{flex-direction:column;gap:.75rem;display:flex}input,select,textarea{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:.6rem;padding:.6rem .7rem;font-size:16px}label select,label input{margin-top:.1rem}.tabs{border-top:1px solid var(--line);max-width:30rem;padding-bottom:env(safe-area-inset-bottom);background:#111c33;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.55rem 0 .5rem;font-size:.7rem;font-weight:600;display:flex}.tabs button.active{color:var(--current)}.scorecard{grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid}.frame{background:var(--panel);border:1px solid var(--line);border-radius:.5rem;flex-direction:column;align-items:stretch;gap:.15rem;min-height:6.8rem;padding:.25rem;display:flex}.frame.tenth{grid-column:auto}.frame.current{border-color:var(--current);box-shadow:0 0 0 1px var(--current)}.frame.editing{border-color:var(--edit);box-shadow:0 0 0 1px var(--edit)}.frame:disabled{opacity:1}.frame-no{color:var(--muted);text-align:left;font-size:.7rem}.marks{justify-content:flex-end;gap:2px;display:flex}.mark{text-align:center;border:1px solid var(--line);background:var(--panel-2);border-radius:.25rem;min-width:1.35rem;height:1.35rem;font-size:.85rem;font-weight:600;line-height:1.25rem}.frame-score{text-align:center;min-height:1.4rem;font-size:1.15rem;font-weight:700}.score-line{align-items:baseline;gap:.6rem;display:flex}.balls-used{line-height:1.4}.prompt{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.deck{flex-direction:column;gap:.75rem;display:flex}.hint{color:var(--muted);text-align:center;font-size:.85rem}.pins{flex-direction:column;align-items:center;gap:.5rem;display:flex}.pin-row{gap:.6rem;display:flex}.pin{border:2px solid var(--line);background:var(--panel-2);width:3.6rem;height:3.6rem;color:var(--muted);border-radius:50%;font-size:1.1rem;font-weight:700}.pin.lit{color:#0f172a;background:#f8fafc;border-color:#f8fafc}.pin.gone{visibility:hidden}.record{min-height:3.6rem;font-size:1.1rem}.done{flex-direction:column;gap:.6rem;display:flex}.undo{align-self:center}.tools{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;flex-direction:column;gap:.6rem;padding:.85rem 1rem;display:flex}.tools h2{margin-top:0}.sheet-backdrop{z-index:10;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:30rem;max-height:85vh;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);border-radius:1rem 1rem 0 0;flex-direction:column;gap:.75rem;display:flex;overflow-y:auto}.sheet h2{margin:0}.choices{flex-direction:column;gap:.4rem;display:flex}.choice{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:.6rem;min-height:3rem;padding:.5rem .9rem}.choice.chosen{border-color:var(--current);box-shadow:0 0 0 1px var(--current)}.meter{background:var(--panel);border-radius:999px;height:.6rem;overflow:hidden}.meter-fill{background:var(--current);height:100%}dl{grid-template-columns:max-content 1fr;gap:.5rem 1rem;margin:0;display:grid}dt{color:var(--muted)}dd{overflow-wrap:anywhere;margin:0}.with-icon,.with-icon-text,h2{align-items:center}.with-icon{justify-content:center;gap:.5rem;display:flex}.with-icon-text{gap:.35rem;display:inline-flex}.link.right{justify-content:flex-end}h2{gap:.4rem;display:flex}.hero{align-items:center;gap:.7rem;display:flex}.logo{color:#fff;background:linear-gradient(135deg,#1d4ed8,#38bdf8);border-radius:.8rem;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:inline-flex}.tiles{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.tiles.action{text-align:center;background:0 0;border:none;padding:0}.tile{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;flex-direction:column;align-items:center;gap:.1rem;min-width:0;padding:.6rem .2rem;display:flex}.tile-value{font-size:1.3rem;font-weight:700;line-height:1.1}.tile-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.tile-hint{color:var(--muted);font-size:.7rem}.gold{color:var(--gold)}.badge{border:1px solid;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.type-league{color:var(--blue);background:#3b82f624}.badge.type-tournament{color:var(--gold);background:#f59e0b24}.badge.type-practice{color:var(--good);background:#22c55e24}.event-card{border-left-width:5px}.event-card.type-league{border-left-color:var(--league)}.event-card.type-tournament{border-left-color:var(--tournament)}.event-card.type-practice{border-left-color:var(--practice)}.chips{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.card-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card.resume{border-color:var(--current);background:linear-gradient(135deg, #0c4a6e, var(--panel))}.score-chip{text-align:center;background:var(--panel-2);border:1px solid var(--line);border-radius:.5rem;min-width:2.4rem;padding:.15rem .5rem;font-size:.9rem;font-weight:700;display:inline-block}.score-chip.gold{color:#422006;background:var(--gold);border-color:var(--gold)}.score-chip.blue{color:#082f49;background:var(--blue);border-color:var(--blue)}.score-chip.live{color:var(--muted);border-style:dashed}.mark.strike{color:#fff;background:#15803d;border-color:#15803d}.mark.spare{color:#082f49;background:var(--blue);border-color:var(--blue)}.mark.foul{color:#fff;background:#b91c1c;border-color:#b91c1c}.mark.miss{color:var(--muted)}.ball-card strong{display:flex}.stat-section{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;flex-direction:column;gap:.6rem;padding:.85rem 1rem;display:flex}.stat-section h2{margin-top:0}.ratebar{flex-direction:column;gap:.25rem;display:flex}.ratebar-top{justify-content:space-between;gap:.5rem;font-size:.9rem;display:flex}.bar{background:var(--panel-2);border-radius:999px;height:.55rem;overflow:hidden}.bar-fill{background:var(--current);border-radius:999px;height:100%}.bar-fill.good{background:#22c55e}.bar-fill.mid{background:#f59e0b}.bar-fill.low{background:#ef4444}.bar-fill.none{background:0 0}.rows{flex-direction:column;display:flex}.row-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.row-item:first-child{border-top:none}.row-item>div{flex-direction:column;gap:.1rem;min-width:0;display:flex}.row-item.stack{flex-direction:column;align-items:flex-start;gap:.15rem}.row-value{font-size:1.25rem;font-weight:700}details{border-top:1px solid var(--line);padding-top:.5rem}summary{cursor:pointer;padding:.3rem 0;font-weight:600}.leave-list{flex-direction:column;gap:.6rem;padding-top:.5rem;display:flex}.pinmap .pin.heat{color:var(--text);border-color:var(--line);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.heat-pin{color:var(--muted);font-size:.7rem;line-height:1}.heat-pct{font-size:.95rem;font-weight:700;line-height:1.15}.footnote{font-size:.8rem}textarea{resize:vertical;min-height:6rem}.mark.split{color:#fff;background:#9333ea;border-color:#9333ea}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem .4rem;font-size:.75rem;display:flex}.legend .mark{min-width:1.1rem;height:1.1rem;margin-left:.3rem;font-size:.7rem;line-height:1rem}.frame-leave{justify-content:center;align-items:center;height:2.3rem;display:flex}.mini-rack{display:block}.rack-pin.up{fill:#f8fafc}.rack-pin.hit{fill:none;stroke:var(--muted);stroke-width:.12px}.rack-pin.gone{fill:var(--line);opacity:.6}.mini-rack.split .rack-pin.up{fill:#c084fc}.frame-detail{gap:.7rem}.shot-row{align-items:center;gap:.8rem;display:flex}.shot-row>div{flex-direction:column;gap:.1rem;display:flex}.tiles.three{grid-template-columns:repeat(3,1fr)}.filter-bar{flex-direction:column;gap:.6rem;display:flex}.segmented{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;gap:.2rem;padding:.2rem;display:flex}.segmented button{min-height:2.4rem;color:var(--muted);background:0 0;border:none;border-radius:.55rem;flex:1;padding:.2rem .3rem;font-size:.8rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.bar-fill.split{background:#a855f7}.score-now{text-align:left;flex-direction:column;align-items:stretch;gap:.2rem;padding:.85rem 1rem;display:flex}.score-now-sub{opacity:.9;font-size:.85rem;font-weight:500}.score-line .max{margin-left:auto}.role-row{flex-wrap:wrap;gap:.35rem;display:flex}.role-tag{border:1px solid;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.role-tag.first{color:var(--blue)}.role-tag.spare{color:#c084fc}.update-banner{border:1px solid var(--current);background:#0c4a6e;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;margin:.75rem 1rem 0;padding:.7rem .9rem;display:flex}.update-banner button{background:var(--current);color:#082f49;border:none;border-radius:.6rem;flex:none;min-height:2.4rem;padding:.3rem .9rem;font-weight:700}