@font-face{font-family:Lightdot;src:url(/aussport-remote-sim/assets/Lightdot-13x9.ttf) format("truetype");font-display:block}@font-face{font-family:DSEG7 Modern;font-weight:700;src:url(/aussport-remote-sim/assets/DSEG7Modern-Bold.ttf) format("truetype");font-display:block}:root{--lcd-on: #78ff78;--lcd-off: #3c803c;--navy-1: #24487f;--navy-2: #183361;--blue-1: #3474d6;--blue-2: #2358b4;--red-1: #e8302f;--red-2: #c81f24;--green-1: #26a851;--green-2: #168a3d;--tag-red: #da2a2c;--tag-green: #21a04b;--tag-blue: #2a66c8;--cream-1: #f6f2e8;--cream-2: #e4dccb;--orange: #e8642b;--ui-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--key-font: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b5d93;font-family:var(--ui-font);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior:none}#app{min-height:100%}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}[data-hidden=true]{color:transparent!important}.app{position:relative;min-height:100dvh}.pool{position:fixed;inset:0;z-index:0;background:repeating-linear-gradient(176deg,transparent 0 6.5vh,rgba(255,255,255,.16) 6.5vh 7.2vh) 0 52vh / 100% 48vh no-repeat,linear-gradient(180deg,#3d86cf,#6eaee6 18%,#a9cfee 27%,#d9e1e4 29%,#b9c3c6 33%,#e6ebec,#8fb4c5,#39b3df 39%,#1ea4dc 52%,#0e8fcf 72%,#0a74b4)}.pool:after{content:"";position:absolute;inset:40% 0 0;background:repeating-linear-gradient(90deg,transparent 0 17vw,rgba(255,255,255,.22) 17vw 17.6vw);transform:perspective(60vh) rotateX(55deg);transform-origin:top;filter:blur(2px)}.stage{position:relative;z-index:1;box-sizing:border-box;height:100dvh;min-height:560px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"board" "remote" "info";justify-items:center;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));--lcd-w: min(100%, calc(clamp(128px, 21dvh, 250px) * 273 / 184))}.sb{grid-area:board}.remote{grid-area:remote}.info{grid-area:info}.sb{container-type:inline-size;width:min(100%,720px);aspect-ratio:640 / 290;position:relative;background:radial-gradient(120% 90% at 85% 60%,#1d1d1d,#101010 55%,#0a0a0a);border-radius:8px;box-shadow:0 4px 18px #00000073,inset 0 0 0 1px #ffffff0f;overflow:hidden;user-select:none;-webkit-user-select:none}.sb-inner{--u: .15625cqw ;--seg-f: 66;position:absolute;inset:0;color:#fff}.sb-inner>*{position:absolute}.sb-lbl{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;text-align:center;line-height:1;white-space:nowrap;color:#f4f4f4;font-size:calc(var(--lf, 26) * var(--u));left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}.sb-box,.sb-ring{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}.sb-box{border:calc(3.2 * var(--u)) solid #dcdcdc;background:#050505;display:flex;align-items:center;justify-content:center;overflow:visible}.sb-seg{position:relative;display:block;width:100%;font-family:DSEG7 Modern,monospace;font-weight:700;font-size:calc(var(--seg-f) * var(--u));line-height:1;white-space:pre}.sb-seg.sb-c{text-align:center}.sb-seg.sb-r{text-align:right;padding-right:calc(10 * var(--u))}.sb-ghost{position:absolute;inset:0;padding:inherit;color:#ffffff0b}.sb-val{position:relative;display:inline-block}.sb-seg.sb-c .sb-ghost{text-align:center}.sb-seg.sb-r .sb-ghost{text-align:right}.sb-ring{border:calc(3 * var(--u)) solid #dcdcdc;border-radius:50%;display:flex;align-items:center;justify-content:center}.sb-dot{font-family:Menlo,Consolas,DejaVu Sans Mono,Liberation Mono,monospace;font-weight:700;font-size:calc(var(--dot-f, 40) * var(--u));line-height:1;white-space:pre;transform:translateY(-4%)}.sb-logo{left:calc(14 * var(--u));top:calc(170 * var(--u));width:calc(172 * var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--u));color:#fff;font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif}.sb-ball{width:calc(42 * var(--u));height:calc(42 * var(--u))}.sb-logo-t1{font-size:calc(26 * var(--u));font-weight:700;letter-spacing:.04em;line-height:1}.sb-logo-t2{font-size:calc(15 * var(--u));letter-spacing:.22em;line-height:1;color:#cfcfcf;border-top:calc(1.5 * var(--u)) solid #cfcfcf;padding-top:calc(5 * var(--u))}.sb-lbl-shot{--x: 40;--y: 7;--w: 170}.sb-lbl-game{--x: 250;--y: 7;--w: 350}.sb-box-shot{--x: 40;--y: 36;--w: 170;--h: 106}.sb-box-game{--x: 250;--y: 36;--w: 350;--h: 106}.sb-lbl-light{--x: 64;--y: 156;--w: 166}.sb-lbl-qtr{--x: 276;--y: 156;--w: 88}.sb-lbl-dark{--x: 410;--y: 156;--w: 166}.sb-box-light{--x: 64;--y: 184;--w: 166;--h: 96}.sb-box-qtr{--x: 276;--y: 184;--w: 88;--h: 96}.sb-box-dark{--x: 410;--y: 184;--w: 166;--h: 96}.sb-lbl-tol{--x: 8;--y: 158;--w: 48;--lf: 18}.sb-lbl-tod{--x: 584;--y: 158;--w: 48;--lf: 18}.sb-ring-toL1{--x: 13;--y: 184;--w: 40;--h: 40}.sb-ring-toL2{--x: 13;--y: 236;--w: 40;--h: 40}.sb-ring-toD1{--x: 587;--y: 184;--w: 40;--h: 40}.sb-ring-toD2{--x: 587;--y: 236;--w: 40;--h: 40}.sb-logo{display:none}.remote{position:relative;width:min(100%,440px);min-height:0;height:100%;border-radius:26px 26px 20px 20px;padding:0 7px;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 3px calc(100% - 3px),rgba(0,0,0,.18)),linear-gradient(180deg,#f07a3c,var(--orange) 40%,#c9501e);box-shadow:0 10px 30px #00000059}.remote-face{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border-radius:22px 22px 16px 16px;background:linear-gradient(180deg,var(--cream-1),var(--cream-2));box-shadow:inset 0 2px #ffffffb3,inset 0 -2px 4px #0000001f}.bezel{flex:none;width:100%;display:flex;justify-content:center;padding:7px;border-radius:16px;background:radial-gradient(140% 120% at 50% 0%,#3a3a3a,#1e1e1e 70%);box-shadow:inset 0 1px 2px #ffffff26,0 1px #fff9}.keypad-plate{flex:1 1 auto;min-height:0;width:100%;padding:5px;border-radius:14px;background:linear-gradient(180deg,#fdfdfb,#ecebe6);box-shadow:inset 0 0 0 1px #0000001f,0 1px #fffc}.remote-brand{display:none}.lcd{container-type:inline-size;position:relative;width:var(--lcd-w);aspect-ratio:273 / 184;background-color:var(--lcd-on);color:#000;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000073,inset 0 3px 8px #00000047;user-select:none;-webkit-user-select:none;transition:background-color .12s linear}.lcd[data-backlight=off]{background-color:var(--lcd-off)}.lcd:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.1),transparent 45%)}.lcd-grid{--u: calc(100cqw / 273);position:absolute;inset:0;display:flex;flex-direction:column;font-family:Lightdot,monospace}.lcd-half{display:flex;flex:none;height:calc(92 * var(--u))}.lcd-col{display:flex;flex-direction:column;flex:none;width:calc(136 * var(--u))}.lcd-col+.lcd-col{width:calc(137 * var(--u))}.lcd-bottom{display:flex;flex-direction:column;flex:none;height:calc(92 * var(--u))}.lcd-row{display:flex;flex:none;align-items:center;height:calc(var(--h) * var(--u))}.lcd-c{flex:none;display:block;width:calc(var(--w) * var(--u));font-size:calc(var(--f, 21) * var(--u));line-height:1;white-space:pre;overflow:visible}.al-l{text-align:left}.al-c{text-align:center}.al-r{text-align:right}.keypad{container-type:size;height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:2px;padding:2px;border-radius:10px;background:#131a27;--kf: min(5.4cqw, 4.4cqh)}.key{appearance:none;-webkit-appearance:none;margin:0;border:0;padding:0;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;color:#fff;font-family:var(--key-font);font-weight:700;font-size:var(--kf);line-height:1.04;letter-spacing:-.01em;text-align:center;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:3px;box-shadow:inset 0 1px #ffffff38,inset 0 -2px #0000002e;transition:filter 60ms,transform 60ms}.keypad>.key:nth-child(1){border-top-left-radius:8px}.keypad>.key:nth-child(4){border-top-right-radius:8px}.keypad>.key:nth-child(21){border-bottom-left-radius:8px}.keypad>.key:nth-child(24){border-bottom-right-radius:8px}.key .ln{display:block;white-space:nowrap}.key-main{display:block;transform:scaleX(.92)}.key-navy{background:linear-gradient(180deg,var(--navy-1),var(--navy-2))}.key-blue{background:linear-gradient(180deg,var(--blue-1),var(--blue-2))}.key-red{background:linear-gradient(180deg,var(--red-1),var(--red-2))}.key-green{background:linear-gradient(180deg,var(--green-1),var(--green-2))}.key-white{background:linear-gradient(180deg,#fff,#ededeb);color:#151515;justify-content:space-between;padding:6% 7% 8%;box-shadow:inset 0 -2px #00000014}.key-digit{font-size:1.32em;line-height:1;font-weight:700}.key-tag{width:100%;height:50%;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.7em;line-height:1.05;font-weight:700;letter-spacing:-.01em}.key-tag .ln{transform:scaleX(.9)}.key-tag-red{background:var(--tag-red)}.key-tag-green{background:var(--tag-green)}.key-tag-blue{background:var(--tag-blue);font-size:.78em}.key-tag-none{visibility:hidden}.key-icon{width:46%;height:auto;max-height:62%;color:#fff}.key-icon-horn{width:50%}.key-icon-brightness{width:40%;max-height:70%}.key-icon-playpause{width:50%}.key-icon-small{width:40%;max-height:30%}@media(hover:hover){.key:hover{filter:brightness(1.08)}}.key:active{filter:brightness(.82);transform:translateY(1px)}.key:focus{outline:none}.key:focus-visible{outline:3px solid #ffd21f;outline-offset:-3px;z-index:1}.info{width:min(100%,720px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.info-btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:4px 6px;border:1px solid #000;border-radius:3px;color:#000;font:700 12px/1.15 var(--ui-font);text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px #00000040}.info-btn:active{filter:brightness(.9)}.info-btn:focus{outline:none}.info-btn:focus-visible{outline:3px solid #ffd21f;outline-offset:2px}.info-quick{background:#ffc}.info-toggle.is-on{background:#78ff78}.info-toggle.is-off{background:#ffafaf}.info-guide{background:#cfc}.info-about{background:#ffff7a}.tip{position:fixed;z-index:50;max-width:min(320px,calc(100vw - 16px));padding:6px 9px;background:#fff;color:#000;border:1px solid #555;border-radius:2px;box-shadow:0 3px 10px #0000004d;font:13px/1.35 var(--ui-font);pointer-events:none}.modal-scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#00000073}.modal{width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#f4f4f4;color:#111;border:1px solid #333;border-radius:6px;box-shadow:0 12px 40px #00000073}.modal-title{margin:0;padding:12px 16px;font-size:16px;border-bottom:1px solid #ccc}.modal-body{overflow:auto;padding:4px 16px;font-size:14px;line-height:1.45}.modal-actions{display:flex;justify-content:flex-end;padding:10px 16px 14px}.modal-ok{min-width:88px;min-height:40px;border:1px solid #333;border-radius:4px;background:#fff;font:600 14px var(--ui-font);cursor:pointer}.modal-ok:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}@media(orientation:portrait)and (min-width:600px){.stage{gap:14px;padding:16px;--lcd-w: min(100%, calc(clamp(128px, 22dvh, 250px) * 273 / 184))}.remote{width:min(100%,470px)}.info{width:min(100%,560px);gap:10px}.info-btn{font-size:14px}}@media(orientation:landscape){.stage{--pad: clamp(8px, 2.2vh, 30px);--rh: calc(100dvh - 2 * var(--pad));--rw: calc(var(--rh) * .475);--infoh: clamp(32px, 4.6vh, 50px);--bw: min(calc(100vw - var(--rw) - 5 * var(--pad)), calc((var(--rh) - var(--infoh) - 3 * var(--pad) - 4px) * 450 / 490));min-height:0;padding:var(--pad);grid-template-columns:var(--rw) var(--bw);grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);grid-template-areas:"remote ." "remote board" "remote info" "remote .";justify-content:center;column-gap:calc(var(--pad) * 2.4);row-gap:var(--pad)}.sb{width:var(--bw);aspect-ratio:450 / 490;border-radius:calc(var(--bw) * .012)}.sb-inner{--u: calc(100cqw / 450);--seg-f: 64}.sb-logo{display:flex}.sb-lbl-shot{--x: 32;--y: 10;--w: 130;--lf: 26}.sb-lbl-game{--x: 210;--y: 10;--w: 214;--lf: 26}.sb-box-shot{--x: 32;--y: 42;--w: 130;--h: 106}.sb-box-game{--x: 210;--y: 42;--w: 214;--h: 106}.sb-lbl-qtr{--x: 190;--y: 164;--w: 72;--lf: 24}.sb-box-qtr{--x: 190;--y: 194;--w: 72;--h: 104}.sb-lbl-tol{--x: 3;--y: 304;--w: 48;--lf: 20}.sb-lbl-tod{--x: 399;--y: 304;--w: 48;--lf: 20}.sb-ring-toL1{--x: 6;--y: 328;--w: 42;--h: 42}.sb-ring-toL2{--x: 6;--y: 378;--w: 42;--h: 42}.sb-ring-toD1{--x: 402;--y: 328;--w: 42;--h: 42}.sb-ring-toD2{--x: 402;--y: 378;--w: 42;--h: 42}.sb-box-light{--x: 54;--y: 322;--w: 132;--h: 104}.sb-box-dark{--x: 264;--y: 322;--w: 132;--h: 104}.sb-lbl-light{--x: 44;--y: 436;--w: 152;--lf: 42}.sb-lbl-dark{--x: 254;--y: 436;--w: 152;--lf: 42}.remote{container-type:size;width:var(--rw);height:var(--rh);padding:0 calc(var(--rw) * .034);border-radius:calc(var(--rw) * .17) calc(var(--rw) * .17) calc(var(--rw) * .12) calc(var(--rw) * .12);background:linear-gradient(180deg,var(--cream-2) 0 34%,transparent 34%),linear-gradient(90deg,rgba(0,0,0,.22),transparent calc(var(--rw) * .012) calc(100% - var(--rw) * .012),rgba(0,0,0,.22)),linear-gradient(180deg,#f07a3c,var(--orange) 50%,#c9501e)}.remote-face{gap:0;padding:6cqw 4.5cqw 3cqw;border-radius:15cqw 15cqw 10cqw 10cqw}.bezel{width:100%;padding:4.5cqw 4.5cqw 14cqw;border-radius:9cqw 9cqw 12cqw 12cqw}.stage{--lcd-w: 100%}.keypad-plate{width:90%;margin-top:6cqw;padding:2cqw;border-radius:5cqw}.keypad{border-radius:calc(var(--rw) * .03)}.remote-brand{display:block;flex:none;padding-top:3.2cqw;font:700 3.6cqw/1 var(--ui-font);letter-spacing:.12em;text-transform:uppercase;color:#8a8478}.info{width:var(--bw);display:flex;justify-content:center;gap:1.2vw}.info-btn{min-height:var(--infoh);padding:0 1.1em;font-size:clamp(11px,1.55vh,17px);white-space:nowrap}}@media(orientation:portrait)and (max-width:374px){.info{gap:4px}.info-btn{padding:2px 3px;font-size:11px}}@media(orientation:landscape)and (max-height:500px){.stage{--pad: 8px;--kh: calc(100dvh - 2 * var(--pad));--kw: calc(var(--kh) * .68);--lw: min(31vw, calc(var(--kh) * .64));--bw: min(calc(100vw - var(--kw) - var(--lw) - 5 * var(--pad)), calc(var(--kh) * 450 / 490));grid-template-columns:var(--lw) var(--kw) var(--bw);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"lcd keypad board" "info keypad board";column-gap:var(--pad);row-gap:var(--pad);align-items:start}.remote,.remote-face{display:contents}.remote-brand{display:none}.bezel{grid-area:lcd;width:var(--lw);padding:6px;border-radius:12px;border:4px solid var(--cream-2)}.keypad-plate{grid-area:keypad;width:var(--kw);height:var(--kh);margin:0;padding:4px;border-radius:12px;border:4px solid var(--orange)}.keypad{border-radius:8px}.sb{grid-area:board;width:var(--bw);align-self:center}.info{grid-area:info;width:var(--lw);display:grid;grid-template-columns:1fr 1fr;gap:6px}.info-btn{min-height:40px;padding:2px 4px;font-size:12px;white-space:normal}}@media(prefers-reduced-motion:reduce){.key,.lcd{transition:none}}