.canvas-wrapper{aspect-ratio:1;background:#f5f5f5;border-radius:4px;width:100%;max-width:1080px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.canvas-container{width:100%!important;height:100%!important;position:relative!important}.lower-canvas,.upper-canvas{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.matchday-photo-surface{touch-action:none;-webkit-user-select:none;user-select:none;cursor:move;position:absolute;inset:0}.matchday-photo-surface:focus-visible{outline:3px solid var(--bs-primary);outline-offset:-3px}.matchday-photo-controls{max-width:1080px;margin-inline:auto}.matchday-photo-controls .form-range{min-height:44px}@media (width<=767px){.canvas-wrapper{-webkit-overflow-scrolling:touch;overflow:auto}.mobile-warning{text-align:center;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-bottom:16px;padding:12px;font-size:14px;display:block}.desktop-only{display:none}.row{flex-direction:column}.row .col,.row [class*=col-]{width:100%;max-width:100%;margin-bottom:12px}.btn{margin-top:8px}}@media (width>=768px){.mobile-warning{display:none}.canvas-wrapper{overflow:hidden}}@media (width>=1200px){.canvas-wrapper{margin:0 auto}.container{max-width:1400px}}.canvas-wrapper.loading{opacity:.6;pointer-events:none}.canvas-wrapper.loading:after{content:"";z-index:1000;border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-notification{color:#fff;z-index:2000;background:#28a745;border-radius:4px;max-width:300px;padding:16px 24px;animation:.3s ease-out slideIn;position:fixed;top:70px;right:10px;box-shadow:0 4px 12px #00000026}.export-notification.error{background:#dc3545}.export-notification.processing{color:#000;background:#ffc107}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@media (width<=767px){.btn{min-height:44px;padding:12px 20px;font-size:16px}.form-control,.form-select{min-height:44px;font-size:16px}input[type=text],input[type=file],select,textarea{font-size:16px!important}}@media print{.container>:not(.canvas-wrapper){display:none!important}.canvas-wrapper{width:100%;max-width:100%;box-shadow:none;page-break-inside:avoid}body{margin:0;padding:0}}.canvas-wrapper:focus-within{outline-offset:2px;outline:2px solid #0d6efd}@media (prefers-contrast:high){.canvas-wrapper{border:2px solid}}@media (prefers-reduced-motion:reduce){.canvas-wrapper.loading:after{border-top-color:#3498db;animation:none}.export-notification{animation:none}.share-button{animation:none!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.share-button{transition:all .3s}@media (width<=767px){@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.share-button{animation:2s ease-in-out infinite pulse}.share-button:active{animation:none;transform:scale(.95)}.share-button{box-shadow:0 2px 8px rgba(var(--bs-success-rgb), .3)}}.match-picker{max-width:40rem}.match-hero{color:#fff;background:linear-gradient(135deg, var(--bs-primary), #003e6e);border-radius:1rem;padding:1rem}.match-hero-kicker{text-transform:uppercase;letter-spacing:.08em;opacity:.8;font-size:.8rem}.match-hero-date{margin-bottom:.75rem;font-family:Bebas Neue,sans-serif;font-size:1.75rem}.match-hero-date:first-letter{text-transform:uppercase}.match-hero-meta{justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.match-hero .match-vs,.match-hero small{color:#ffffffbf}.match-teams{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.match-team{flex-direction:column;align-items:center;gap:.25rem;min-width:0;display:flex}.match-team img{object-fit:contain;width:4rem;height:4rem}.match-team span{overflow-wrap:anywhere;font-weight:600;line-height:1.15}.match-vs{font-family:Bebas Neue,sans-serif;font-size:1.25rem}.match-badge{color:#fff;background:#6c757d;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.match-badge.is-thuis{background:var(--lsvvyellow);color:#111}.match-list{flex-direction:column;gap:.5rem;display:flex}.match-row{border:1px solid var(--bs-border-color);width:100%;color:inherit;text-align:left;background:#fff;border-radius:.75rem;grid-template-columns:4.5rem 1fr auto auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.match-row:hover:not(:disabled),.match-row[aria-pressed=true]{border-color:var(--bs-primary);background:var(--bs-primary-bg-subtle)}.match-row:disabled{opacity:.6}.match-row-date{line-height:1.1}.match-row-team{font-weight:600}.match-row-go{color:var(--bs-secondary-color);font-size:1.5rem}