.bowling-page{color:#172033}.bowling-heading{margin-bottom:28px}.bowling-eyebrow{margin:0 0 8px!important;color:#087f6d;font-size:13px!important;font-weight:800;text-transform:uppercase}.bowling-heading h1{margin:0 0 16px;color:#111827;font-size:43px;line-height:1.2;letter-spacing:0}.bowling-heading>p:last-child{max-width:820px;margin:0;color:#526078;font-size:18px;line-height:1.75}.scoreboard-panel,.throw-panel,.score-summary,.frame-detail,.bowling-guide{border:1px solid #d6e0eb;border-radius:8px;background:#fff}.scoreboard-panel{padding:22px}.scoreboard-panel>header,.throw-panel>header,.frame-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.scoreboard-panel h2,.throw-panel h2,.frame-detail h2{margin:0;font-size:23px}.scoreboard-panel label{display:grid;gap:5px;color:#536278;font-size:10px;font-weight:800}.scoreboard-panel input{width:160px;height:39px;margin:0;padding:0 10px;border:1px solid #ccd9e5;border-radius:6px;background:#fff;color:#172033;font-size:11px}.scoreboard-scroll{overflow-x:auto;margin-top:18px;padding-bottom:5px;scrollbar-color:#9fb1c2 #edf2f6}.frame-grid{display:grid;grid-template-columns:repeat(9,80px) 108px;min-width:828px;border:1px solid #5c6c7f;border-radius:7px;overflow:hidden}.frame-cell{display:grid;grid-template-rows:31px 34px 52px;border-right:1px solid #5c6c7f;background:#fff}.frame-cell:last-child{border-right:0}.frame-number{display:grid;place-items:center;background:#10213a;color:#fff;font-size:10px;font-weight:900}.roll-boxes{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #aab7c4}.frame-cell:last-child .roll-boxes{grid-template-columns:repeat(3,1fr)}.roll-box{display:grid;place-items:center;border-left:1px solid #aab7c4;color:#26364c;font-size:14px;font-weight:900}.roll-box:first-child{border-left:0}.roll-box.strike,.roll-box.spare{background:#e4f5f0;color:#087f6d}.frame-score{display:grid;place-items:center;color:#142238;font-size:18px;font-weight:900}.frame-score.pending{color:#a1adba;font-size:12px}.frame-cell.active{box-shadow:inset 0 0 0 3px #15937f}.frame-cell.complete{background:#f9fbfc}.scroll-hint{display:none;margin:8px 0 0;color:#718096;font-size:10px}.game-console{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(245px,.65fr);gap:12px;margin-top:14px}.throw-panel{padding:22px}.throw-panel header strong{padding:7px 10px;border-radius:5px;background:#e4f5f0;color:#087f6d;font-size:10px}.throw-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.throw-summary>div{padding:13px;border:1px solid #dbe4ed;border-radius:7px;background:#f8fafc}.throw-summary span,.stat-grid span{display:block;color:#718096;font-size:9px}.throw-summary strong{display:block;margin-top:4px;font-size:15px}.throw-panel>p{margin:14px 0 8px;color:#66758a;font-size:11px}.pin-pad{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.pin-button{height:42px;margin:0;padding:0;border:1px solid #cbd8e4;border-radius:6px;background:#fff;color:#213148;box-shadow:none;font-size:12px;font-weight:900}.pin-button:hover,.pin-button:focus{border-color:#087f6d;background:#edf8f5;color:#087f6d}.pin-button[data-pins="10"]{border-color:#087f6d;background:#087f6d;color:#fff}.console-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.console-actions button{min-height:40px;margin:0;padding:0 8px;border:1px solid #ccd9e5;border-radius:6px;background:#fff;color:#405067;box-shadow:none;font-size:10px;font-weight:800}.console-actions button:last-child{border-color:#e1e7ed;background:#e9eef3}.console-actions button:disabled{opacity:.45}.status-line{min-height:18px;margin:10px 0 0!important;color:#087f6d!important;font-weight:700}.score-summary{padding:24px;background:#10213a;color:#fff}.score-summary>span{color:#9eb1c7;font-size:10px}.score-summary>strong{display:block;margin:5px 0 2px;font-size:56px;line-height:1}.score-summary>p{min-height:42px;margin:9px 0 18px;color:#c4d1df;font-size:11px;line-height:1.6}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stat-grid>div{padding:10px;border:1px solid #31445c;border-radius:6px;background:#182b44}.stat-grid strong{display:block;margin-top:4px;font-size:13px}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;color:#b9c7d6;font-size:9px}.legend i{display:inline-grid;width:22px;height:22px;margin-right:3px;place-items:center;border-radius:4px;background:#087f6d;color:#fff;font-style:normal;font-weight:900}.frame-detail{margin-top:14px;padding:22px}.frame-detail>header>span{color:#718096;font-size:10px}.frame-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.detail-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid #dbe4ed;border-radius:7px}.detail-row>strong{display:grid;width:32px;height:32px;place-items:center;border-radius:5px;background:#edf2f6;font-size:10px}.detail-row span{display:block;color:#536278;font-size:10px;line-height:1.45}.detail-row b{color:#172033;font-size:13px}.detail-row.pending b{color:#9aa8b6;font-size:10px}.bowling-guide{margin-top:24px;padding:28px}.bowling-guide>header h2{margin:0 0 12px;font-size:28px}.bowling-guide>header>p:last-child{margin:0;color:#58677c;font-size:14px;line-height:1.8}.rule-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px}.rule-cards article{padding:17px;border:1px solid #dbe4ed;border-radius:7px}.rule-cards strong,.rule-cards span{display:block}.rule-cards strong{font-size:15px}.rule-cards span{margin:5px 0 9px;color:#087f6d;font-size:11px;font-weight:800}.rule-cards p,.guide-grid p,.score-example p{margin:0;color:#657489;font-size:12px;line-height:1.75}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.guide-grid section{padding:18px;border-top:3px solid #9ccfc4;background:#f8fafc}.guide-grid h3,.score-example h3{margin:0 0 8px;font-size:16px}.score-example{margin-top:22px;padding:18px;border:1px solid #dbe4ed;border-radius:7px}.bowling-note{margin:20px 0 0;padding:15px 17px;border-left:4px solid #087f6d;background:#edf8f5;color:#4d5d71;font-size:12px;line-height:1.7}
@media screen and (max-width:800px){.game-console{grid-template-columns:1fr}.score-summary>strong{font-size:48px}.frame-detail-list{grid-template-columns:1fr}}
@media screen and (max-width:640px){.bowling-heading h1{font-size:33px}.bowling-heading>p:last-child{font-size:16px}.scoreboard-panel,.throw-panel,.score-summary,.frame-detail,.bowling-guide{padding:18px 15px}.scoreboard-panel>header{display:grid}.scoreboard-panel input{width:100%}.scroll-hint{display:block}.pin-pad{grid-template-columns:repeat(4,1fr)}.console-actions{grid-template-columns:1fr 1fr}.console-actions button:last-child{grid-column:1/-1}.rule-cards,.guide-grid{grid-template-columns:1fr}.bowling-guide>header h2{font-size:24px}.throw-summary{grid-template-columns:1fr 1fr}}