:root{font-family:Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:10pt;color:#202622;background:#e9eeeb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{color:inherit}button,input,textarea{letter-spacing:0}button{-webkit-tap-highlight-color:transparent}.app-shell{width:100%;max-width:520px;min-height:100vh;margin:0 auto;background:#f4f6f5;box-shadow:0 0 42px #182a201f}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;min-height:58px;padding:env(safe-area-inset-top) 16px 0;background:#fffffff0;border-bottom:1px solid #e6e9e7;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.topbar h1{margin:0;overflow:hidden;font-size:14pt;text-align:center;text-overflow:ellipsis;white-space:nowrap}.icon-button,.brand-mark{position:relative;display:grid;width:36px;height:36px;place-items:center;border:0;background:transparent}.icon-button{cursor:pointer}.brand-mark{color:#087c55}.notification-dot{position:absolute;top:6px;right:5px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ff6745}.page-content{min-height:calc(100vh - 58px);padding:18px 16px 92px}.page-content.with-action{padding-bottom:104px}.home-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 2px 20px}.home-heading h2,.section-title h2{margin:4px 0 0;font-size:18pt}.eyebrow{margin:0;color:#718077;font-size:9.5pt}.avatar,.profile-avatar{display:grid;place-items:center;border-radius:50%;color:#fff;background:#087c55;font-weight:700}.avatar{width:44px;height:44px}.profile-avatar{overflow:hidden}.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}.upcoming-panel{display:block;width:100%;padding:18px;border:0;border-radius:8px;color:#fff;text-align:left;background:#173e31;box-shadow:0 10px 28px #173e312b;cursor:pointer}.upcoming-panel strong{display:block;margin-top:13px;font-size:16pt}.upcoming-panel p{margin:6px 0 18px;color:#cbd8d1}.upcoming-status{display:flex;gap:7px;align-items:center;color:#cdf3df;font-size:9.5pt}.upcoming-status span,.online-dot{width:8px;height:8px;border-radius:50%;background:#32ce88}.online-dot.offline{background:#d94f34}.upcoming-footer{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid rgba(255,255,255,.16)}.upcoming-footer span,.venue-body p,.venue-meta span,.venue-hero-copy span,.booking-card-foot span{display:flex;gap:6px;align-items:center}.simple-active-match{margin-bottom:18px}.simple-active-match .upcoming-status i{width:8px;height:8px;border-radius:50%;background:#32ce88}.simple-active-match .upcoming-footer{display:flex}.simple-start-panel{padding:28px 20px 24px;border:1px solid #dce4df;border-radius:8px;background:#fff;text-align:center}.simple-start-icon,.simple-ready-icon{display:grid;width:64px;height:64px;margin:0 auto 16px;place-items:center;border-radius:50%;color:#087c55;background:#e0f3e8}.simple-start-panel h2,.simple-ready-control h2{margin:0 0 9px;font-size:17pt}.simple-start-panel>p,.simple-ready-control>p{margin:0 auto 20px;max-width:360px;color:#69776f;line-height:1.65}.simple-match-type{max-width:300px;margin:0 auto 17px}.segmented.triple{grid-template-columns:repeat(3,1fr)}.simple-game-points{max-width:360px;margin:0 auto 17px}.simple-ready-control .simple-game-points{margin:14px auto 16px}.simple-lineup{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 14px;color:#29463a;font-weight:700}.simple-lineup b{color:#859088;font-size:10pt}.simple-ready-control .invite-button{max-width:360px;margin:0 auto 14px}.simple-ready-control .simple-match-type{max-width:360px;margin:0 auto 12px}.pk-slot em{flex:1;min-width:0;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.pk-kick{flex:0 0 auto;margin-left:auto;padding:0;border:0;background:transparent;color:#c2410c;font-size:8.5pt;cursor:pointer}.simple-scan-button{width:100%;max-width:300px;gap:9px;font-weight:700}.simple-flow-strip{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr;gap:5px;align-items:center;margin-top:22px;padding:16px 8px;border-top:1px solid #dde4e0;border-bottom:1px solid #dde4e0}.simple-flow-strip>div{display:grid;gap:6px;justify-items:center;min-width:0;text-align:center}.simple-flow-strip span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#fff;background:#087c55;font-size:9pt}.simple-flow-strip strong{font-size:8.5pt;font-weight:600;white-space:nowrap}.simple-flow-strip>svg{color:#9ba69f}.simple-records-head{display:flex;align-items:center;justify-content:space-between;padding:7px 0 18px;border-bottom:1px solid #dde4e0}.simple-records-head h2{margin:4px 0 0;font-size:18pt}.simple-record-list{margin-top:6px}.simple-record-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;gap:10px;align-items:center;width:100%;min-height:76px;padding:11px 0;border:0;border-bottom:1px solid #dfe5e1;background:transparent;text-align:left;cursor:pointer}.simple-record-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#087c55;background:#e0f3e8}.simple-record-icon.status-recording{color:#b53b29!important;background:#ffe5df}.simple-record-icon.status-analyzing,.simple-record-icon.status-uploading{color:#5553a0!important;background:#e9e8fa}.simple-record-copy{min-width:0}.simple-record-copy strong,.simple-record-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-record-copy strong{margin-bottom:6px;font-size:10.5pt}.simple-record-copy small{color:#7c8881;font-size:8.5pt}.simple-record-status{font-size:8.5pt;white-space:nowrap}.section-block{margin-top:28px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-title>span{color:#7c8981}.venue-card{margin-bottom:13px;overflow:hidden;border:1px solid #e0e5e2;border-radius:8px;background:#fff;cursor:pointer}.venue-card img{display:block;width:100%;aspect-ratio:16 / 7;object-fit:cover}.venue-body{padding:14px}.venue-line{display:flex;gap:12px;align-items:start;justify-content:space-between}.venue-line h3{margin:0;font-size:13pt}.venue-line>span{flex:none;color:#68756d}.venue-body p{margin:9px 0 15px;color:#77837c}.venue-meta{display:flex;align-items:center;justify-content:space-between;color:#087c55}.venue-hero{overflow:hidden;border-radius:8px;background:#16392e}.venue-hero img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.venue-hero-copy{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:12px 14px;color:#eaf3ee}.venue-hero-location{display:flex;min-width:0;flex-direction:column;gap:4px}.venue-hero-location span{display:flex;gap:6px;align-items:center}.venue-hero-location small{color:#b9d0c4;font-size:8.5pt}.venue-hero-capacity{flex:none;color:#b9d0c4;font-size:8.5pt}.court-section{margin-top:24px}.court-row{display:grid;grid-template-columns:42px 1fr auto 20px;gap:10px;align-items:center;width:100%;min-height:70px;padding:11px 0;border:0;border-bottom:1px solid #e0e5e2;background:transparent;text-align:left;cursor:pointer}.court-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#087c55;background:#dff4e9}.court-icon.muted{color:#78827c;background:#e9ecea}.court-copy{min-width:0}.court-copy strong,.court-copy span{display:block}.court-copy strong{margin-bottom:6px;font-size:11.5pt}.court-copy span{color:#7b867f;font-size:9pt}.court-copy .online-dot{display:inline-block;width:7px;height:7px;margin-right:6px}.court-tag{padding:5px 8px;border-radius:4px;color:#087c55;background:#e4f5ec;font-size:8.5pt}.court-tag.plain{color:#707a74;background:#e9ecea}.booking-summary{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;padding:16px 0 20px;border-bottom:1px solid #dde3df}.booking-summary strong{display:block;font-size:13pt}.booking-summary p{margin:5px 0 0;color:#77837c;font-size:9.5pt}.camera-ready{display:flex;gap:5px;align-items:center;color:#087c55;font-size:9pt}.form-section{padding:21px 0;border-bottom:1px solid #dde3df}.form-section h2{margin:0 0 13px;font-size:12pt}.date-strip{display:grid;grid-template-columns:repeat(4,minmax(74px,1fr));gap:8px;overflow-x:auto}.date-strip button,.time-grid button{min-height:42px;border:1px solid #d8dfdb;border-radius:6px;background:#fff;cursor:pointer}.date-strip button.active,.time-grid button.active{color:#fff;border-color:#087c55;background:#087c55}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-grid button{display:grid;gap:5px;min-height:104px;padding:14px;border:1px solid #d9dfdc;border-radius:8px;color:#657068;background:#fff;text-align:left;cursor:pointer}.mode-grid button.active{color:#087c55;border-color:#087c55;background:#edf8f2}.mode-grid button:disabled{opacity:.45;cursor:default}.mode-grid strong{font-size:11pt}.mode-grid span{font-size:8.5pt}.segmented{display:grid;grid-template-columns:1fr 1fr;margin-bottom:13px;padding:3px;border-radius:7px;background:#e7ebe9}.segmented button{height:36px;border:0;border-radius:5px;background:transparent;cursor:pointer}.segmented button.active{color:#087c55;background:#fff;box-shadow:0 2px 8px #1c312514}.input-row{display:grid;grid-template-columns:45px 1fr;align-items:center;min-height:48px;border-bottom:1px solid #e2e6e4}.input-row span{color:#77827b}.input-row input{width:100%;border:0;outline:0;background:transparent}.switch-row{display:flex;align-items:center;justify-content:space-between;border-bottom:0}.switch-row strong,.switch-row span{display:block}.switch-row span{margin-top:5px;color:#7d8881;font-size:8.5pt}.switch input{display:none}.switch>span{position:relative;width:46px;height:26px;margin:0;border-radius:13px;background:#b9c0bc;transition:.2s}.switch>span:after{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0000002e;content:"";transition:.2s}.switch input:checked+span{background:#087c55}.switch input:checked+span:after{transform:translate(20px)}.filter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:7px;background:#e5eae7}.filter-tabs button{height:38px;border:0;border-radius:5px;background:transparent;cursor:pointer}.filter-tabs button.active{color:#087c55;background:#fff;font-weight:700}.booking-list{margin-top:16px}.booking-card{width:100%;margin-bottom:12px;padding:16px;border:1px solid #e0e5e2;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.booking-card-head,.booking-card-foot{display:flex;align-items:center;justify-content:space-between}.booking-card-head span{color:#7d8881}.booking-card-head strong{color:#a06000;font-size:9pt}.booking-card h2{margin:16px 0 6px;font-size:16pt}.booking-card>p{margin:0 0 16px;color:#6f7b73}.booking-card-foot{display:grid;grid-template-columns:1fr 1fr 20px;padding-top:13px;border-top:1px solid #e5e9e7;color:#68746c;font-size:9pt}.booking-card-actions,.session-booking-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:10px}.session-booking-actions{justify-content:center;margin-top:18px}.danger-text{color:#b33d3d!important}.status-recording{color:#d94f34!important}.status-analyzing{color:#5c5bb2!important}.status-score_ready{color:#087c55!important}.status-cancelled{color:#8a4b45!important}.session-status{display:flex;gap:13px;align-items:center;min-height:84px;padding:15px;border-radius:8px;color:#173e31;background:#e1f1e8}.session-status .status-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#ffffffbf}.session-status span,.session-status strong{display:block}.session-status span{margin-bottom:5px;color:#547064}.session-status strong{font-size:15pt}.session-recording{color:#a52d1a;background:#ffe7e1}.session-analyzing{color:#4b4a99;background:#ebeafd}.session-info{padding:18px 1px;border-bottom:1px solid #dfe4e1}.session-info div{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:8px 0}.session-info span{color:#859088}.session-info strong{text-align:right}.invite-button{width:100%;margin-top:12px;gap:7px}.record-control{padding:30px 0 10px;text-align:center}.simple-ready-control{padding-top:34px}.simple-ready-control .eyebrow{margin-bottom:7px;color:#087c55}.simple-ready-control .record-button{display:flex;margin:0 auto}.simple-cancel-occupancy{display:block;margin:9px auto 0}.camera-check{display:flex;gap:7px;align-items:center;justify-content:center;margin-bottom:18px;color:#607068}.record-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;height:46px;border-radius:7px;cursor:pointer}.record-button{gap:8px;min-width:190px;border:0;color:#fff;font-weight:700}.record-button:disabled{opacity:.48;cursor:not-allowed}.record-button.start,.primary-button{border:0;color:#fff;background:#087c55}.record-button.stop{background:#c9402d}.scan-button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:44px;margin:0 auto 12px;padding:0 17px;border:1px solid #b9d8c8;border-radius:7px;color:#087c55;background:#f2faf5;cursor:pointer}.scan-button:active{background:#e4f5ec}.credential-hint{margin:-4px 0 12px;color:#617068;font-size:9pt}.recorder-error{margin:12px auto;max-width:420px;color:#a52d1a!important;font-size:9pt;line-height:1.5;overflow-wrap:anywhere}.active-recording p{margin:14px 0 6px;color:#8b4135}.active-recording>strong{display:block;margin-bottom:22px;font-size:24pt}.pulse-ring{position:relative;width:72px;height:72px;margin:0 auto;border-radius:50%;background:#ffe0da}.pulse-ring span{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;background:#cf412d}.stop-square{width:15px;height:15px;border-radius:2px;background:#fff}.simple-background-banner{margin:0 0 16px;padding:16px 14px;border:1px solid #d7e3dc;border-radius:12px;background:#f5faf7}.simple-background-banner p{margin:0 0 12px;color:#4d5b55}.simple-background-banner .result-actions{justify-content:flex-start}.next-match-button{display:flex;margin:12px auto 0}.processing-panel .credential-hint,.result-state .credential-hint{margin:8px 0 12px}.processing-panel,.result-state{padding:42px 10px;text-align:center}.processing-panel svg,.result-state svg{color:#5d5ba9}.processing-panel h2,.result-state h2{margin:14px 0 7px;font-size:15pt}.processing-panel p,.result-state p{margin:0 0 21px;color:#77837c}.progress,.indeterminate{height:7px;overflow:hidden;border-radius:4px;background:#dcdfea}.progress span,.indeterminate span{display:block;height:100%;border-radius:4px;background:#5d5ba9}.processing-panel>strong{display:block;margin-top:8px;color:#5d5ba9}.indeterminate span{width:38%;animation:travel 1.25s infinite ease-in-out}.spin{animation:spin 1.2s linear infinite}.score-heading{padding:28px 0 16px;text-align:center}.score-heading h2{margin:7px 0 0;font-size:16pt}.score-heading h2 span{padding:0 8px;color:#8a948e;font-size:10pt;font-weight:400}.score-table{border-top:1px solid #dde3df;border-bottom:1px solid #dde3df}.score-row{display:grid;grid-template-columns:1fr 45px 20px 45px;align-items:center;min-height:58px;border-bottom:1px solid #e4e8e6}.score-row:last-child{border-bottom:0}.score-row strong{font-size:16pt;text-align:center}.score-row strong.winner{color:#087c55}.score-row i{color:#8a948e;text-align:center;font-style:normal}.result-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:22px}.primary-button{gap:7px;padding:0 18px}.secondary-button{border:1px solid #cdd5d0;background:#fff}.manual-score{padding-top:24px}.manual-game{display:grid;grid-template-columns:1fr 62px 20px 62px;gap:7px;align-items:center;min-height:56px;border-bottom:1px solid #e1e6e3}.manual-game input{width:62px;height:38px;border:1px solid #cfd7d2;border-radius:5px;text-align:center}.manual-game i{text-align:center;font-style:normal}.text-button{padding:13px 0;border:0;color:#087c55;background:transparent;cursor:pointer}.reason-field span{display:block;margin:11px 0 8px}.reason-field textarea{width:100%;resize:vertical;padding:11px;border:1px solid #cfd7d2;border-radius:6px;outline:0}.result-state.success svg{color:#087c55}.result-state.failure svg{color:#b33c2d}.replay-section{margin-top:24px;padding-top:20px;border-top:1px solid #dfe4e1}.replay-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.replay-heading h2{margin:4px 0 0;font-size:15pt}.replay-heading svg{color:#087c55}.replay-section video{display:block;width:100%;aspect-ratio:16 / 9;border-radius:8px;background:#111;object-fit:contain}.report-link{display:inline-flex;margin-top:12px;color:#087c55;font-size:9.5pt;font-weight:700;text-decoration:none}.simple-score-report{display:flex;justify-content:center;margin-top:16px}.segment-section{margin-top:22px;padding-top:20px;border-top:1px solid #dfe4e1}.segment-item{margin-top:16px}.segment-item>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.segment-item>div strong{font-size:10pt}.segment-item>div span{color:#087c55;font-size:10pt;font-weight:800}.segment-item video{display:block;width:100%;aspect-ratio:16 / 9;border-radius:8px;background:#111;object-fit:contain}.pk-history-assets{display:flex;gap:12px;padding-top:10px;overflow-x:auto;border-top:1px solid #e2e7e4}.pk-history-assets a{flex-shrink:0;color:#087c55;font-size:9pt;font-weight:700;text-decoration:none}.profile-head{display:flex;gap:14px;align-items:center;padding:16px 0 24px}.profile-avatar{width:58px;height:58px;font-size:15pt}.profile-identity{min-width:0}.profile-head h2{margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-head p{margin:0;color:#7c8780}.profile-meta{display:block;margin-top:6px;color:#087c55;font-size:9pt}.profile-bio{display:block;max-width:270px;margin-top:5px;overflow:hidden;color:#7c8780;font-size:8.5pt;text-overflow:ellipsis;white-space:nowrap}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0;border-top:1px solid #dde3df;border-bottom:1px solid #dde3df}.profile-stats div{text-align:center}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{margin-bottom:5px;font-size:17pt}.profile-stats span{color:#7e8982;font-size:9pt}.profile-record-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 0 4px}.profile-record-summary div{display:flex;align-items:baseline;justify-content:space-between;padding:9px 10px;border:1px solid #e0e7e2;border-radius:6px;background:#fff}.profile-record-summary span{color:#7e8982;font-size:8.5pt}.profile-record-summary strong{color:#16392e;font-size:13pt}.setting-list{margin-top:22px}.setting-list button{display:grid;grid-template-columns:24px 1fr 20px;gap:10px;align-items:center;width:100%;min-height:56px;border:0;border-bottom:1px solid #dde3df;background:transparent;text-align:left;cursor:pointer}.setting-list button:first-child{color:#087c55}.friends-list{margin-top:26px}.pk-intro{padding:14px 0 20px}.pk-intro h2{margin:6px 0 7px;font-size:21pt}.pk-intro p:last-child{margin:0;color:#748078}.pk-lobby{padding:18px 0 24px}.pk-mode-grid{margin-bottom:20px}.pk-join-button{width:100%}.pk-divider{display:flex;align-items:center;gap:10px;margin:22px 0;color:#8a948e;font-size:9pt}.pk-divider:before,.pk-divider:after{flex:1;height:1px;background:#dfe5e1;content:""}.pk-join-field{display:block;margin-bottom:10px}.pk-join-field span{display:block;margin-bottom:7px;color:#68756d;font-size:9pt}.pk-join-field input{width:100%;height:46px;padding:0 13px;border:1px solid #cfd7d2;border-radius:7px;outline:0;background:#fff;font-size:16pt;letter-spacing:0;text-align:center}.pk-join-field input:focus{border-color:#087c55;box-shadow:0 0 0 2px #087c551a}.pk-room-panel{padding:17px 0 25px}.pk-room-head,.pk-room-status,.pk-location{display:flex;align-items:center}.pk-room-head{justify-content:space-between}.pk-room-head h2{margin:3px 0 0;font-size:25pt;letter-spacing:0}.pk-room-status{gap:8px;margin:14px 0;padding:10px 12px;border-radius:6px;color:#245440;background:#e4f5ec}.pk-room-status span:last-child{margin-left:auto;color:#718078;font-size:9pt}.pk-location{gap:8px;padding:14px 0;border-bottom:1px solid #dfe5e1;color:#31453b}.pk-location span{display:block}.pk-location small{display:block;margin-top:4px;color:#7a867f}.pk-teams{display:grid;grid-template-columns:1fr 42px 1fr;gap:8px;align-items:center;margin:20px 0}.pk-team{min-height:92px;padding:13px 10px;border:1px solid #d8e2dc;border-radius:8px;background:#fff;text-align:center}.pk-team-label{display:block;margin-bottom:10px;color:#087c55;font-size:9pt;font-weight:700}.pk-team strong{display:block;overflow-wrap:anywhere;font-size:11pt}.pk-slots{display:grid;gap:7px}.pk-slot{display:flex;align-items:center;gap:7px;min-height:30px;padding:5px 7px;border-radius:5px;background:#f3f7f4;color:#29463a;font-size:10pt}.pk-slot b{min-width:22px;color:#087c55;font-size:9pt}.pk-readonly{margin:10px 0;padding:8px 10px;border-radius:5px;color:#7d5a1f;background:#fff5dc;font-size:9pt}.pk-start-hint{margin:10px 0;padding:9px 11px;border:1px solid #cce6d8;border-radius:6px;color:#286046;background:#effaf4;font-size:9pt;line-height:1.45}.pk-camera-side{display:flex;align-items:center;gap:6px;margin:10px 0;color:#6e7c73;font-size:9pt}.pk-dissolve{color:#a44343;border-color:#e8caca}.pk-vs{color:#9aa49e;font-size:9pt;font-weight:700;text-align:center}.pk-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.pk-room-actions>button:only-child{grid-column:1 / -1}.pk-room-actions button{min-width:0}.pk-room-hint{margin:16px 0 0;color:#7d8881;font-size:9pt;text-align:center}.group-page-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 0 18px;border-bottom:1px solid #dde4e0;color:#1769aa}.group-page-heading h2{margin:4px 0 0;color:#17231e;font-size:18pt}.group-create{padding:22px 0 0}.group-create-hint{margin:0 0 18px;line-height:1.55}.group-field-label{display:block;margin-bottom:10px;color:#4d5c54;font-size:10pt;font-weight:700}.group-mode-picker{margin:0 0 15px}.group-primary-action{width:100%;gap:8px}.group-size-picker{margin:17px 0 20px;padding:14px 0 17px;border-top:1px solid #dfe5e1;border-bottom:1px solid #dfe5e1}.group-size-picker .group-section-heading{margin:0 0 8px}.group-size-picker .credential-hint{margin:0 0 12px;line-height:1.5}.group-size-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.group-size-actions button{min-width:0;gap:6px}.group-waiting-hint{margin:17px 0 12px;text-align:center}.group-head-tools{display:flex;align-items:center;gap:5px}.group-room-meta{display:flex;flex-wrap:wrap;gap:7px;margin:-3px 0 17px}.group-room-meta span{padding:5px 8px;border-radius:4px;color:#34604b;background:#eaf4ee;font-size:9pt}.group-room-meta span:nth-child(2){color:#1769aa;background:#edf5fb}.group-camera-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;border-top:1px solid #dfe5e1;border-bottom:1px solid #dfe5e1}.group-camera-row>div{display:flex;align-items:center;gap:10px;min-width:0;color:#1769aa}.group-camera-row>div>span{display:grid;gap:3px;min-width:0}.group-camera-row strong,.group-camera-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-camera-row strong{color:#263a30;font-size:10pt}.group-camera-row small{color:#78857d;font-size:8.5pt}.group-camera-row button{flex:none;gap:5px}.group-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:23px 0 10px}.group-section-heading h3{margin:0;font-size:12pt}.group-section-heading span{color:#7d8981;font-size:9pt;white-space:nowrap}.group-members{border-top:1px solid #dfe5e1}.group-member-row{display:grid;grid-template-columns:34px minmax(0,1fr) 76px 26px;align-items:center;gap:8px;min-height:61px;border-bottom:1px solid #e4e9e5}.group-member-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#1769aa;font-size:10pt;font-weight:700}.group-member-name{display:grid;gap:3px;min-width:0}.group-member-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10pt}.group-member-name small{color:#809087;font-size:8.5pt}.group-position-select{width:76px;min-height:34px;padding:0 4px;border:1px solid #d3dfd8;border-radius:5px;background:#fff;color:#245440;font-size:9pt}.group-position-badge{color:#607268;font-size:9pt;text-align:right}.group-remove{width:26px;height:34px;color:#a34b38}.group-score-section{margin:16px 0;padding:2px 0 15px;border-top:1px solid #dfe5e1;border-bottom:1px solid #dfe5e1}.group-score-section .group-section-heading{margin-top:15px}.group-score-row,.group-previous-round{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px;border-top:1px solid #edf0ee;font-size:10pt}.group-score-row strong{color:#1769aa;font-size:13pt}.group-score-section .group-primary-action{margin-top:12px}.group-previous-round{flex-wrap:wrap;padding:7px 0}.group-previous-round span{flex:1;min-width:72px;color:#536359;text-align:center}.group-previous-round button{flex:none;gap:4px}.friend-row{display:flex;gap:11px;align-items:center;min-height:58px;border-bottom:1px solid #dde3df}.friend-row strong,.friend-row span{display:block}.friend-row span{margin-top:3px;color:#7b867f;font-size:8.5pt}.chat-panel{margin-top:18px;padding-top:18px;border-top:1px solid #dfe4e1}.chat-messages{max-height:220px;overflow-y:auto;padding:9px;border:1px solid #d8e0db;border-radius:7px;background:#fff}.chat-message{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-bottom:1px solid #edf0ee}.chat-message:last-child{border-bottom:0}.chat-message>div{display:grid;gap:2px}.chat-message strong{color:#087c55}.chat-avatar{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#9ab8aa;color:#fff;font-size:13px;font-weight:700}.chat-avatar img,.friend-row .avatar img,.invite-friend-option .avatar img{width:100%;height:100%;object-fit:cover}.chat-empty{margin:12px 0;color:#7b867f;text-align:center}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.chat-compose input{min-width:0;height:43px;padding:0 11px;border:1px solid #cfd7d2;border-radius:6px;outline:0}.chat-compose .primary-button{height:43px;padding:0 14px}.setting-list .logout-row{color:#b33c2d}.profile-notice{margin:13px 0 0;padding:10px 12px;border:1px solid #bfe4d2;border-radius:6px;color:#087c55;background:#effaf4;font-size:9pt;line-height:1.45}.profile-edit-section{margin-top:25px;padding-top:21px;border-top:1px solid #dde3df}.profile-edit-section .section-title{align-items:center}.profile-field{display:block;margin:10px 0}.profile-field>span{display:block;margin-bottom:6px;color:#68756d;font-size:9pt}.profile-field input,.profile-field textarea{display:block;width:100%;min-height:43px;padding:10px 11px;border:1px solid #cfd7d2;border-radius:6px;outline:0;background:#fff}.profile-field textarea{resize:vertical;line-height:1.5}.profile-field input:focus,.profile-field textarea:focus{border-color:#087c55;box-shadow:0 0 0 2px #087c551a}.profile-actions{margin-top:15px}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:#f4f6f5}.auth-modal{width:min(100%,420px);padding:30px 22px 24px;border-radius:12px;background:#f7f9f8;box-shadow:0 18px 50px #00000042}.auth-brand{display:grid;width:52px;height:52px;margin:0 auto 16px;place-items:center;border-radius:15px;color:#fff;background:#087c55}.auth-modal>.eyebrow,.auth-modal>h2,.auth-description{text-align:center}.auth-modal h2{margin:5px 0 7px;font-size:19pt}.auth-description{margin:0 0 19px;color:#718077;font-size:9pt;line-height:1.5}.auth-form{margin-top:8px}.auth-submit{width:100%;margin-top:8px}.auth-submit:disabled,.profile-actions .primary-button:disabled{opacity:.55;cursor:wait}.auth-error{margin:10px 0;color:#b33c2d;font-size:9pt;line-height:1.5}.auth-switch{display:block;width:100%;margin-top:16px;padding:5px;border:0;color:#087c55;background:transparent;text-align:center;cursor:pointer}.auth-loading{display:flex;gap:8px;align-items:center;justify-content:center;min-height:90px;color:#617068}.friend-dialog{padding-bottom:22px}.invite-picker{max-height:min(88vh,680px);overflow:auto}.invite-context{margin:-3px 0 15px;color:#617068;font-size:9pt}.invite-slot{margin:13px 0 17px}.invite-slot-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#31453b}.invite-slot-title span{color:#7b867f;font-size:8.5pt}.invite-friend-grid{display:grid;gap:7px}.invite-friend-option{display:flex;align-items:center;gap:9px;width:100%;min-height:51px;padding:7px 9px;border:1px solid #d8e1db;border-radius:7px;color:#29463a;background:#fff;text-align:left;cursor:pointer}.invite-friend-option.selected{border-color:#087c55;background:#effaf4;box-shadow:0 0 0 1px #087c551f}.invite-friend-option>span:nth-child(2){min-width:0;flex:1}.invite-friend-option strong,.invite-friend-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-friend-option small{margin-top:2px;color:#7b867f;font-size:8pt}.invite-friend-option>svg{flex:0 0 auto;color:#087c55}.invite-links{display:grid;gap:7px;margin:10px 0 14px;padding:10px;border:1px solid #d8e1db;border-radius:7px;background:#fff}.invite-link-row{display:grid;gap:3px;font-size:8.5pt}.invite-link-row a{overflow:hidden;color:#087c55;text-overflow:ellipsis;white-space:nowrap}.invite-empty{display:grid;gap:9px;justify-items:center;padding:24px 8px 8px;color:#617068;text-align:center}.invite-empty h3{margin:0;color:#29463a;font-size:13pt}.invite-empty p{margin:0 0 8px;font-size:9pt;line-height:1.5}.install-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#0d1a1494}.install-modal{width:min(100%,520px);padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;background:#f7f9f8;box-shadow:0 -12px 35px #0003}.install-icon{display:grid;width:56px;height:56px;margin:8px auto 14px;place-items:center;border-radius:16px;color:#fff;background:#087c55}.install-message{min-height:44px;margin:0 auto 16px;color:#617068;line-height:1.6;text-align:center}.install-now,.install-close{width:100%}.install-close{margin-top:9px}.scanner-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#0d1a1494}.scanner-modal{width:min(100%,520px);max-height:min(92vh,720px);overflow:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;background:#f7f9f8;box-shadow:0 -12px 35px #0003}.scanner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.scanner-header h2{margin:4px 0 0;font-size:16pt}.scanner-view{position:relative;overflow:hidden;min-height:260px;aspect-ratio:4 / 3;border-radius:8px;background:#101513}.scanner-view video{display:block;width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;top:17%;right:19%;bottom:17%;left:19%;border:2px solid #e8fff0;border-radius:8px;box-shadow:0 0 0 999px #00000038;pointer-events:none}.scanner-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#0000005c}.scanner-message{min-height:22px;margin:11px 0 9px;color:#617068;text-align:center;font-size:9pt}.scanner-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.scanner-file{position:relative;gap:7px;height:43px;padding:0 8px;white-space:nowrap}.scanner-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.scanner-manual{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.scanner-manual input{min-width:0;height:43px;padding:0 11px;border:1px solid #cfd7d2;border-radius:6px;outline:0;background:#fff}.scanner-manual .primary-button{height:43px;padding:0 16px}.bottom-action{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;max-width:520px;min-height:78px;margin:0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dfe4e1;background:#fffffff5}.bottom-action span,.bottom-action strong{display:block}.bottom-action span{margin-bottom:4px;color:#7c8780;font-size:8.5pt}.bottom-action .primary-button{min-width:118px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);max-width:520px;min-height:68px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #dfe4e1;background:#fffffff7}.bottom-nav button{display:grid;gap:4px;place-content:center;justify-items:center;text-align:center;border:0;color:#7d8881;background:transparent;cursor:pointer}.bottom-nav button.active{color:#087c55}.bottom-nav span{font-size:8.5pt}.bottom-nav.simple-nav{grid-template-columns:repeat(4,1fr)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes travel{0%{transform:translate(-100%)}to{transform:translate(360%)}}@media(max-width:370px){.page-content{padding-right:12px;padding-left:12px}.date-strip{grid-template-columns:repeat(4,78px)}.booking-summary{grid-template-columns:44px 1fr}.camera-ready{grid-column:2}.result-actions{grid-template-columns:1fr}}@media(min-width:700px){body{padding:20px 0}.app-shell{min-height:calc(100vh - 40px);border-radius:8px;overflow:hidden}.topbar{top:20px}}.ranking-section{margin-top:18px}.booking-location-bar{display:flex;align-items:center;gap:10px;margin:-4px 0 14px;padding:10px 12px;border:1px solid #d8e0db;border-radius:8px;background:#fff;color:#087c55}.booking-location-copy{display:grid;gap:2px;min-width:0;flex:1}.booking-location-copy span{color:#7a857e;font-size:11px}.booking-location-copy strong{color:#17231e;font-size:14px;font-weight:700}.booking-location-bar select{max-width:112px;height:30px;padding:0 3px;border:0;outline:0;background:transparent;color:#087c55;font:inherit;font-size:12px;text-align:right}.booking-page-head{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:8px 0 18px}.booking-page-head h2{margin:4px 0 5px;font-size:19pt}.booking-page-head p:last-child{margin:0;color:#718077;font-size:9pt;line-height:1.45}.booking-page-head .primary-button{flex:none;height:42px;padding:0 13px}.booking-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:17px;padding:4px;border-radius:7px;background:#e5eae7}.booking-view-tabs button{height:40px;border:0;border-radius:5px;background:transparent;cursor:pointer;font-weight:600}.booking-view-tabs button.active{color:#087c55;background:#fff;box-shadow:0 2px 8px #1c312514}.booking-composer{margin-bottom:18px;padding:15px 14px 17px;background:#fff}.booking-composer .section-title{margin-bottom:7px}.compose-field{display:block;margin:12px 0}.compose-field>span{display:block;margin-bottom:6px;color:#68756d;font-size:9pt}.compose-field input:not([type=checkbox]),.compose-field select,.compose-field textarea{display:block;width:100%;min-height:43px;padding:9px 11px;border:1px solid #cfd7d2;border-radius:6px;outline:0;background:#fff;font:inherit}.compose-field textarea{resize:vertical;line-height:1.5}.compose-field input:not([type=checkbox]):focus,.compose-field select:focus,.compose-field textarea:focus{border-color:#087c55;box-shadow:0 0 0 2px #087c551a}.compose-field .segmented{margin:0}.composer-submit{width:100%;margin-top:8px}.booking-scope-hint{margin:9px 0 0;color:#718077;font-size:8.5pt}.booking-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px}.booking-period-tabs{display:flex;gap:5px;min-width:0;padding:4px;border-radius:7px;background:#e5eae7}.booking-period-tabs button{height:37px;padding:0 12px;border:0;border-radius:5px;background:transparent;color:#5d6b63;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.booking-period-tabs button.active{color:#087c55;background:#fff;font-weight:700;box-shadow:0 2px 8px #1c312514}.booking-period-tabs small{display:inline-grid;min-width:18px;height:18px;margin-left:3px;padding:0 4px;place-items:center;border-radius:9px;background:#edf3ef;font-size:11px}.booking-period-tabs button.active small{color:#087c55;background:#dff2e7}.filter-trigger{position:relative;display:flex;align-items:center;gap:3px;flex:none;width:auto;padding:0 9px}.filter-trigger span{display:grid;min-width:17px;height:17px;place-items:center;border-radius:9px;color:#fff;background:#087c55;font-size:10px}.booking-filter-modal{max-height:calc(100vh - 40px);overflow:auto}.filter-type-field{margin:13px 0}.filter-type-field>span{display:block;margin-bottom:7px;color:#68756d;font-size:9pt}.filter-type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.filter-type-options button{height:40px;border:1px solid #d5ddd8;border-radius:6px;color:#5d6b63;background:#fff;font:inherit;cursor:pointer}.filter-type-options button.active{border-color:#087c55;color:#087c55;background:#effaf4;font-weight:700}.booking-filter-actions{margin-top:20px}.booking-origin{display:inline-block;margin:0 0 10px;padding:3px 7px;border-radius:4px;color:#087c55;background:#effaf4;font-size:8pt}.empty-state{margin:22px 0;padding:18px 12px;border:1px dashed #cfdad3;border-radius:7px;color:#718077;text-align:center;font-size:9pt}.invitation-section{margin:0 0 18px;padding-top:14px;padding-bottom:6px}.invitation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f2}.invitation-row>div{display:grid;gap:4px;min-width:0}.invitation-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitation-row span{color:#6b7280;font-size:12px}.invitation-row .small{flex:0 0 auto;height:36px;padding:0 10px}.region-picker{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:10px 12px;border:1px solid #d8e0db;border-radius:8px;background:#fff}.region-picker span{color:#68756f;font-size:13px}.region-picker strong{color:#17231e;font-size:13px;font-weight:700;white-space:nowrap}.region-picker select{height:32px;border:0;background:transparent;flex:1;min-width:0;font-weight:600;color:#087c55;padding:0;text-align:right}.open-match-row,.join-request-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f2}.open-match-row>div,.join-request-row>span:first-child{display:grid;gap:4px}.open-match-row span{font-size:12px;color:#6b7280}.open-match-row small{max-width:250px;color:#7c8781;font-size:11px;line-height:1.45}.small{height:32px;padding:0 10px;font-size:13px}.join-request-link{display:inline-block;margin-top:8px;color:#087c55;font-size:13px}.join-request-list{margin-top:8px;padding:8px 10px;background:#f5faf7;border-radius:6px}.join-request-row{font-size:13px}.join-request-row small{color:#66756d}.join-request-row em{font-style:normal;color:#66756d;font-size:12px}.text-button{border:0;background:transparent;color:#a34b38;padding:4px;cursor:pointer;font:inherit;font-size:12px}.nearby-hall{margin:16px -4px 0;padding:18px 16px 28px;background:#f3f5f4}.hall-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hall-section-head h2{margin:3px 0 0;font-size:24px;color:#17231e}.hall-caption{margin:8px 0 16px;color:#78827e;font-size:13px}.nearby-match-card{margin:0 0 14px;padding:18px 16px 16px;border-radius:14px;background:#fff;box-shadow:0 2px 8px #20352b0f}.nearby-match-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.nearby-user{display:flex;align-items:center;gap:10px;min-width:0}.nearby-user>div{display:grid;gap:4px;min-width:0}.nearby-user strong{font-size:17px;color:#202a25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nearby-user span:not(.nearby-avatar){color:#8a938f;font-size:13px}.nearby-avatar{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:#9ab8aa;font-size:19px;font-weight:700}.recruiting-badge{flex:0 0 auto;padding:6px 10px;border-radius:14px;color:#e66b24;background:#fff1e8;font-size:13px;font-weight:600}.nearby-match-meta{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:4px;margin:9px 0;color:#68736d;font-size:14px}.nearby-match-meta>strong{color:#29332e;font-size:15px;font-weight:500}.nearby-match-meta em{display:flex;align-items:center;gap:3px;padding:5px 8px;border-radius:12px;color:#e2762a;background:#fff1e8;font-style:normal;white-space:nowrap}.nearby-match-note{margin:11px 0 0;padding-top:10px;border-top:1px solid #eef0ef;color:#7c8781;font-size:12px;line-height:1.5}.nearby-join-button{width:100%;height:40px;margin-top:14px;border:1px solid #0a875e;border-radius:7px;color:#087c55;background:#fff;font:inherit;cursor:pointer}.nearby-join-button:active{background:#effaf4}.mine-booking-list{display:grid;gap:14px;margin-top:16px}.mine-match-card{margin:0;border:1px solid #e4e9e6;box-shadow:0 2px 8px #20352b0f;cursor:pointer}.mine-match-card:focus-visible{outline:2px solid #087c55;outline-offset:2px}.mine-match-card .nearby-match-meta>strong small{color:#6f7b74;font-size:12px;font-weight:400}.mine-match-card .recruiting-badge.status-cancelled,.mine-match-card .recruiting-badge.status-failed{color:#8a4b45;background:#f5e9e7}.mine-match-card .recruiting-badge.status-recording{color:#c9402d;background:#ffe9e3}.mine-match-card .recruiting-badge.status-analyzing{color:#5c5bb2;background:#ecebfd}.mine-match-card .recruiting-badge.status-score_ready,.mine-match-card .recruiting-badge.status-confirmed,.mine-match-card .recruiting-badge.status-completed{color:#087c55;background:#e7f6ee}.mine-match-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #eef0ef}.mine-match-footer .booking-origin{margin:0}.mine-match-detail{display:flex;align-items:center;gap:3px;color:#68756d;font-size:12px}.mine-match-actions{margin-top:11px;padding-top:9px;border-top:1px solid #eef0ef}.ranking-controls{margin:8px 0 12px}.ranking-tabs{display:flex;gap:6px;margin:8px 0 12px}.ranking-tabs button{flex:1;border:1px solid #dfe3e8;background:#fff;border-radius:6px;padding:8px 10px;color:#5f6368}.ranking-tabs button.active{background:#1769aa;color:#fff;border-color:#1769aa}.ranking-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f2}.ranking-rank{font-weight:700;color:#1769aa;text-align:center}.ranking-stats{font-size:12px;color:#6b7280;white-space:nowrap}.ranking-me{margin:12px 0 0;padding:10px;background:#eef6fc;border-radius:6px;color:#1769aa;font-weight:600}.history-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 0 16px}.history-page-head h2{margin:3px 0 5px;font-size:24px}.history-page-head p:not(.eyebrow){margin:0;color:#718077;font-size:13px}.pk-history-list{display:grid;gap:12px}.pk-history-card{padding:16px;border:1px solid #e0e7e3;border-radius:10px;background:#fff}.pk-history-card-head{display:flex;justify-content:space-between;gap:12px}.pk-history-card-head>div{display:grid;gap:5px;min-width:0}.pk-history-card-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-history-card-head span{color:#76827b;font-size:12px}.pk-history-card-head b{flex:0 0 auto;color:#087c55;font-size:13px}.pk-history-players{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 10px}.pk-history-players span{padding:5px 8px;border-radius:5px;font-size:12px;background:#f2f5f3}.pk-history-players .team-A{color:#087c55;background:#effaf4}.pk-history-players .team-B{color:#1769aa;background:#eef6fc}.pk-history-scores{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid #edf0f2;color:#2f3d35;font-size:13px}.pk-history-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;color:#89938e;font-size:11px}.pk-history-card-foot a{color:#087c55;font-size:13px;text-decoration:none}.play-clip{display:inline-flex;align-items:center;gap:8px;height:40px;margin-top:8px;padding:0 14px;border:0;border-radius:8px;background:#126345;color:#fff;font:inherit;font-weight:700}.playback-modal{width:min(920px,100%);max-width:100%}.playback-modal video{display:block;width:100%;max-height:min(70vh,560px);margin-top:12px;border-radius:8px;background:#111;object-fit:contain}