.bowling-play{width:100%;min-width:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#settings-dialog .select-field select{min-height:44px;font-size:16px}
.bowling-scorecard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 0;font-variant-numeric:tabular-nums}
.bowling-frame{min-width:0;text-align:center;border:1px solid #344149;border-radius:7px;background:#0c151b;color:#d8e1e1;font-size:15px;line-height:1.6}
.bowling-frame.active-frame{border-color:#71d9d2;background:#132b30;box-shadow:inset 0 0 8px #1c656b33}
.bowling-frame b{display:block;color:#a8b8bc;font-size:12px;font-weight:500;line-height:1.8}
.bowling-frame .frame-throws{display:block;white-space:nowrap;min-height:25px;border-top:1px solid #344149;border-bottom:1px solid #344149}
.bowling-frame strong{display:block;min-height:28px;font-size:18px;color:#f1d6a7}
.bowling-score-legend{font-size:14px;line-height:1.5;color:#c0ced0}
.bowling-lane-layout{position:relative;width:100%}

.bowling-rail{position:absolute;z-index:5;top:8px;height:62%;width:52px;border:1px solid #526369;border-radius:10px;background:#08131deb;box-shadow:0 4px 16px #0006;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;padding:6px 0;min-height:0}
.bowling-rail#left-controls{left:6px}.bowling-rail#right-controls{right:6px}
.bowling-rail label{display:flex;flex-direction:column;align-items:center;min-height:0;gap:3px;color:#dce6e8;font-size:11px;line-height:1.4}
.bowling-rail output{color:#e6c58a;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}
.bowling-rail input[type=range]{writing-mode:vertical-lr;direction:rtl;appearance:auto;width:44px;min-height:0;height:100%;flex:1;margin:3px 0;touch-action:none;accent-color:#69cfc7}
.bowling-rail input:disabled{opacity:.45}
.lane-view{position:relative;overflow:hidden;border-radius:12px;background:#071019;height:clamp(370px,calc(57svh + 70px),630px);border:1px solid #2a363d;box-shadow:0 10px 24px #0006}
#lane{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}
.shot-bubble{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%);background:#0b1c25eb;border:1px solid #76d5cd;border-radius:18px;padding:12px 22px;color:#e4fff7;font-size:24px;font-weight:750;white-space:pre-line;text-align:center;max-width:calc(100% - 20px);box-shadow:0 8px 32px #0008;pointer-events:none}
.shot-bubble.is-strike{color:#ffe1a8;border-color:#e1bc70}
.graphics-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:#08121bf5;text-align:center;gap:12px;color:#f6e6cf}
.bowling-actions{display:grid;grid-template-columns:44px minmax(0,1fr) 88px;align-items:center;gap:8px;padding:10px 0 4px}
.bowling-actions button{min-width:0;min-height:44px;width:100%;margin:0}
.bowling-actions .scorecard-button{padding:0;font-size:22px;font-family:Georgia,serif;font-style:italic}
.bowling-actions .controls-button{padding:8px;font-size:13px;white-space:nowrap}
.bowling-actions .controls-button[aria-expanded=true]{border-color:#75dcd2;color:#c5fff6;background:#163238}
.throw-button{background:linear-gradient(180deg,#174b52,#0c3039)!important;border-color:#75dcd2!important;color:#ecfffb!important;box-shadow:inset 0 1px 0 #9af2e333,0 4px 10px #0004}
.throw-button:disabled{opacity:.6;cursor:default}
#stage [hidden]{display:none!important}
@container gf-page (min-width:600px){.lane-view{height:clamp(550px,calc(61svh + 70px),790px)}.bowling-rail{width:68px;gap:22px;padding:10px 0}.bowling-rail label,.bowling-rail output{font-size:14px}.bowling-actions{grid-template-columns:48px minmax(0,1fr) 104px;gap:12px}.bowling-actions .controls-button{font-size:15px}.shot-bubble{font-size:32px}}
@media(max-height:650px){.lane-view{height:370px}.bowling-rail{gap:8px}.bowling-actions{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.bowling-play *{animation:none!important;transition:none!important}}
/* Round thumbs on both WebKit and Firefox, with a 44px-wide drag target. */
.bowling-rail input[type=range]{appearance:none;-webkit-appearance:none;background:transparent}
.bowling-rail input[type=range]::-webkit-slider-runnable-track{width:5px;height:100%;background:#345b62;border-radius:999px}
.bowling-rail input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0 0 0 -8.5px;border-radius:50%;background:#66c7c1;border:2px solid #c5fff6;box-shadow:0 1px 6px #0008}
.bowling-rail input[type=range]::-moz-range-track{width:5px;height:100%;background:#345b62;border-radius:999px}
.bowling-rail input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#66c7c1;border:2px solid #c5fff6;box-shadow:0 1px 6px #0008}

.bowling-frame .frame-factors{display:block;min-height:20px;font-size:11px;line-height:1.8;color:#8de0d8}