.game-theme[data-theme=paddock-match],.art-paddock-match{--sky-ink:#23301f;--sky-accent:#8a4b14;--sky-hover:#713c0f;--sky-muted:#4d5a47;--sky-wash:#f6f2e4;--sky-on:#fff;--sky-line:#dcd3bd;--sky-score-best:#f2cf6b;--match-leaf:#3fa34d;--match-leaf-dark:#1f6a30;--match-leaf-light:#9be27f;--match-wattle:#f7c325;--match-wattle-dark:#c08a00;--match-wattle-light:#fff09a;--match-shoe:#c07a35;--match-shoe-dark:#7a4316;--match-shoe-light:#f2bf7c;--match-galah:#ef6f9e;--match-galah-dark:#a8325f;--match-galah-light:#ffc4da;--match-drop:#2f95e0;--match-drop-dark:#145c9c;--match-drop-light:#9fdcff;--match-roof:#dc4a32;--match-roof-dark:#8f2414;--match-roof-light:#ff9d7f;--match-wall:#fbf7ec;--match-door:#5c4a3a;--match-board:#2f4a2c;--match-board-edge:#1c2f1a;--match-cell:#3d5c38;--match-cell-alt:#466742;--match-select:#fff3c4;--match-hint:#fff;--match-stripe:#fff;--match-bomb:#fff1b8;--match-shine:#fff;--match-shine-clear:#fff0;--match-shadow:#23301f;--match-spark:#fff3c4;--match-hard:#7b4fd0;--match-super:#d8342a;--match-field:#a7c47f;--match-field-light:#b4cd8d;--match-map-ground:#719c46;--c-primary:var(--sky-accent);--c-primary-hover:var(--sky-hover);--c-primary-ink:var(--sky-accent);--c-primary-soft:var(--sky-wash);--c-ink:var(--sky-ink);--c-ink-2:var(--sky-ink);--c-muted:var(--sky-muted);--c-faint:var(--sky-muted);--c-surface:var(--sky-on);--c-on-primary:var(--sky-on);--c-border:var(--sky-line);--c-border-strong:var(--sky-line);--game-accent:var(--sky-accent);--game-ink:var(--sky-ink);--game-muted:var(--sky-muted);--game-line:var(--sky-line);--game-wash:var(--sky-wash);--game-on:var(--sky-on);--game-back:var(--sky-ink);--game-shadow:#23301f29}.match-page{background:var(--match-field,var(--c-ink))}.game-theme[data-theme=paddock-match] .sky-screen{background:#1c2f1a80}.sky-stage[data-theme=paddock-match]:not([data-phase=playing]) .sky-bottom{display:none}.sky-stage[data-theme=paddock-match]:not([data-phase=playing]) .match-hud{visibility:hidden}.sky-stage[data-theme=paddock-match]{--match-layout:top;--match-safe-right:env(safe-area-inset-right,0px);--match-safe-top:env(safe-area-inset-top,0px);--match-safe-bottom:env(safe-area-inset-bottom,0px)}.match-hud{z-index:3;top:max(10px,env(safe-area-inset-top));border:2px solid var(--sky-on);background:var(--sky-wash);width:min(560px,100% - 24px);color:var(--sky-ink);box-shadow:0 5px 0 var(--match-shoe-dark),0 10px 22px #00000029;pointer-events:none;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"heading heading""objectives meter";align-items:center;gap:8px 14px;padding:10px 12px 12px;display:grid;position:absolute;left:50%;translate:-50%}.match-hud button{pointer-events:auto}.match-hud-heading{grid-area:heading;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.match-level-heading{min-width:0}.match-level-heading h1{font:900 16px/1.1 var(--font-sans);letter-spacing:-.03em;margin:0}.match-badge{color:var(--sky-muted);align-items:baseline;gap:4px;margin-top:4px;font-size:11px;font-weight:750;display:flex}.match-badge strong{color:var(--sky-ink);font-variant-numeric:tabular-nums}.match-tools{flex-shrink:0;gap:6px;display:flex}.match-tools .sky-button{background:var(--sky-on);width:44px;height:44px;min-height:44px;color:var(--sky-ink);box-shadow:0 3px 0 var(--sky-line);border:0;border-radius:50%;padding:9px}.match-tools .sky-label{display:none}.match-objectives{grid-area:objectives;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.match-moves-box{background:var(--sky-score-best);width:64px;min-height:64px;color:var(--sky-ink);box-shadow:inset 0 2px 0 var(--match-wattle-light),0 3px 0 var(--match-wattle-dark);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.match-moves-box strong{font-variant-numeric:tabular-nums;font-size:32px;font-weight:900;line-height:1}.match-moves-box span{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.match-moves-box.low{background:var(--match-roof);color:var(--sky-on);box-shadow:0 3px 0 var(--match-roof-dark);animation:1s ease-in-out infinite match-throb}.match-target-box{flex-direction:column;gap:3px;min-width:0;display:flex}.match-target-box span{color:var(--sky-muted);overflow-wrap:anywhere;font-size:11px;font-weight:750;line-height:1.2}.match-target-box strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:21px;font-weight:900;line-height:1.1}.match-meter{grid-area:meter;min-width:0;padding:0 0 4px}.match-meter-head{flex-direction:column;gap:2px;min-width:0;display:flex}.match-score-label{color:var(--sky-muted);font-size:10px;font-weight:750}.match-score-group{align-items:center;gap:6px;min-width:0;display:flex}.match-score-group>strong{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:22px;font-weight:900;line-height:1.1}.match-callout{text-overflow:ellipsis;white-space:nowrap;background:var(--sky-on);min-width:0;max-width:120px;color:var(--sky-ink);pointer-events:none;border-radius:99px;padding:3px 5px;font-size:10px;font-weight:800;line-height:1.2;overflow:hidden}.match-bar{background:var(--sky-line);border-radius:99px;height:9px;margin:10px 8px 0 0;position:relative}.match-fill{border-radius:inherit;background:linear-gradient(90deg,var(--match-leaf),var(--match-wattle));width:0;transition:width .45s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.match-mark{color:var(--sky-line);text-shadow:0 1px 0 var(--sky-muted);font-size:18px;line-height:1;transition:color .2s,scale .3s;position:absolute;top:50%;translate:-50% -50%}.match-mark.on{color:var(--sky-score-best);text-shadow:0 2px 0 var(--sky-accent);scale:1.15}#match-controls{width:min(380px,100% - 32px);left:50%;right:auto;bottom:max(14px,env(safe-area-inset-bottom));translate:-50%}#match-controls .sky-tools{border:2px solid var(--sky-on);background:var(--sky-wash);width:100%;box-shadow:0 4px 0 var(--match-shoe-dark);border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid}#match-controls .sky-button:not([hidden]){background:var(--sky-on);min-width:0;min-height:54px;color:var(--sky-ink);box-shadow:0 3px 0 var(--sky-line);border:0;border-radius:16px;flex-direction:column;gap:4px;padding:6px 4px;display:flex}#match-controls .sky-label{text-align:center;font-size:10px;line-height:1.1;display:block}@media (width>=600px) and (aspect-ratio>=6/5){.sky-stage[data-theme=paddock-match]{--match-layout:side}.match-hud{left:max(12px,env(safe-area-inset-left));width:220px;max-height:calc(100% - 110px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""objectives""meter";gap:14px;padding:12px;overflow-y:auto;translate:none}.match-level-heading h1{font-size:15px}.match-objectives{grid-template-columns:72px minmax(0,1fr);gap:12px}.match-moves-box{width:72px;min-height:72px}.match-moves-box strong{font-size:38px}.match-target-box strong{font-size:26px}#match-controls{left:max(12px,env(safe-area-inset-left));width:220px;translate:none}}@media (width>=600px) and (aspect-ratio>=6/5) and (height<=440px){.match-hud{pointer-events:auto;gap:8px;padding:10px}.match-objectives{grid-template-columns:60px minmax(0,1fr)}.match-moves-box{width:60px;min-height:60px}.match-moves-box strong{font-size:32px}.match-target-box strong{font-size:22px}.match-score-label{line-height:1.2}.match-score-group>strong{font-size:20px}.match-bar{margin-top:8px}}@media (width<=350px){.match-hud{gap:6px 10px;width:calc(100% - 16px);padding:8px 10px 10px}.match-level-heading h1{font-size:15px}.match-objectives{grid-template-columns:56px minmax(0,1fr);gap:6px}.match-moves-box{width:56px;min-height:60px}.match-score-group>strong{font-size:20px}.match-target-box strong{font-size:19px}}.match-map{z-index:5;overscroll-behavior:contain;padding:max(12px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:radial-gradient(circle at 20% 10%, var(--match-field-light) 0 12%, transparent 13%) 0 0 / 180px 180px, linear-gradient(var(--match-field), var(--match-field-light));position:absolute;inset:0;overflow-y:auto}.match-map[hidden]{display:none}.match-map-top{z-index:5;background:var(--sky-on);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:10px;max-width:560px;margin:0 auto;padding:8px 10px;display:grid;position:sticky;top:0;box-shadow:0 4px #00000026}.match-map-title{text-align:center;min-width:0}.match-map-title h2{letter-spacing:-.03em;color:var(--sky-ink);font-size:clamp(22px,5vw,30px);font-weight:900;line-height:1}.match-map-title .sky-menu-badge{font-size:9px}.match-map-actions{align-items:center;gap:8px;display:flex}.match-total{font-variant-numeric:tabular-nums;color:var(--sky-accent);white-space:nowrap;font-weight:850}.match-map-help{text-align:center;max-width:420px;color:var(--sky-ink);margin:14px auto 0;font-size:13px;font-weight:600;line-height:1.45}.match-path{background:var(--match-map-ground);border-radius:22px;flex-direction:column-reverse;max-width:540px;margin:10px auto 0;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #0000001f}.match-panel{aspect-ratio:1080/1741;position:relative}.match-panel img{width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.match-trail{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.match-trail polyline{fill:none;stroke:var(--match-wall);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 14;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px #00000040)}.match-node{z-index:2;border:3px solid var(--sky-on);background:radial-gradient(circle at 35% 30%, var(--match-wattle-light), var(--match-wattle) 55%, var(--match-wattle-dark));width:clamp(44px,12vw,64px);height:clamp(44px,12vw,64px);color:var(--sky-ink);font:900 clamp(17px, 4.6vw, 23px)/1 var(--font-sans);box-shadow:0 4px 0 var(--match-shoe-dark), 0 8px 14px #0000004d;cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%}.match-node:focus-visible{outline:4px solid var(--sky-on);outline-offset:3px}.match-node:active{box-shadow:0 1px 0 var(--match-shoe-dark);translate:-50% calc(3px - 50%)}.match-node[data-state=locked]{background:radial-gradient(circle at 35% 30%, var(--sky-on), var(--sky-line));color:var(--sky-muted);border-color:var(--sky-line);box-shadow:0 4px 0 var(--match-board-edge), 0 6px 10px #0003;cursor:default}.match-node[data-state=current]{background:radial-gradient(circle at 35% 30%, var(--match-leaf-light), var(--match-leaf) 55%, var(--match-leaf-dark));color:var(--sky-on);box-shadow:0 4px 0 var(--match-board-edge), 0 0 0 7px #ffffff80, 0 8px 14px #0000004d;animation:1.6s ease-in-out infinite match-bob}.match-node-stars{background:var(--sky-ink);color:#ffffff4d;border-radius:99px;gap:0;padding:1px 4px;font-size:11px;line-height:1.1;display:flex;position:absolute;bottom:-9px}.match-node-stars .on{color:var(--sky-score-best)}.match-node svg{width:42%;height:42%}.match-map-save{text-align:center}.match-card{text-align:center;width:min(100% - 1.5rem,380px)}.match-card h2{letter-spacing:-.03em;font-size:30px;font-weight:900}.match-goal{margin:8px 0 0;font-size:15px;font-weight:750;color:var(--sky-ink)!important}.match-tip{background:var(--sky-wash);text-align:left;border-radius:12px;padding:10px 12px;color:var(--sky-ink)!important}.match-card-scores{grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 0;display:grid}.match-card-scores div{background:var(--sky-wash);border-radius:10px;padding:8px 4px}.match-card-scores dt{color:var(--sky-score-best);text-shadow:0 1px 0 var(--sky-accent);letter-spacing:1px;font-size:14px}.match-card-scores dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:14px;font-weight:800}.match-card .sky-dialog-actions{justify-content:center}@media (width>=600px) and (height<=440px){.match-card[open]{grid-template-columns:1fr 1fr;grid-template-areas:"title tip""stars tip""goal tip""difficulty tip""scores scores""actions actions";gap:6px 16px;width:min(620px,100% - 32px);padding:12px 16px;display:grid}.match-card>.sky-menu-badge{display:none}.match-card h2{grid-area:title;margin:0;font-size:24px}.match-card .match-stars{grid-area:stars;margin:4px 0 0}.match-card .match-goal{grid-area:goal;margin:0;font-size:13px}.match-card .match-difficulty{grid-area:difficulty;justify-self:center;margin:0}.match-card .match-tip{grid-area:tip;align-self:center;margin:0;padding:8px 10px;font-size:12px}.match-card .match-card-scores{grid-area:scores;margin:0}.match-card .match-card-scores div{padding:5px 4px}.match-card .sky-dialog-actions{grid-area:actions;margin:4px 0 0}}.match-stars{color:var(--sky-line);justify-content:center;gap:8px;margin:6px 0 8px;font-size:44px;line-height:1;display:flex}.match-stars.small{margin:4px 0 2px;font-size:26px}.match-stars span:nth-child(2){translate:0 -8px}.match-stars.small span:nth-child(2){translate:0 -4px}.match-stars .on{color:var(--sky-score-best);text-shadow:0 3px 0 var(--sky-accent)}.match-result .match-stars .on{animation:.5s cubic-bezier(.2,1.6,.4,1) both match-star}.match-result .match-stars .on:nth-child(2){animation-delay:.35s}.match-result .match-stars .on:nth-child(3){animation-delay:.7s}.match-links{flex-wrap:wrap;justify-content:center;column-gap:20px;display:flex}.match-links button.sky-exit{cursor:pointer;background:0 0;border:0;font-family:inherit}.match-result .sky-card{animation:.35s cubic-bezier(.2,.9,.3,1.2) both match-rise}.sky-stage .match-result{padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}@media (width>=600px) and (height<=440px){.match-result .sky-card{grid-template-columns:1fr 1fr;gap:6px 20px;width:min(640px,100%);padding:14px 18px;display:grid}.match-result .sky-badge{grid-area:1/1;justify-self:center;margin:0}.match-result h2{grid-area:2/1;margin:0;font-size:24px}.match-result .match-stars{grid-area:3/1;margin:4px 0 0;font-size:32px}.match-result .sky-score-label{grid-area:4/1;margin:0}.match-result .sky-final{grid-area:5/1;margin:0;font-size:36px}#match-result-body{grid-area:1/2/span 2;align-self:center;margin:0}.match-result .sky-menu-options{grid-area:3/2/span 2;grid-template-columns:1fr;gap:8px;margin:0}.match-result .match-links{grid-area:5/2;align-self:center;gap:4px 12px}.match-result .match-links button.sky-exit{min-height:44px;margin:0;font-size:12px}.match-result .sky-save{grid-area:6/1/auto/-1;margin:0;font-size:10px}}@keyframes match-star{0%{rotate:-40deg;scale:0}to{rotate:0deg;scale:1}}@keyframes match-rise{0%{opacity:0;translate:0 30px}to{opacity:1;translate:0}}@keyframes match-bob{50%{translate:-50% calc(-50% - 6px)}}@keyframes match-throb{50%{scale:1.08}}@media (prefers-reduced-motion:reduce){.match-node[data-state=current],.match-moves-box.low,.match-result .match-stars .on,.match-result .sky-card{animation:none}.match-fill{transition:none}}@media (height<=560px) and (width>=601px){.match-stars{margin:0 0 4px;font-size:32px}}.match-node[data-difficulty=hard]:not([data-state=locked]){box-shadow:0 0 0 4px var(--match-hard), 0 4px 0 var(--match-shoe-dark), 0 8px 14px #0000004d}.match-node[data-difficulty=super-hard]:not([data-state=locked]){box-shadow:0 0 0 4px var(--match-super), 0 0 16px 4px var(--match-super), 0 4px 0 var(--match-shoe-dark)}.match-node[data-difficulty=hard][data-state=locked]{border-color:var(--match-hard)}.match-node[data-difficulty=super-hard][data-state=locked]{border-color:var(--match-super)}.match-difficulty{letter-spacing:.04em;text-transform:uppercase;color:var(--sky-on);background:var(--match-leaf-dark);border-radius:99px;margin-top:6px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.match-difficulty[data-difficulty=hard]{background:var(--match-hard)}.match-difficulty[data-difficulty=super-hard]{background:var(--match-super)}.match-audio-settings{border:0;gap:12px;margin:18px 0;padding:0;display:grid}.match-audio-settings label{align-items:center;gap:10px;display:flex}.match-audio-settings input{accent-color:#35652e;width:20px;height:20px}#match-music[aria-pressed=false]{opacity:.6}#match-focus-status{pointer-events:none}.match-journey-status{z-index:5;background:var(--sky-on);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;max-width:540px;margin:12px auto;padding:8px 10px;display:flex;position:sticky;top:78px;box-shadow:0 3px #00000026}.match-journey-status[hidden],.match-traveller[hidden],.match-journey-line[hidden]{display:none}.match-journey-status p{color:var(--sky-ink);margin:0;font-size:13px;font-weight:800}.match-journey-status .sky-button{white-space:nowrap;min-height:40px;padding:8px 10px;font-size:11px}.match-journey-line{z-index:1;transform-origin:0;background:var(--sky-score-best);pointer-events:none;border-radius:99px;height:6px;margin-top:-3px;position:absolute}.match-traveller{z-index:4;border:2px solid var(--sky-on);width:32px;height:32px;color:var(--sky-ink);background:var(--sky-score-best);box-shadow:0 3px 0 var(--match-shoe-dark), 0 0 0 5px #ffffff59;pointer-events:none;border-radius:50%;place-items:center;font-size:21px;display:grid;position:absolute;translate:-50% -50%}.is-travelling .match-node[data-state=current]{animation:none}.match-node.is-departing{animation:.45s ease-out both match-journey-pop}.match-node.is-arriving{animation:.5s ease-out both match-journey-pop}@keyframes match-journey-pop{0%{scale:1}45%{scale:1.2}to{scale:1}}@media (prefers-reduced-motion:reduce){.match-node.is-departing,.match-node.is-arriving{animation:none}}.match-map{padding-bottom:max(136px, calc(120px + env(safe-area-inset-bottom)))}.match-map-title h2{font-family:var(--font-sans)}.match-map-top{border:2px solid var(--sky-on);background:var(--sky-wash)}.match-total{background:var(--sky-score-best);color:var(--sky-ink);box-shadow:0 2px 0 var(--match-shoe-dark);border-radius:999px;padding:8px 10px}.match-world{z-index:2;background:var(--sky-wash);max-width:35%;color:var(--sky-ink);pointer-events:none;border-radius:14px;padding:8px 10px;position:absolute;top:10px;left:12px;box-shadow:0 3px #00000029}.match-world span{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.match-world strong{margin-top:3px;font-size:clamp(12px,3vw,16px);line-height:1.2;display:block}.match-node-lock{background:var(--sky-ink);width:22px;height:22px;color:var(--sky-on);border:2px solid var(--sky-wash);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.match-node-lock svg{width:12px;height:12px}.match-node[data-state=locked]{opacity:.92;color:var(--sky-muted)}.match-node[data-state=current]{outline:3px solid var(--sky-score-best);outline-offset:5px}.match-map-dock{bottom:max(14px, env(safe-area-inset-bottom));z-index:6;border:2px solid var(--sky-on);background:var(--sky-wash);border-radius:22px;align-items:center;gap:12px;width:min(100% - 32px,480px);padding:10px 12px;display:flex;position:absolute;left:50%;translate:-50%;box-shadow:0 5px #00000038,0 0 24px #00000024}.match-map-dock p{color:var(--sky-muted);flex:1;margin:0;font-size:12px;font-weight:750}.match-map-dock .sky-button{min-height:48px;font-size:15px}.sky-stage[data-theme=paddock-match]:not([data-phase=map]) .match-map-dock{display:none}.is-travelling~.match-map-dock{visibility:hidden}@media (width<=400px){.match-map-dock{gap:8px;padding:9px}.match-map-dock .sky-button{padding:10px 12px;font-size:13px}.match-total{padding:7px}}.match-games-home{z-index:6;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));position:absolute}.match-hud{top:calc(max(10px,env(safe-area-inset-top)) + 54px)}.match-map{padding-top:calc(max(12px,env(safe-area-inset-top)) + 54px)}@media (width>=600px) and (aspect-ratio>=6/5){.match-hud{max-height:calc(100% - 164px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
