*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}body{color:#e0e0e0;-webkit-text-size-adjust:100%;background:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:600px;margin:0 auto;padding:1rem;overflow-x:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1{margin-bottom:1rem;font-size:1.5rem}h2{margin-bottom:.5rem;font-size:1.2rem}.inp{color:#e0e0e0;background:#2a2a2a;border:1px solid #444;border-radius:8px;font-size:1rem}.btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;font-size:1rem}.btn:active{color:#2563eb;background:#fff}.icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.link{color:#60a5fa;text-decoration:none}.create-race{margin-bottom:2rem}.create-race form{flex-direction:column;gap:.75rem;display:flex}.create-race .inp,.create-race .btn{width:100%;padding:1rem;font-size:1.1rem}.create-race-options{flex-wrap:wrap;gap:.75rem;display:flex}.toggle{color:#999;cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.75rem 1rem;font-size:1rem;display:flex}.toggle input{cursor:pointer;width:1.2rem;height:1.2rem}.badge-private{color:#f59e0b;background:#f59e0b33;border-radius:4px;margin-top:.25rem;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.error{color:#f87171;background:#ef444422;border:1px solid #ef4444;border-radius:8px;padding:1rem}.race-list{margin-bottom:1.5rem;list-style:none}.race-list li{border-bottom:1px solid #333}.race-list-item{align-items:center;display:flex}.race-list-item a{flex:1}.race-list a{color:#60a5fa;padding:.5rem 0;text-decoration:none;display:block}.race-list a:active{background:#ffffff0a}.race-list small{color:#999;margin-top:.15rem;font-size:.8rem;display:block}.app-hdr{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.app-title{color:#999;white-space:nowrap;font-size:.85rem;font-weight:700;text-decoration:none}.app-subtitle{color:#8b8b8b;font-weight:400}@media (width<=480px){.app-subtitle{display:none}}.app-user{color:#8b8b8b;align-items:center;gap:.4rem;min-width:0;font-size:.75rem;display:flex}.app-user span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-user .btn{flex-shrink:0;padding:.2rem .5rem;font-size:.7rem}.app-footer{text-align:center;color:#8b8b8b;padding:2rem 0 .5rem;font-size:.7rem}.race-hdr{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.race-hdr>div{flex:1;min-width:0}.race-hdr-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;line-height:1.3;display:block;overflow:hidden}.race-hdr-sub{color:#999;font-size:.8rem;line-height:1.3;display:block}.race-hdr .btn{white-space:nowrap;align-items:center;padding:.5rem .75rem;font-size:.8rem;display:flex}.share-details{position:relative}.share-details summary{cursor:pointer;list-style:none}.share-details summary::-webkit-details-marker{display:none}.share-details[open] summary{background:#1d4ed8}.share-copied{color:#999;white-space:nowrap;font-size:.8rem}.share-menu{z-index:10;background:#2a2a2a;border:1px solid #444;border-radius:8px;min-width:12rem;margin-top:.25rem;position:absolute;top:100%;right:0;overflow:hidden}.share-menu button{text-align:left;color:#e0e0e0;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 1rem;font-size:1rem;display:block}.share-menu button:active{background:#333}.share-menu button+button{border-top:1px solid #333}.mass-banner{color:#f59e0b;background:#f59e0b22;border:1px solid #f59e0b44;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.95rem;font-weight:700;display:flex}.mass-banner .icon-btn{color:#f59e0b;font-size:1.3rem}.clock{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.clock-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:3px solid #0000;border-radius:12px;flex:1;padding:2.5rem 1rem;font-size:1.5rem;font-weight:700}.clock-btn.g{background:#16a34a}.clock-btn.g:active{color:#16a34a;background:#fff;border-color:#16a34a}.clock-btn.r{background:#ef4444}.clock-btn.r:active{color:#ef4444;background:#fff;border-color:#ef4444}.tabs{border-bottom:2px solid #333;gap:.25rem;margin-bottom:1rem;display:flex}.tab{letter-spacing:.04em;text-transform:uppercase;color:#999;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;min-height:44px;margin-bottom:-2px;padding:.6rem .5rem;font:700 75% .7rem/1 Arial Narrow,Roboto Condensed,system-ui,sans-serif}.tab.on{color:#e0e0e0;border-bottom-color:#2563eb}.tab-cog{margin-left:auto;font-size:1rem}.empty{color:#8b8b8b;text-align:center;padding:1.5rem 0;font-size:.9rem}.tbl{border-collapse:collapse;width:100%}.tbl th,.tbl td{text-align:left;vertical-align:middle;border-bottom:1px solid #333;padding:.6rem .25rem}.tbl th:first-child,.tbl td:first-child{padding-left:0}.tbl th:last-child,.tbl td:last-child{padding-right:0}.tbl .del-cell{width:44px}.tbl-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tbl-scroll .tbl{min-width:max-content}.tbl .drag-cell{cursor:grab;touch-action:none;z-index:1;background:#1a1a1a;width:32px;padding:0 4px;position:sticky;left:0}.tbl .drag-cell:active{cursor:grabbing}.drag-handle{color:#666;-webkit-user-select:none;user-select:none;font-size:1.1rem}.start-num{text-align:center}.start-num-inp{text-align:center;-moz-appearance:textfield;width:3.2rem;padding:4px;font-size:.9rem}.start-num-inp::-webkit-inner-spin-button{appearance:none;margin:0}.start-num-inp::-webkit-outer-spin-button{appearance:none;margin:0}.tbl th{color:#999;font-size:.85rem}.badge{text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:700;display:inline-block}.badge.g{color:#22c55e;background:#22c55e33}.badge.r{color:#ef4444;background:#ef444433}.mine{color:#60a5fa;margin-top:.15rem;font-size:.75rem;font-weight:700;display:block}.del{color:#8b8b8b;padding:.5rem;font-size:1.3rem}.del:active{color:#ef4444;background:#ef444422;border-radius:6px}.dur{font-variant-numeric:tabular-nums;font-weight:700}.add-row{gap:.5rem;margin-bottom:.75rem;display:flex}.add-row .inp{flex:1;padding:.75rem}.add-row .btn{padding:.75rem 1.25rem}.add-participant-form{margin-bottom:.75rem}.add-participant-fields{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;margin-bottom:.5rem;display:flex}.add-participant-fields .inp{padding:.5rem .75rem;font-size:1rem}.p-select{border-radius:6px;width:100%;min-height:44px;padding:.5rem;font-size:1rem}.p-field{border-radius:6px;width:100%;padding:.4rem .5rem;font-size:1rem}.handicap-inp{text-align:center;-moz-appearance:textfield;width:4rem;padding:4px;font-size:.9rem}.handicap-inp::-webkit-inner-spin-button{appearance:none;margin:0}.handicap-inp::-webkit-outer-spin-button{appearance:none;margin:0}.results{margin-bottom:1.5rem}.results-hdr{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.sort{display:flex}.sort button{color:#999;cursor:pointer;min-height:44px;padding:.5rem .85rem;font-size:1rem}.sort button:first-child{border-radius:6px 0 0 6px}.sort button:last-child{border-left:none;border-radius:0 6px 6px 0}.sort button.on{color:#fff;background:#2563eb;border-color:#2563eb}.settings-section>.btn{padding:.6rem 1.2rem;font-size:1rem}.field-editor{margin-top:1.25rem}.field-editor h3{color:#999;margin-bottom:.5rem;font-size:.95rem}.field-row{background:#2a2a2a;border-radius:8px;margin-bottom:.75rem;padding:.75rem 2.5rem .75rem .75rem;position:relative}.field-row>.inp{width:100%;margin-bottom:.25rem;padding:.5rem .75rem;font-size:1rem}.field-row>.del{position:absolute;top:.25rem;right:0}.field-options{margin-top:.5rem}.field-option-row{align-items:center;gap:.25rem;margin-bottom:.25rem;display:flex}.field-option-row .inp{flex:1;padding:.4rem .6rem;font-size:1rem}.btn-link{color:#999;cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:1rem}.btn-link:hover{color:#e0e0e0}.field-editor-actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.field-editor-actions .btn{padding:.5rem 1rem;font-size:1rem}.danger-zone{border-top:1px solid #333;margin-top:1.5rem;padding-top:1rem}.danger-zone summary{color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem}.danger-actions{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.danger-actions .btn{text-align:left;padding:.6rem 1.2rem;font-size:1rem}.danger-btn{background:#ef4444}.danger-btn:active{color:#ef4444;background:#fff}