:root{--green: #083d2e;--green-bright: #0d5a43;--gold: #c9a86a;--gold-light: #ead39c;--ivory: #f2eee9;--terra: #c85a3b;--charcoal: #151816;--panel: rgba(8, 27, 21, .86)}*{box-sizing:border-box}html,body,#game{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:var(--charcoal);color:var(--ivory);font-family:Georgia,Times New Roman,serif}button,a{font:inherit}button{touch-action:manipulation}#c{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#dev{position:fixed;z-index:70;top:8px;left:8px;display:none;color:#9cffb7;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:0 1px 3px #000;white-space:pre}.screen{position:fixed;z-index:40;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,5vw,72px);overflow:auto;background:linear-gradient(180deg,#05130fbd,#05130ff0),url(/padel-assets/img/bg_title.jpg) center / cover no-repeat;transition:opacity .32s ease,visibility .32s ease}.title-screen{justify-content:center}.logo{width:clamp(118px,14vw,176px);height:clamp(118px,14vw,176px);object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.46))}.mini-logo{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.34))}h1{margin:16px 0 2px;color:var(--ivory);font-size:clamp(42px,7vw,78px);font-weight:400;letter-spacing:.12em;line-height:1;text-align:center}h1 b{color:var(--gold-light);font-weight:400}h2{margin:8px 0 22px;color:var(--ivory);font-size:clamp(28px,4.5vw,48px);font-weight:400;letter-spacing:.08em;line-height:1.08;text-align:center}.sub{margin:10px 0 0;color:var(--gold-light);font-size:clamp(10px,1.5vw,13px);letter-spacing:.28em;text-align:center;text-transform:uppercase}.tag{margin:22px 0 26px;color:#dfe7e1;font-size:clamp(13px,1.7vw,16px);font-style:italic;text-align:center}.eyebrow{margin:0 0 6px;color:var(--gold-light);font:700 11px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 30px;border:1px solid rgba(201,168,106,.8);border-radius:4px;background:#083d2ed1;color:var(--ivory);cursor:pointer;font:700 13px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,transform .18s ease}.btn:hover,.btn:focus-visible{border-color:var(--gold-light);background:var(--green-bright);transform:translateY(-1px);outline:none}.btn:disabled{cursor:wait;opacity:.58;transform:none}.btn.primary{min-width:min(290px,82vw)}.btn.small{min-width:150px;min-height:42px;padding-inline:18px;font-size:11px}.text-button{margin-top:8px;padding:6px;border:0;background:transparent;color:#f2eee9b3;cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:3px}.text-button:hover,.text-button:focus-visible{color:#fff}.asset-status{min-height:16px;margin:10px 0 0;color:#f2eee9a8;font:600 10px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.asset-status.error{color:#ffd1c5}.control-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 20px;width:min(780px,90vw);margin-top:clamp(20px,4vh,42px);color:#f2eee9bd;font:600 11px/1.4 ui-sans-serif,system-ui,sans-serif}.control-legend span{display:inline-flex;align-items:center;gap:7px}kbd{min-width:25px;padding:4px 7px;border:1px solid rgba(234,211,156,.48);border-radius:3px;background:#0000003d;color:var(--gold-light);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.exit-button{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(242,238,233,.28);border-radius:50%;background:#081b159e;color:#fff;font:300 26px/1 ui-sans-serif,system-ui,sans-serif;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,230px));gap:clamp(14px,3vw,28px)}.card{width:100%;padding:12px;overflow:hidden;border:2px solid transparent;border-radius:6px;background:var(--ivory);color:#243029;cursor:pointer;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.card:hover,.card:focus-visible{border-color:var(--gold);box-shadow:0 16px 42px #00000057;transform:translateY(-4px);outline:none}.card img{display:block;width:100%;aspect-ratio:1 / 1;border-radius:3px;background:#fff;object-fit:contain}.card h3{margin:10px 0 3px;font-size:21px;letter-spacing:.04em}.card p{min-height:30px;margin:0;color:#5a655f;font-size:12px;font-style:italic}.rounds{display:grid;width:min(440px,88vw);gap:10px;margin:0 0 24px}.round{display:grid;grid-template-columns:120px 1fr;column-gap:12px;min-height:58px;align-items:center;padding:10px 16px;border:1px solid rgba(201,168,106,.28);border-radius:5px;background:#f2eee912}.round.done{opacity:.5}.round.now{border-color:var(--gold);background:#083d2ebd}.round .rn{color:var(--gold-light);font:700 11px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.round .rs{font-size:15px}#ceremony{background:linear-gradient(180deg,#083d2ecc,#05130ff5),url(/padel-assets/img/bg_title.jpg) center / cover no-repeat}#ceremony p{margin:-8px 0 28px;color:#dbe4de;font-style:italic;text-align:center}.pause-actions{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px}.pause-actions .primary{grid-column:1 / -1}#hud{position:fixed;z-index:30;top:max(10px,env(safe-area-inset-top));left:50%;pointer-events:none;transform:translate(-50%);transition:opacity .2s ease,visibility .2s ease}.scoreboard{display:flex;min-width:300px;min-height:82px;align-items:center;gap:14px;padding:8px 22px 8px 10px;border:1px solid rgba(201,168,106,.52);border-radius:6px;background:var(--panel);box-shadow:0 12px 34px #0000004d;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scoreboard-logo{width:58px;height:58px;flex:0 0 58px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.scoreboard-data{min-width:178px;flex:1}.sb-sets,.sb-serve{color:var(--gold-light);font:700 10px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}.sb-points{margin-top:2px;font-size:31px;letter-spacing:.08em;line-height:1.05}.sb-games{margin:2px 0;color:#d6ddd8;font-size:13px}.camera-switch{position:fixed;z-index:36;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:inline-flex;padding:3px;border:1px solid rgba(201,168,106,.46);border-radius:6px;background:var(--panel);box-shadow:0 10px 28px #0000003d;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .2s ease,visibility .2s ease}.camera-switch button{min-width:78px;height:34px;padding:0 10px;border:0;border-left:1px solid rgba(242,238,233,.12);border-radius:3px;background:transparent;color:#f2eee9ad;cursor:pointer;font:750 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em}.camera-switch button:first-child{border-left:0}.camera-switch button[aria-pressed=true]{background:var(--terra);color:#fff}.camera-switch button:focus-visible{outline:2px solid var(--gold-light);outline-offset:1px}.rally-count{position:fixed;z-index:34;top:calc(max(10px,env(safe-area-inset-top)) + 50px);left:12px;min-width:82px;padding:7px 12px;border:1px solid rgba(234,211,156,.48);border-radius:4px;background:#08231bdb;color:var(--gold-light);font:800 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-align:center;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .16s ease,visibility .16s ease}.icon-button{position:fixed;z-index:36;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(201,168,106,.5);border-radius:6px;background:var(--panel);color:var(--ivory);cursor:pointer;font:700 14px/1 ui-sans-serif,system-ui,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#feedback,#tip,#servePrompt{position:fixed;z-index:31;right:0;left:0;pointer-events:none;text-align:center;text-shadow:0 2px 16px #000}#feedback{top:26%;color:#fff;font-size:clamp(24px,4vw,42px);letter-spacing:.13em;opacity:0;transition:opacity .24s ease}#tip{bottom:calc(92px + env(safe-area-inset-bottom));padding:0 20px;color:#f0e8dc;font-size:14px;font-style:italic;opacity:0;transition:opacity .35s ease}#servePrompt{bottom:27%;color:var(--gold-light);font:800 14px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}#touch{position:fixed;z-index:35;inset:0;display:none;pointer-events:none}.controller-toggle{position:fixed;z-index:42;top:calc(max(10px,env(safe-area-inset-top)) + 52px);right:max(12px,env(safe-area-inset-right));display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(234,211,156,.45);border-radius:6px;background:#08231be6;color:#ffffffbd;font:700 20px/1 ui-sans-serif,system-ui,sans-serif;box-shadow:0 4px 18px #0003;transition:background .16s ease,color .16s ease,border-color .16s ease}.controller-toggle.active{border-color:var(--terracotta);background:#b44e32f0;color:#fff}#stick{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));width:126px;height:126px;border:2px solid rgba(242,238,233,.42);border-radius:50%;background:#081b1540;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 28px #00000038,0 8px 28px #0000002e}.stick-key{position:absolute;color:#ffffff9e;font:800 10px/1 ui-sans-serif,system-ui,sans-serif;pointer-events:none}.stick-up{top:9px;left:50%;transform:translate(-50%)}.stick-left{top:50%;left:11px;transform:translateY(-50%)}.stick-right{top:50%;right:11px;transform:translateY(-50%)}.stick-down{bottom:9px;left:50%;transform:translate(-50%)}#knob{position:absolute;top:43px;left:43px;width:40px;height:40px;border:1px solid rgba(255,255,255,.36);border-radius:50%;background:#f2eee9b8;pointer-events:none;box-shadow:0 4px 12px #00000047}#btns{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,74px);gap:9px;pointer-events:auto}.tbtn{width:74px;height:54px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(234,211,156,.8);border-radius:8px;background:#083d2ee0;color:#fff;font:800 11px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:0 5px 16px #0003}.tbtn-key{display:grid;min-width:20px;height:20px;place-items:center;padding:0 4px;border:1px solid rgba(255,255,255,.38);border-radius:4px;background:#ffffff1f;font-size:9px;letter-spacing:0}.space-key{min-width:25px}.tbtn.accent{background:#c85a3be6}.tbtn.big{background:#0d5a43f0}.tbtn:active{transform:scale(.96)}.match-loader{position:fixed;z-index:80;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;background:#05130ff0;color:var(--gold-light);font:700 12px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;transition:opacity .2s ease,visibility .2s ease}.match-loader img{width:110px;height:110px;object-fit:contain;animation:loader-pulse 1.15s ease-in-out infinite alternate}@keyframes loader-pulse{to{opacity:.58;transform:scale(.96)}}@media(max-width:720px){.screen{justify-content:flex-start;padding:max(48px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.title-screen{justify-content:center}.logo{width:112px;height:112px}h1{font-size:42px}.sub{max-width:310px;line-height:1.6}.control-legend{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:430px}.card{padding:8px}.card h3{font-size:18px}.card p{font-size:11px}#bracket{justify-content:center}.round{grid-template-columns:104px 1fr}.scoreboard{min-width:254px;min-height:76px;gap:10px;padding:7px 16px 7px 8px}.scoreboard-logo{width:50px;height:50px;flex-basis:50px}.scoreboard-data{min-width:164px}.sb-points{font-size:27px}.camera-switch{top:calc(max(10px,env(safe-area-inset-top)) + 84px);left:50%;transform:translate(-50%)}.camera-switch button{min-width:72px;height:31px;padding-inline:7px;font-size:9px}.rally-count{top:calc(max(10px,env(safe-area-inset-top)) + 130px);left:50%;min-width:76px;transform:translate(-50%)}#feedback{top:22%}#tip{bottom:calc(165px + env(safe-area-inset-bottom));font-size:12px}#servePrompt{bottom:32%}}@media(max-height:650px)and (orientation:landscape){.title-screen{padding-block:18px}.logo{width:88px;height:88px}h1{margin-top:8px;font-size:40px}.tag{margin:10px 0 14px}.control-legend{margin-top:15px}#tip{bottom:calc(80px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}