/* October 2026: touch-first controls, fullscreen fallback and linked game navigation. */
*{box-sizing:border-box}html,body{max-width:100%;}body{overflow-wrap:anywhere}header,main,footer,section,.panel,.team,.layout>*{min-width:0}input,select,textarea{max-width:100%;font-size:16px}button,.button,.modebuttons>a{touch-action:manipulation;min-height:44px}.modebuttons>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;padding:12px 16px;border:1px solid #c4ced8;border-radius:12px;background:#eef3fa;color:#183448;font-weight:700}.modebuttons>a[aria-pressed="true"]{background:var(--accent,#155de9);color:white}.modebuttons>a .ui-icon{width:22px;height:22px;flex-shrink:0}
.share-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.share-with-icon::before{content:"";display:inline-block;flex:none;width:19px;height:19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M8 10l8-5M8 14l8 5'/%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='5' cy='12' r='3'/%3E%3Ccircle cx='19' cy='4' r='3'/%3E%3Ccircle cx='19' cy='20' r='3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.mobile-fullscreen{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;z-index:10000;overflow:auto!important;padding:calc(16px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom))!important}.score-fullscreen-open{overflow:hidden}.exit-score-fullscreen{display:block;margin-inline-start:auto;margin-bottom:8px}:fullscreen{overflow:auto;padding:16px}.bracket-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.bracket-match{min-height:190px;height:auto}.fixture-side{min-height:54px}.fixture-side span{min-width:0;overflow-wrap:anywhere}.mini-controls button{min-width:44px;min-height:44px}.seo-copy{line-height:1.65}.game-directory{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.game-directory a{padding:9px;border:1px solid #ccd6e0;border-radius:8px}.share-dialog,.tool-share-dialog,.confirm-dialog{max-width:calc(100vw - 24px);max-height:85dvh;overflow:auto}.yam-grid{min-width:450px}.yam-scroll{overflow:auto;max-width:100%}
@media(max-width:600px){header{padding:12px;flex-wrap:wrap}header nav{flex-wrap:wrap;gap:8px}main{padding:12px!important}.panel,.scorestage{padding:14px!important}.grid,.layout{grid-template-columns:1fr!important}.teams{gap:10px}.team{padding:12px!important}.team-top{flex-wrap:wrap}.team-name,.name-edit{min-width:0;max-width:100%}.actions{flex-wrap:wrap;gap:8px}.modebuttons{display:flex;flex-wrap:wrap;gap:8px}.modebuttons>a,.modebuttons>button{flex:1 1 42%;padding:10px}.score{font-size:clamp(42px,12vw,76px)!important}.wheelbox,canvas{max-width:100%}canvas{height:auto!important}.team-total{margin-inline-start:auto}.history-heading{flex-wrap:wrap}.tool-share-dialog textarea{width:100%}footer{flex-wrap:wrap}.mobile-fullscreen .teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-fullscreen .team-top{display:block}.mobile-fullscreen .team-name{width:100%}.mobile-fullscreen .score{font-size:clamp(40px,11vw,80px)!important}}
@media(max-height:500px) and (orientation:landscape){.mobile-fullscreen .teams,:fullscreen .teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-fullscreen .score,:fullscreen .score{font-size:48px!important}.mobile-fullscreen .team,:fullscreen .team{padding:8px!important}}

.mobile-fullscreen #sportfull{display:none}