*{box-sizing:border-box} :root{--green:#8cb53b;--purple:#4d485c;--ink:#292535;--soft:#f5f6f1}body{margin:0;background:var(--soft);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--purple)}header{background:var(--purple);color:white;padding:20px max(20px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}header a{color:white;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:900;line-height:1.1;letter-spacing:-.5px}.brand small{display:block;color:#c9e893;font-size:11px;letter-spacing:2px;margin-top:6px}.brand img{max-width:145px;max-height:65px;object-fit:contain}.mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--green);font-size:23px;color:white}.nav{font-size:14px;display:flex;align-items:center;gap:12px}main{max-width:1040px;margin:auto;padding:38px 20px 70px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#597823}h1{font-size:clamp(29px,6vw,44px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0 16px}h2{font-size:23px;line-height:1.3}p{color:#655f70}.intro{max-width:630px;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.tile,.panel{background:white;border:1px solid #e3e5dc;border-radius:22px;padding:26px;box-shadow:0 8px 30px #29253505}.tile{display:flex;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-3px);border-color:var(--green)}.tile h2{color:var(--ink);margin:18px 0 10px}.logo-box{height:150px;background:#f2f4ed;border-radius:14px;display:grid;place-items:center}.logo-box img{max-width:90%;max-height:125px;object-fit:contain}.logo-box span{font-size:44px;color:var(--purple);font-weight:900}.badge{display:inline-flex;align-items:center;gap:7px;background:#edf5dc;color:#506e22;border-radius:30px;padding:5px 11px;font-size:12px;font-weight:800}.badge:before{content:"";width:6px;height:6px;background:var(--green);border-radius:50%}.tile .cta{margin-top:auto;padding-top:20px;font-weight:800;color:#597823}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:var(--green);color:#182309;border:0;border-radius:12px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.button.secondary,button.secondary{background:#efedf3;color:var(--purple)}.fixture{padding:26px;display:block;background:var(--purple);color:white;border-radius:20px;text-decoration:none;margin-top:26px}.fixture h2{margin:0 0 7px}.fixture p{color:#e4dfed;margin:0}.fixture .arrow{display:block;color:#c9e893;margin-top:18px;font-weight:700}.event-head{display:flex;align-items:center;gap:22px}.event-head img{max-width:100px;max-height:110px;object-fit:contain}.back{display:inline-block;margin-bottom:26px;font-weight:650;text-decoration:none}label{display:block;margin:17px 0 6px;font-weight:650}input:not([type=checkbox]),select{width:100%;border:1px solid #c9c6d1;border-radius:10px;padding:12px;font:inherit;background:white;color:var(--ink);min-height:48px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:var(--green);margin-right:8px}input[type=file]{font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.hint{font-size:13px;margin:6px 0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.error,.success{padding:14px 18px;border-radius:12px;margin-bottom:20px}.error{background:#ffe9e7;color:#8c2720}.success{background:#e8f5d8;color:#365a14}.admin-list{margin-top:24px;display:grid;gap:14px}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;background:white;border:1px solid #e3e5dc;border-radius:16px}.admin-row h2{font-size:18px;margin:0 0 6px}.admin-row p{margin:0;font-size:13px}.status{font-size:12px;font-weight:700;color:#655f70}.narrow{max-width:500px;margin:auto}.empty{padding:50px 26px;text-align:center}.empty .mark{margin:auto;width:65px;height:65px;font-size:30px}footer{text-align:center;padding:25px 20px;color:#7b7586;font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #597823;outline-offset:4px}@media(max-width:600px){main{padding-top:28px}.form-grid{grid-template-columns:1fr}.event-head{align-items:flex-start;gap:14px}.event-head img{max-width:65px}.admin-row{align-items:flex-start;flex-direction:column}header{padding:16px}.brand{font-size:18px}.nav{font-size:12px}.panel,.tile{padding:22px}.fixture{padding:22px}.actions .button,.actions button{flex-grow:1}}
[hidden]{display:none!important}.video-feature{background:var(--green);color:var(--ink)}.video-feature p{color:#344615}.video-feature .arrow{color:#263610}.recorder-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.question-list{padding-left:25px}.question-list li{padding:8px 0;font-weight:650}.consent{font-size:14px;font-weight:400}.camera-panel{position:sticky;top:20px}.portrait-frame{aspect-ratio:9/16;position:relative;background:#25212e;border-radius:15px;overflow:hidden;color:white}.portrait-frame video{width:100%;height:100%;object-fit:cover}.portrait-frame #camera{transform:none}.portrait-frame #camera.front-camera{transform:scaleX(-1)}#camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:25px;font-size:25px;font-weight:800}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:70px;font-weight:900;text-shadow:0 2px 12px #000}#record-progress{width:100%;accent-color:var(--green)}.clip-preview{display:block;width:100%;aspect-ratio:9/16;background:#25212e;border-radius:12px}.video-grid{margin-top:24px}details{font-size:13px}summary{cursor:pointer;font-weight:650}@media(max-width:760px){.recorder-layout{grid-template-columns:1fr}.camera-panel{position:static;max-width:440px;width:100%;margin:auto}}

/* Keep the recorder stable when the camera reveals its native video dimensions. */
.video-intro{max-width:660px;margin:0 auto}.question-screen{max-width:480px;margin:0 auto;padding:16px}.question-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.compact{font-size:12px;min-height:34px;padding:6px 10px}.question-screen h2{font-size:20px;line-height:1.3;margin:12px 0 14px;overflow-wrap:anywhere}.question-screen .portrait-frame{width:min(100%,300px,27vh);width:min(100%,300px,27svh);aspect-ratio:9/16;margin:0 auto;isolation:isolate}.portrait-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}.record-timer{position:absolute;top:12px;right:12px;background:#292535d9;padding:6px 12px;border-radius:30px;font-size:22px;font-weight:800;color:white;font-variant-numeric:tabular-nums}.record-actions{margin-top:12px;gap:8px}.record-actions button{min-height:44px;padding:10px 14px;flex:1}.question-screen #record-status{font-size:14px;margin:10px 0 6px}.question-screen .error{font-size:13px;padding:10px;margin-top:10px}.answer-question{font-weight:700;color:var(--purple)}body.recording-flow>header,body.recording-flow>footer{display:none}body.recording-flow>main{padding:10px 12px 20px}body.recording-flow .question-screen{box-shadow:none}@media(max-width:360px){.question-screen{padding:12px}.question-screen h2{font-size:18px}.record-actions button{font-size:14px}}

.question-screen #current-question{max-height:18vh;max-height:18svh;overflow:auto}.record-timer{font-size:28px}

.question-screen .portrait-frame{--camera-width:min(300px,27vh,calc(100vw - 64px));width:var(--camera-width);height:calc(var(--camera-width) * 16 / 9);aspect-ratio:9/16;flex-shrink:0}@supports(height:1svh){.question-screen .portrait-frame{--camera-width:min(300px,27svh,calc(100vw - 64px))}}.record-actions #switch-camera{flex-basis:100%;font-size:14px;min-height:38px}.portrait-frame #camera,.portrait-frame #review{object-fit:cover}

.portrait-frame #camera.front-camera{object-fit:contain;background:#25212e}

.photo-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.photo-canvas-wrap{position:relative;width:100%;aspect-ratio:9/16;background:#4d485c;overflow:hidden;border-radius:14px}.photo-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.photo-canvas-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#25212e}.photo-canvas-wrap video.front-camera{transform:scaleX(-1)}.photo-preview-panel{position:sticky;top:16px}.photo-grid{margin-top:24px}.frame-checker{background:repeating-conic-gradient(#e7e5ea 0% 25%,#fff 0% 50%) 0/24px 24px;border-radius:12px}.frame-checker img,.saved-photo{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:12px}#photo-zoom{padding:0;accent-color:var(--green)}@media(max-width:760px){.photo-layout{grid-template-columns:1fr}.photo-preview-panel{position:static;grid-row:1;width:min(100%,360px);margin:auto}.photo-canvas-wrap{max-height:64svh;width:auto;aspect-ratio:9/16;margin:auto}}

.photo-preview-panel .photo-canvas-wrap{--photo-width:min(320px,36vh,calc(100vw - 92px));width:var(--photo-width);height:calc(var(--photo-width) * 16 / 9);max-height:none;margin:auto}@supports(height:1svh){.photo-preview-panel .photo-canvas-wrap{--photo-width:min(320px,36svh,calc(100vw - 92px))}}

.photo-preview-panel{scroll-margin-top:12px}.photo-camera-actions{margin-top:12px;gap:8px;display:flex;flex-wrap:wrap}.photo-camera-actions button{flex:1;min-height:44px;font-size:14px;padding:10px 12px}.photo-camera-actions #photo-capture{order:-1;flex-basis:100%}.photo-preview-panel.camera-active .photo-canvas-wrap{--photo-width:min(300px,27vh,calc(100vw - 92px))}@supports(height:1svh){.photo-preview-panel.camera-active .photo-canvas-wrap{--photo-width:min(300px,27svh,calc(100vw - 92px))}}

.team-context{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:20px}.team-context p{margin:4px 0}.team-context .hint{flex-basis:100%;font-size:12px}.team-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:20px}.team-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:2px solid #e3e5dc;color:var(--purple);padding:18px;min-height:180px;text-align:center}.team-card[aria-pressed=true]{border-color:var(--green);background:#f2f7e9}.team-card img{width:76px;height:76px;object-fit:contain}.team-card small{font-size:11px;font-weight:500}.team-placeholder{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--purple);color:white;font-size:30px}.team-badge{width:60px;height:60px;object-fit:contain}.team-row{display:flex;align-items:center;gap:15px}.sample-controls{margin-top:24px}

.builder-layout{display:grid;grid-template-columns:minmax(280px,1fr) 400px;gap:24px;margin-top:24px;align-items:start}.builder-preview{position:sticky;top:20px}.builder-preview canvas{width:100%;aspect-ratio:9/16;display:block;touch-action:none;cursor:move}.sponsor-strip-preview{max-width:100%;max-height:140px;object-fit:contain;background:#4d485c;padding:10px}textarea{width:100%;font:inherit;border:1px solid #c9c6d1;border-radius:10px;padding:12px}@media(max-width:820px){.builder-layout{grid-template-columns:1fr}.builder-preview{position:static;grid-row:1;max-width:380px;margin:auto}}

.back{display:table;margin-bottom:24px}.back+.eyebrow{display:block;margin-top:4px}.admin-row{padding:24px;gap:20px}.admin-row>.actions{margin-top:0;gap:12px;flex-wrap:wrap}.admin-row>.team-row{flex-shrink:0}.admin-list{gap:20px}.form-grid{row-gap:24px;margin-top:24px}.builder-layout .panel{padding:28px}.builder-layout .slider-control{display:flex;align-items:center;gap:14px}.builder-layout input[type=range]{padding:0;border:0;accent-color:var(--green);flex:1;min-width:0}.slider-control output{min-width:52px;text-align:right;font-size:13px;font-weight:750;color:var(--purple)}.editing-block-label{background:#edf5dc;padding:12px 14px;border-radius:10px;font-weight:750;color:#365619}.shade-settings{margin-top:22px;padding:14px;background:#f5f6f1;border-radius:12px}.shade-settings summary{font-size:15px}.photo-canvas-wrap #photo-camera{opacity:0;pointer-events:none}.builder-preview{padding:24px}.builder-preview canvas{border-radius:12px}@media(max-width:650px){.admin-row{padding:22px}.admin-row>.actions{width:100%;margin-top:4px}.builder-layout .panel{padding:22px}}

.font-specimen{padding:16px;background:#f0f1eb;border-radius:12px;font-size:26px;line-height:1.3;color:var(--purple);overflow-wrap:anywhere}

.template-manager{margin-bottom:26px}.template-manager h2{margin-top:0}.template-open-form{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:end}.template-open-form label{grid-column:1/-1}.template-purpose{border:0;margin:20px 0 0;padding:0}.template-purpose legend{font-weight:700}.template-purpose label{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #e1e3d9;border-radius:12px}.template-purpose small{display:block;color:#655f70;margin-top:5px;font-weight:400}.template-purpose input{margin-top:6px}.builder-accordion{border:1px solid #e1e3d9;border-radius:14px;padding:16px 18px;margin:14px 0;font-size:15px}.builder-accordion>summary{font-size:16px;line-height:1.4;padding:4px 0;cursor:pointer}.builder-accordion[open]>summary{margin-bottom:16px}.builder-subsection{padding:12px 0;border-top:1px solid #e7e8e0;margin-top:16px}.builder-subsection>summary{font-size:15px}.block-group{border:0;padding:0;margin:20px 0}.block-group legend{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#655f70;font-weight:750;margin-bottom:10px}.block-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eff0ea}.block-toggle-row label{display:flex;align-items:flex-start;gap:9px;margin:0;font-size:14px;font-weight:550}.block-toggle-row input{flex-shrink:0}.block-adjust{font-size:12px;min-height:34px;padding:7px 12px}.block-toggle-row.is-disabled{opacity:.55}.builder-save{padding:18px;margin-top:20px;background:#f1f6e8;border-radius:14px}.builder-save label{margin:0 0 16px;font-size:14px}.builder-save button{width:100%}.builder-helper-links{display:flex;gap:20px;flex-wrap:wrap;margin:26px 0;font-size:14px}.builder-extras{margin-top:26px}.builder-preview h2{font-size:20px;margin:0 0 16px}@media(max-width:650px){.template-open-form{grid-template-columns:1fr}.builder-controls{padding:14px!important}.builder-accordion{padding:14px}.block-toggle-row{gap:8px}.block-toggle-row label{font-size:13px}}

.template-purpose input[type=radio]{width:20px;height:20px;min-height:0;padding:0;flex:0 0 20px;accent-color:var(--green)}

.team-match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin:0 0 24px}.team-match-card{margin:0;padding:24px}.team-match-card h2{font-size:clamp(1.1rem,3vw,1.45rem);line-height:1.5;margin:12px 0;overflow-wrap:anywhere}.match-v{font-weight:400;color:#777}.match-score{display:inline-block;background:#4d485c;color:#fff;border-radius:10px;padding:2px 12px;white-space:nowrap}.match-time{font-size:1.55rem;font-weight:800;margin:12px 0 4px}.match-pitch{margin:4px 0;font-weight:600}

.supporter-footer{max-width:1100px;margin:24px auto 0;padding:24px}.supporter-footer section{margin-bottom:28px}.supporter-footer h2{text-align:center;font-size:1.2rem;margin:0 0 16px}.supporter-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.supporter-logo-grid a{display:flex;align-items:center;justify-content:center;min-height:100px;padding:14px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.supporter-logo-grid img{display:block;width:100%;height:80px;object-fit:contain}.supporter-logo-grid a:focus-visible{outline:3px solid #8cb53b;outline-offset:3px}@media(max-width:900px){.supporter-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.supporter-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supporter-footer{padding:20px}.supporter-logo-grid a{min-height:86px;padding:12px}.supporter-logo-grid img{height:65px}}

/* v0.27: mobile match-day experience */
.customer-app{--soft:#f4f5f2;--ink:#282433;background:var(--soft)}.customer-app>header{padding:14px 20px;min-height:76px}.customer-app .brand img{max-height:45px;max-width:145px}.customer-app>header .nav{font-size:12px}.customer-app>main{max-width:720px;padding:26px 20px 44px}.customer-app h1{font-size:clamp(29px,7vw,40px);letter-spacing:-1px}.customer-app .back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px;text-decoration:none;font-weight:600;font-size:14px}.customer-app button,.customer-app .button,.customer-app select{min-height:48px}.customer-app button,.customer-app .button{border-radius:14px;font-weight:750}.customer-app input,.customer-app select{border-radius:12px;font-size:16px}.customer-app .panel{border:1px solid #e7e8e2;box-shadow:0 3px 18px #29253505;padding:22px}.customer-app .event-head{align-items:center;gap:16px;margin:0 0 24px}.customer-app .event-head>img{width:68px;height:68px;object-fit:contain;background:#fff;padding:8px;border-radius:18px;flex-shrink:0}.customer-app .event-head h1{font-size:clamp(25px,6vw,34px);margin:9px 0 0;line-height:1.18}.customer-app .badge{background:#eaf3dc;color:#46661a;font-size:11px;letter-spacing:.6px;border-radius:30px;padding:6px 10px;font-weight:800}.customer-app .team-context{margin:0 0 20px;border-left:4px solid var(--green);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 20px}.customer-app #team-context-label{font-size:17px;font-weight:800;color:var(--ink);margin:6px 0 0;line-height:1.4}.customer-app .team-context>.hint{width:100%;font-size:12px;margin:0}.customer-app .team-context>a{padding:9px 14px;font-size:13px;min-height:44px;white-space:nowrap}.team-match-grid{gap:16px;margin:0 0 28px}.customer-app .team-match-card{padding:20px;margin:0;border-radius:22px;min-width:0}.match-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.match-card-heading .eyebrow{font-size:10px;letter-spacing:1.4px}.match-chip{font-size:10px;line-height:1.4;font-weight:800;background:#edf5df;color:#486b1a;border-radius:20px;padding:5px 8px}.match-chip.muted{background:#f1eff5;color:#655c76}.match-lineup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:20px 0 14px}.match-team{text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}.match-team img{width:58px;height:58px;object-fit:contain}.match-team strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere;color:var(--ink)}.match-logo-placeholder{display:grid;place-items:center;width:58px;height:58px;background:#edf0e6;border-radius:50%;font-weight:850;color:#5e7438;font-size:24px}.match-lineup>.match-v{font-size:11px;font-weight:800;color:#8a8296;letter-spacing:1px}.match-lineup>.match-score{font-size:21px;letter-spacing:-.8px;padding:5px 10px;border-radius:12px}.match-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0e7;padding-top:14px}.match-meta .match-time{font-size:17px;line-height:1.4;margin:0;color:var(--ink)}.match-meta .match-pitch{font-size:12px;color:#5e713e;background:#f1f5e9;padding:5px 9px;border-radius:8px;margin:0;text-align:right;overflow-wrap:anywhere}.penalty-note{text-align:center;margin:8px 0 0;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}.section-heading h2{font-size:21px;margin:0}.section-heading p{margin:6px 0 0;font-size:14px}.section-heading>span{font-size:12px;color:#8a8296}.day-actions-heading{margin-top:12px}.customer-app .fixture{display:flex;align-items:center;gap:16px;min-height:110px;padding:22px;margin:0 0 14px;background:#fff;border:1px solid #e5e8de;border-radius:20px;box-shadow:0 3px 18px #29253504;text-decoration:none}.customer-app .fixture h2{margin:0 0 6px;font-size:18px;letter-spacing:-.35px;color:var(--ink)}.customer-app .fixture p{margin:0;font-size:13px;line-height:1.5}.customer-app .fixture .arrow{font-size:0;margin-left:auto;color:var(--purple);flex-shrink:0}.customer-app .fixture .arrow:after{content:'→';font-size:22px}.feature-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;background:#edf4df;border-radius:14px;font-size:22px;color:#61822c}.customer-app .video-feature .feature-icon{background:#f0edf5;color:#6c587b}.customer-app .supporter-footer{max-width:720px;border-top:1px solid #e3e6dc;margin-top:0}.customer-app .supporter-footer h2{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#7c7587}.customer-app>footer{font-size:11px;padding:20px;text-align:center}.customer-app .team-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-app .team-card{padding:16px 12px;min-height:140px;border-radius:18px}.customer-app .team-card img{width:56px;height:56px}.customer-app .team-card[aria-pressed=true]{border:2px solid var(--green);background:#f2f7e8}.customer-app .team-card span{font-size:14px}.customer-app .tile{padding:22px}.customer-app .logo-box{height:125px}

/* Photo: visual frame gallery, capture, finish */
.photo-flow{max-width:600px;margin:auto}.photo-intro{margin:0 0 22px;font-size:14px}.photo-steps{display:flex;list-style:none;padding:0;margin:0 0 20px;background:#e9ece3;border-radius:14px;gap:4px;padding:5px}.photo-steps li{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 6px;color:#8c8892;font-size:13px;font-weight:750;border-radius:11px}.photo-steps li[aria-current=step]{background:#fff;color:#4c6727;box-shadow:0 2px 6px #00000008}.photo-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dfe4d7;color:#737d63;font-size:11px}.photo-steps li[aria-current=step] b{background:var(--green);color:#fff}.photo-status{font-size:13px;margin:0 0 16px}.frame-filter{display:flex;gap:8px;margin:0 0 18px;overflow:auto}.frame-filter button{white-space:nowrap;background:#fff;color:#797182;border:1px solid #dedfd8;padding:10px 16px;min-height:44px!important;font-size:13px}.frame-filter button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#fff}.gallery-team-options{background:#fff;border:1px solid #e5e8de;padding:16px;border-radius:16px;margin-bottom:20px}.gallery-team-options label{margin-top:0;font-size:13px}.gallery-team-options .hint{margin-bottom:0;font-size:12px}.frame-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.frame-tile{background:#fff;border:2px solid transparent;box-shadow:0 3px 14px #29253506;padding:8px 8px 14px!important;min-width:0;display:flex;flex-direction:column;align-items:stretch;color:var(--ink);text-align:left;overflow:hidden;border-radius:20px!important}.frame-tile:hover,.frame-tile:focus-visible{border-color:#a9c977}.frame-tile[aria-pressed=true]{border-color:var(--green)}.frame-tile-preview{display:block;position:relative;aspect-ratio:9/16;background:#e4e8df;overflow:hidden;border-radius:13px}.frame-tile-preview>img,.frame-tile-preview>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.frame-photo-placeholder:before{content:'';position:absolute;width:34%;aspect-ratio:1;top:26%;left:33%;background:#bdc8b0;border-radius:50%}.frame-photo-placeholder:after{content:'';position:absolute;width:80%;height:55%;top:50%;left:10%;background:#bdc8b0;border-radius:50% 50% 0 0}.frame-tile-label{font-size:14px;font-weight:800;padding:12px 4px 3px;line-height:1.35}.frame-tile small{font-size:10px;font-weight:500;color:#898190;padding:0 4px;line-height:1.5}.stories-pill{font-size:10px!important;color:#6d7f50!important;background:#e8eedf;padding:6px 10px;border-radius:18px;white-space:nowrap}.photo-edit-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.photo-edit-heading h2{font-size:22px;letter-spacing:-.5px;margin:0 0 3px}.photo-edit-heading p{font-size:12px;margin:0}.text-button{border:0!important;background:transparent!important;color:#668735!important;padding:8px!important;font-size:13px;font-weight:800;min-height:44px}.photo-flow .photo-preview-panel{position:static;border:0;background:transparent;padding:0;margin:0;width:100%;scroll-margin-top:14px}.photo-flow .photo-canvas-wrap,.photo-flow .photo-preview-panel.camera-active .photo-canvas-wrap{--photo-width:min(340px,calc(100vw - 64px),31svh);width:var(--photo-width);height:calc(var(--photo-width)*16/9);max-height:none;aspect-ratio:9/16;margin:auto;border-radius:18px;box-shadow:0 12px 30px #29253517}.photo-flow .photo-canvas-wrap video{opacity:0;pointer-events:none}.photo-flow .photo-camera-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.photo-flow .photo-camera-actions button{flex:1 1 calc(50% - 5px);font-size:14px;min-height:48px}.photo-flow #photo-capture{flex-basis:100%;min-height:54px;font-size:16px}.photo-flow #photo-switch-camera{flex-basis:100%;background:transparent;border:1px solid #dedfd8;color:var(--purple);min-height:44px}.photo-flow .photo-options{background:white;padding:14px 16px;border:1px solid #e4e7dd;border-radius:13px;margin-bottom:16px}.photo-flow .photo-options summary{font-size:12px}.photo-flow .photo-adjust-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.photo-flow .photo-adjust-row label{margin:0}.photo-flow #photo-zoom{width:100%;min-height:40px}.photo-flow #photo-retake{font-size:13px;width:100%;margin:6px 0 8px}.photo-flow .consent{display:flex;align-items:flex-start;gap:10px;background:#fff;border-radius:14px;border:1px solid #e4e7dd;padding:14px;font-size:12px;line-height:1.5}.photo-flow .consent input{flex-shrink:0;margin-top:3px}.photo-flow #photo-save{display:block;width:100%;min-height:54px;font-size:16px;margin-top:16px}.photo-flow .photo-success{text-align:center;padding:20px 0 10px}.photo-success>span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e4efd3;color:#67912c;font-size:23px}.photo-success h2{margin:12px 0 6px}.photo-success p{font-size:13px;margin:0}.photo-flow #photo-downloads .actions{display:flex;gap:10px}.photo-flow #photo-downloads .actions>*{flex:1;text-align:center;font-size:14px}.photo-flow #photo-open-result{display:block;text-align:center;font-size:12px;min-height:44px;padding:10px}.photo-flow #photo-another{display:block;width:100%;font-size:13px;margin-top:8px}.photo-flow [hidden],.frame-gallery [hidden]{display:none!important}.customer-app a:focus-visible,.customer-app button:focus-visible{outline:3px solid var(--green);outline-offset:3px}@media(max-width:480px){.customer-app>main{padding:22px 16px 32px}.customer-app>header{padding:12px 16px;min-height:68px}.customer-app .brand img{max-height:40px;max-width:125px}.customer-app .nav>span{display:none}.team-match-grid{grid-template-columns:1fr}.customer-app .team-match-card{padding:18px 20px}.match-team strong{font-size:13px;max-width:130px}.match-team img,.match-logo-placeholder{width:60px;height:60px}.match-lineup{margin-top:16px;margin-bottom:16px}.match-meta .match-time{font-size:20px}.day-actions-heading>span{display:none}.customer-app .fixture{padding:18px;min-height:103px;gap:12px}.customer-app .fixture h2{font-size:17px}.feature-icon{width:42px;height:42px;font-size:21px}.customer-app .team-context{padding:16px;gap:10px}.customer-app .team-context>a{font-size:12px}.customer-app #team-context-label{font-size:16px}.frame-gallery{gap:12px}.photo-edit-heading h2{font-size:21px}.photo-flow .photo-canvas-wrap,.photo-flow .photo-preview-panel.camera-active .photo-canvas-wrap{--photo-width:min(330px,calc(100vw - 64px),31svh)}}@media(prefers-reduced-motion:reduce){.customer-app *, .customer-app *:before,.customer-app *:after{scroll-behavior:auto!important;transition:none!important}}
.customer-app .fixture p{color:#797181}.customer-app .fixture .arrow{margin-top:0}.customer-app button:disabled,.customer-app .button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.customer-app .team-match-card .match-empty{font-size:14px;margin:18px 0 4px}.photo-flow #team-frame-controls[hidden]{display:none!important}