:root{--c-6:#0c0144;--c-4:#cbcbcb;--c-2:#244293;--text-light:#fff;--text-dark:#333;--black:#212121;--white:#fff;--bg:#f0f2f5;--border:#ddd}.archery-app{background-color:var(--bg);width:100%;height:100vh;color:var(--text);border-bottom-right-radius:0;border-bottom-left-radius:0;flex-direction:column;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden auto}.archery-app header{text-align:center;z-index:10;background:#fff;flex-shrink:0;padding:15px 20px;box-shadow:0 2px 5px #0000001a}.archery-app h1{color:#555;margin:10px 0;font-size:1.5rem}.archery-app .score-board{justify-content:space-around;padding-bottom:10px;font-size:1.1rem;font-weight:700;display:flex}.archery-app .stat-box span{color:#777;font-size:.8rem;font-weight:400;display:block}.archery-app .details-form{border-bottom:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 20px;display:flex}.archery-app .form-row{gap:15px;display:flex}.archery-app .input-group{flex-direction:column;flex:1;display:flex}.archery-app .input-group label{color:#000;margin-bottom:4px;font-size:.85rem;font-weight:600}.archery-app input,.archery-app select{box-sizing:border-box;color:#000;background-color:#fff;border:1px solid #999;border-radius:6px;width:100%;padding:8px;font-size:1rem}.archery-app .target-area{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;width:100%;min-height:150px;padding-top:2px;padding-bottom:20px;display:flex;position:relative}.archery-app .arrow-display-container{justify-content:center;gap:15px;width:100%;margin-top:25px;display:flex}.archery-app .arrow-slot{color:#888;background:#e0e0e0;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.archery-app .arrow-slot.filled-6{background:var(--c-6);color:var(--text-light);border-color:var(--c-6);transform:scale(1.1)}.archery-app .arrow-slot.filled-4{background:var(--c-4);color:var(--text-dark);border-color:var(--c-4);transform:scale(1.1)}.archery-app .arrow-slot.filled-2{background:var(--c-2);color:var(--text-light);border-color:var(--c-2);transform:scale(1.1)}.archery-app .arrow-slot.filled-0{background:var(--black);color:var(--text-light);border-color:var(--black);transform:scale(1.1)}.archery-app #feedback{color:#fffc;text-shadow:0 2px 4px #00000080;pointer-events:none;opacity:0;z-index:5;font-size:4rem;font-weight:700;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.archery-app .controls{z-index:20;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;flex-shrink:0;padding:15px 20px 30px;box-shadow:0 -5px 15px #0000000d}.archery-app .scoring-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px;display:grid}.archery-app .score-btn{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:12px;padding:20px;font-size:1.5rem;font-weight:700;transition:transform .1s}.archery-app .score-btn:active{transform:scale(.95)}.archery-app .btn-6{background-color:var(--c-6);color:var(--text-light);box-shadow:0 4px #060128}.archery-app .btn-4{background-color:var(--c-4);color:var(--text-dark);box-shadow:0 4px #999}.archery-app .btn-2{background-color:var(--c-2);color:var(--text-light);box-shadow:0 4px #112739}.archery-app .btn-miss{background-color:var(--black);color:#fff;box-shadow:0 4px #000}.archery-app .actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.archery-app .action-btn{color:#555;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:700}.archery-app .d-none{display:none!important}.archery-app .action-btn.confirm{background-color:var(--c-2);color:#fff;border-color:var(--c-2)}.archery-app .action-btn:active{background:#f9f9f9}.archery-app .summary-panel{z-index:25;background:#fff;border-radius:20px;flex-direction:column;animation:.3s ease-out slideUp;display:flex;box-shadow:0 -5px 15px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.archery-app .summary-panel.summary-end{border-bottom-right-radius:0;border-bottom-left-radius:0;flex:none;align-self:flex-end;width:100%;max-width:600px;margin:0 auto;padding:20px}.archery-app .summary-panel.summary-full{flex-direction:column;flex:1;padding:20px 20px 40px;display:flex;overflow-y:auto}.archery-app .summary-container{flex-direction:column;height:100%;display:flex}.archery-app .modal-header{border-bottom:1px solid #eee;flex-shrink:0;margin-bottom:10px;padding-bottom:10px}.archery-app .modal-header h2{color:var(--c-2);margin:0;font-size:1.5rem}.archery-app .summary-scroll{text-align:left;flex:1;margin-bottom:15px;padding-right:5px;font-size:1.1rem;overflow-y:auto}.archery-app .detail-row{border-bottom:1px dashed #eee;justify-content:space-between;margin-bottom:8px;padding-bottom:4px;font-size:1rem;display:flex}.archery-app .detail-label{color:#555;font-weight:700}.archery-app .detail-value{color:#333;text-align:right}.archery-app .end-score-item{border-left:4px solid var(--c-2);background:#f9f9f9;border-radius:6px;margin-bottom:8px;padding:10px}.archery-app .end-header{justify-content:space-between;margin-bottom:4px;font-size:1rem;font-weight:700;display:flex}.archery-app .arrows-detail{color:#666;font-family:monospace;font-size:.95rem}.archery-app .modal-grand-total{text-align:center;color:var(--c-2);border-top:2px solid #eee;flex-shrink:0;margin-top:10px;padding-top:10px;font-size:1.4rem;font-weight:700}.archery-app .modal-actions{flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;display:flex}.archery-app .modal-btn{cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:1.1rem;font-weight:700}.archery-app .modal-btn.primary{background:var(--c-2);color:#fff}.archery-app .modal-btn.secondary{color:#333;background:#f0f0f0;border:1px solid #ccc}@media (min-width:768px){.archery-app .summary-panel.summary-end{border-radius:15px;align-self:center;width:400px;margin-top:20px;box-shadow:0 10px 25px #00000026}.archery-app .summary-panel.summary-full{min-width:400px;max-width:800px;min-height:600px;margin:0 auto}.archery-app{border:1px solid #e0e0e0;border-radius:20px;max-width:800px;height:auto;min-height:600px;margin:30px auto;box-shadow:0 15px 50px #00000026}}