@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#172b32;background:#dbe5e0;font-synthesis:none;--ink:#172b32;--paper:#f9f5e9;--gold:#a67c40}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bd5c38;outline-offset:5px}button{border:0;background:none}a{color:inherit}.hidden{display:none!important}#app{height:100svh;min-height:480px;position:relative;overflow:hidden}#court{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#court canvas{width:100%;height:100%;display:block}.masthead{position:absolute;top:0;left:0;right:0;height:100px;padding:27px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:4;background:linear-gradient(#f8f4e9e8,#f8f4e9a8,transparent)}.wordmark{font-family:Georgia,serif;font-size:27px;letter-spacing:-1px;text-decoration:none;line-height:1}.wordmark span{display:block;font:8px Manrope,sans-serif;letter-spacing:2.2px;margin-top:10px}.masthead nav{display:flex;gap:25px;align-items:center}.masthead nav button{font-size:12px;font-weight:600;padding:7px 0;position:relative}.masthead nav button:after{content:"";height:1px;background:var(--ink);position:absolute;bottom:0;left:0;width:0;transition:width .2s}.masthead nav button:hover:after{width:100%}.masthead nav button span{margin-left:7px}#menu{display:none}.court-caption{position:absolute;top:115px;left:4%;font-size:8px;font-weight:700;letter-spacing:1.9px;display:flex;gap:9px;align-items:center;pointer-events:none}.live-dot{height:5px;width:5px;border-radius:50%;background:#4b7257;box-shadow:0 0 0 3px #4b725715}.divider{margin:0 5px;opacity:.4}.intro{position:absolute;left:5%;top:23%;max-width:370px;z-index:2;transition:opacity .45s,transform .45s}.intro.leaving{opacity:0;transform:translateY(15px);pointer-events:none}.eyebrow{font-family:Manrope,sans-serif;letter-spacing:2.1px;font-size:9px;font-weight:800;margin:0 0 18px}h1{font-family:Georgia,serif;font-size:clamp(58px,6.1vw,88px);font-weight:400;letter-spacing:-4.6px;line-height:.98;margin:0 0 26px}h1 em{font-size:.9em;font-weight:400;color:#a85b3b}.intro-copy{font-size:13px;line-height:1.85;margin:0 0 26px}.primary{background:var(--ink);color:var(--paper);border-radius:3px;font-size:12px;font-weight:600;min-height:45px;padding:0 24px;display:flex;align-items:center;gap:40px;transition:background .2s,transform .2s}.primary:hover{background:#325751;transform:translateY(-2px)}.primary span{font-size:20px}.text-button{display:block;font-size:10px;padding:0;line-height:1.8;text-align:left;text-decoration:underline;text-underline-offset:4px}#loading{position:absolute;bottom:100px;left:5%;font-size:10px;display:flex;gap:10px;align-items:center}#loading span{height:12px;width:12px;border-radius:50%;border:1px solid #172b3244;border-top-color:var(--ink);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rally-head{position:absolute;top:157px;left:4%;pointer-events:none;max-width:275px}.rally-head .eyebrow{margin-bottom:10px;font-size:8px}.rally-head h2{font-family:Georgia,serif;font-size:25px;line-height:1.15;font-weight:400;letter-spacing:-.6px;margin:0 0 9px}.rally-head p:last-child{font-size:10px;line-height:1.7;margin:0;color:#53605c}.scoreboard{position:absolute;top:115px;right:4%;display:flex;align-items:center;gap:19px;text-align:center;pointer-events:none}.scoreboard>div{display:flex;flex-direction:column}.scoreboard span{font-family:Georgia,serif;font-size:26px}.scoreboard small{font-size:7px;letter-spacing:1.3px;margin-top:4px;font-weight:600}.scoreboard .total{font-size:15px;color:#69756a}.score-divider{height:33px;width:1px;background:#172b3228}.feed{position:absolute;left:4%;bottom:82px;display:flex;gap:19px;align-items:center;background:#fbf6e8e8;padding:15px 17px;border:1px solid #fff8;border-radius:9px;box-shadow:0 5px 30px #1a32231a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ready{display:flex;align-items:center;gap:12px}.ready small,.feed-next small{display:block;font-size:7px;letter-spacing:1.1px;font-weight:700}.ready strong{font-family:Georgia,serif;font-size:21px;font-weight:400;display:block;margin-top:3px}.feed-next{border-left:1px solid #172b3220;padding-left:17px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;width:88px}.feed-next small{width:100%;margin-bottom:2px}.hud-ball{--ball:#bcd84c;width:38px;height:38px;flex-shrink:0;border-radius:50%;position:relative;background:radial-gradient(circle at 32% 26%,#ffffff6a 0%,transparent 42%),radial-gradient(circle at 65% 85%,#0006,transparent 65%),var(--ball);box-shadow:inset -2px -3px 3px #0002,0 3px 4px #0002;overflow:hidden}.hud-ball:before,.hud-ball:after{content:"";position:absolute;top:-15%;width:75%;height:125%;border:2px solid #fff5d9;border-radius:50%;left:-55%}.hud-ball:after{left:auto;right:-55%}.hud-ball.small{height:24px;width:24px}.hud-ball.small:before,.hud-ball.small:after{border-width:1.5px}#swap{font-size:25px;padding:7px 3px;color:#60715d;transition:transform .2s}#swap:hover{transform:rotate(180deg)}.keyboard-guide{position:absolute;bottom:81px;right:4%;display:flex;flex-direction:column;gap:8px;font-size:9px;color:#30453b}.keyboard-guide span{display:flex;align-items:center;gap:4px}kbd{font-family:inherit;font-size:8px;min-width:18px;padding:4px 5px;background:#faf7e9ba;border:1px solid #30453b33;border-radius:3px;box-shadow:0 1px #30453b33;text-align:center}footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 4%;font-size:7px;letter-spacing:1.4px;background:linear-gradient(transparent,#e8ecdf88);z-index:3}.footer-dot{padding:0 8px}.tools{display:flex;align-items:center;gap:17px}.tools button{font-size:9px;letter-spacing:0;padding:6px 0}.tools #help,.tools #pause{border:1px solid #172b3244;border-radius:50%;height:24px;width:24px;padding:0}#toast{position:absolute;top:104px;left:50%;transform:translate(-50%,-20px);opacity:0;background:#172f2ef5;color:#fbf5e6;border-radius:24px;padding:11px 22px;font-size:11px;letter-spacing:.2px;pointer-events:none;transition:transform .25s,opacity .25s;box-shadow:0 5px 30px #172f2e28;z-index:6;white-space:nowrap}#toast.show{transform:translate(-50%);opacity:1}.float-label{position:absolute;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:30px;color:#fff7d2;text-shadow:0 2px 8px #523b29;animation:float 1.3s ease-out forwards;pointer-events:none;white-space:nowrap}@keyframes float{0%{opacity:0;translate:0 10px;scale:.8}20%{opacity:1;scale:1}to{opacity:0;translate:0 -65px}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#102d2a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8;display:grid;place-items:center;padding:20px}.modal-card{background:#fbf7ed;box-shadow:0 30px 130px #102d2a50;border-radius:8px;padding:45px;width:min(540px,100%);position:relative;max-height:85svh;overflow:auto}.close{position:absolute;right:18px;top:15px;font-size:26px;line-height:1}.modal-card h2,.pause-card h2{font-family:Georgia,serif;font-weight:400;font-size:48px;letter-spacing:-2px;margin:0 0 20px}.modal-card p,.modal-card li{font-size:13px;line-height:1.9}.modal-card ul{padding-left:19px}.modal-card .eyebrow{font-size:8px;line-height:1.4;margin-bottom:15px}.modal-card a{display:block;padding:14px 0;border-top:1px solid #172b3222;text-decoration:none;font-size:12px;font-weight:600}.modal-card a:hover{color:#ac5d37}.modal-card a span{float:right}#continue{margin-top:23px}.pause-card{background:#fbf7ed;border-radius:8px;padding:44px 55px;box-shadow:0 25px 80px #102d2a44}.pause-card .text-button{margin-top:20px}.mobile-controls{display:none}#unsupported{pointer-events:none;z-index:2}#unsupported .modal-card{pointer-events:auto}@media(min-width:1400px){.intro{left:6%;max-width:420px}.intro-copy{font-size:14px}.rally-head{max-width:290px}}@media(max-width:1000px){.masthead{height:82px;padding-top:20px}.masthead nav{gap:17px}.masthead nav button{font-size:10px}.court-caption{top:95px}.intro{top:25%;left:4%;max-width:280px}h1{font-size:62px}.intro-copy{font-size:11px}.rally-head{top:132px;max-width:190px}.rally-head h2{font-size:21px}.scoreboard{top:95px}.keyboard-guide{font-size:8px;bottom:75px}.feed{bottom:76px;padding:12px;gap:12px}}@media(max-width:680px){#app{min-height:520px}.masthead{height:82px;padding:18px 5%;align-items:flex-start}.wordmark{font-size:25px}.wordmark span{font-size:6px;letter-spacing:1.6px}.masthead nav{display:none;position:absolute;right:5%;top:65px;background:#fbf7ed;border-radius:6px;padding:20px;box-shadow:0 6px 30px #173c3122}.masthead nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.masthead nav button{font-size:13px}#menu{display:block;font-size:20px;padding:0}.court-caption{top:84px;left:5%;font-size:6px;gap:6px;letter-spacing:1.1px}.intro{top:16%;left:5%;right:5%;max-width:100%;pointer-events:none}.intro h1{font-size:47px;letter-spacing:-2.8px;line-height:1.02}.intro h1 br{display:none}.intro .eyebrow{font-size:7px;margin-bottom:12px}.intro-copy{font-size:10px;margin-bottom:15px;line-height:1.6}.intro .primary,.intro .text-button{pointer-events:auto}.intro .primary{min-height:40px;padding:0 19px;font-size:11px;gap:25px}.rally-head{top:115px;max-width:210px;left:5%}.rally-head h2{font-size:19px;margin-bottom:5px}.rally-head .eyebrow{font-size:6px;margin-bottom:7px}.rally-head p:last-child{font-size:8px}.scoreboard{top:115px;right:5%;gap:12px}.scoreboard span{font-size:21px}.scoreboard small{font-size:5px;letter-spacing:.7px}.score-divider{height:25px}.keyboard-guide{display:none}.feed{bottom:108px;left:50%;transform:translate(-50%);padding:9px 12px;gap:14px}.hud-ball{width:31px;height:31px}.ready{gap:8px}.ready strong{font-size:18px}.ready small,.feed-next small{font-size:6px}.feed-next{width:75px;padding-left:13px;gap:5px}.hud-ball.small{height:21px;width:21px}#swap{font-size:22px}.mobile-controls{display:flex;position:absolute;bottom:52px;left:5%;right:5%;align-items:center;justify-content:space-between}.mobile-controls button{border:1px solid #294d3955;background:#fbf7edda;border-radius:50%;height:42px;width:42px;font-size:19px;touch-action:none}.mobile-controls span{text-align:center;font-size:8px;line-height:1.65}footer{height:40px;padding:0 5%;font-size:5px;letter-spacing:.7px}.tools{gap:12px}.tools button{font-size:7px}.tools #help,.tools #pause{height:21px;width:21px}.tools #camera{display:none}#toast{top:auto;bottom:200px;font-size:9px;padding:10px 15px;max-width:90%;white-space:normal;text-align:center}.modal-card{padding:34px 26px}.modal-card h2{font-size:37px}.modal-card p,.modal-card li{font-size:12px}.float-label{font-size:23px}#loading{bottom:92px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.float-label{animation-duration:1s!important}}#app:has(.intro:not(.hidden)):before{content:"";position:absolute;inset:0 auto 0 0;width:36%;background:linear-gradient(90deg,#f7f3e9ed,#f7f3e9c9 73%,#f7f3e900);pointer-events:none;z-index:1;transition:opacity .45s}#app:has(.intro.leaving):before{opacity:0}.intro{max-width:430px}h1{font-size:clamp(58px,5.15vw,74px);letter-spacing:-3.7px}.rally-head{background:linear-gradient(110deg,#fbf7edeb,#fbf7edbf 75%,#fbf7ed00);padding:18px 22px 19px 17px;border-left:2px solid #ae6b42;border-radius:0 4px 4px 0;left:3%;max-width:268px}.scoreboard{background:#faf6ebe8;padding:12px 17px;border-radius:5px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}@media(max-width:1000px){.rally-head{max-width:210px;padding:12px 15px}.intro{max-width:330px}h1{font-size:60px}}@media(max-width:680px){#app:has(.intro:not(.hidden)):before{width:100%;height:330px;background:linear-gradient(#f7f3e9f5,#f7f3e9d9 70%,#f7f3e900)}.intro{max-width:none}h1{font-size:47px;letter-spacing:-2.8px}.rally-head{max-width:210px;padding:10px 13px;left:5%}.scoreboard{padding:9px 10px}.rally-head h2{font-size:18px}.scoreboard small{font-size:5px}}#court:focus{outline:none}.target-label{position:absolute;transform:translate(-50%,-50%);font:600 10px DM Sans,Arial,sans-serif;letter-spacing:.4px;background:#f3dfad;color:#25354b;border:1px solid #ab874b;border-radius:2px;padding:3px 7px;min-width:79px;text-align:center;white-space:nowrap;box-shadow:0 1px 3px #31220b33;pointer-events:none}.target-label.reached{background:#e8f0bb;color:#304b33}#gate-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}@media(max-width:680px){.target-label{font-size:7px;letter-spacing:0;min-width:0;padding:2px 4px}}@media(max-width:680px){.intro h1 br{display:block}.intro h1{font-size:49px;letter-spacing:-2.3px;margin-bottom:16px}.intro-copy{margin-bottom:13px}.intro{top:16%}}@media(max-width:680px){.target-label{font-size:9px;padding:2px 4px;min-width:48px}}.target-label:disabled{opacity:1}.target-label.reached{pointer-events:auto;cursor:pointer;box-shadow:0 0 0 2px #dce5a8aa,0 3px 9px #172b3233;transition:background .15s,box-shadow .15s}.target-label.reached:hover{background:#fff6c7;box-shadow:0 0 0 3px #f8e3a688,0 3px 12px #172b3233}.tools .reset-button{border:1px solid #172b3255;border-radius:20px;padding:7px 12px;background:#fbf7eddb;font-size:10px;min-height:30px}.tools .reset-button:hover{background:#fff8dd}#court canvas{cursor:crosshair}@media(max-width:680px){.tools{gap:9px}.tools .reset-button{font-size:8px;padding:5px 9px}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.scoreboard{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;gap:10px}.scoreboard>div:not(.score-divider){width:66px;height:66px;justify-content:center;border:2px solid #f0d99e;border-radius:50%;background:linear-gradient(145deg,#4d6d5b,#254a41 58%,#1c3b35);color:#fff2c9;box-shadow:inset 0 2px 1px #fffbd33d,inset 0 -3px 3px #0e292e73,0 3px #173f35a3,0 5px 12px #16312b2b}.scoreboard .score-divider{display:none}.scoreboard span{font:700 24px DM Sans,Arial,sans-serif;line-height:1.1;text-shadow:0 1px 0 #122d2b}.scoreboard .total{font-size:12px;color:#ddd6aa}.scoreboard small{font-size:5.5px;letter-spacing:.8px;margin-top:5px;color:#e7ddb6}@media(max-width:680px){.scoreboard{gap:8px;top:108px}.scoreboard>div:not(.score-divider){width:55px;height:55px}.scoreboard span{font-size:20px}.scoreboard .total{font-size:10px}.scoreboard small{font-size:4.8px;letter-spacing:.4px}}#modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px 20px;background:radial-gradient(ellipse at 50% 45%,#0a132d60,#040b20c4);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);perspective:1200px}#modal .modal-card{--ui-accent:#6eebde;--ui-rgb:110,235,222;position:relative;isolation:isolate;display:flex;flex-direction:column;width:min(740px,100%);height:auto;max-height:min(850px,calc(100svh - 56px));padding:0;border:1px solid #a9c7fa33;border-radius:24px;background:linear-gradient(145deg,#1c2b46f7,#101b30fc 52%,#10192cfb);color:#e6eefb;box-shadow:inset 0 1px #e3efff24,inset 0 -1px #020a1755,0 30px 100px #020918b3,0 0 0 5px #0d162b3b;overflow:hidden;filter:none;transform-origin:50% 50%}#modal[data-card=companies] .modal-card{--ui-accent:#b4b7ff;--ui-rgb:180,183,255}#modal[data-card=games] .modal-card{--ui-accent:#79c5ff;--ui-rgb:121,197,255;width:min(790px,100%)}#modal[data-card=teaching] .modal-card{--ui-accent:#f7a8df;--ui-rgb:247,168,223}#modal[data-card=resume] .modal-card{--ui-accent:#c7ee85;--ui-rgb:199,238,133;width:min(660px,100%)}#modal .modal-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border:0;border-image:none;background:radial-gradient(ellipse at 4% 0%,rgba(var(--ui-rgb),.13),transparent 48%)}#modal .modal-card:after{content:"";position:absolute;left:32px;right:32px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--ui-accent) 30%,#ecf9ff 50%,var(--ui-accent) 70%,transparent);box-shadow:0 0 18px rgba(var(--ui-rgb),.5);pointer-events:none}#modal .game-card-heading{position:relative;inset:auto;display:flex;align-items:center;justify-content:flex-start;gap:19px;min-height:116px;padding:28px 88px 26px 32px;border-bottom:1px solid #c4d8ff13;flex-shrink:0;background:linear-gradient(110deg,rgba(var(--ui-rgb),.025),transparent)}#modal .menu-emblem{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;border:1px solid rgba(var(--ui-rgb),.35);border-radius:17px;color:var(--ui-accent);background:linear-gradient(145deg,rgba(var(--ui-rgb),.16),rgba(var(--ui-rgb),.025));box-shadow:inset 0 1px rgba(var(--ui-rgb),.15),0 0 22px rgba(var(--ui-rgb),.07)}#modal .menu-emblem svg{width:34px;height:34px;display:block;filter:drop-shadow(0 0 5px rgba(var(--ui-rgb),.18))}#modal .modal-card h2{font:800 46px/1.08 Manrope,Trebuchet MS,sans-serif;letter-spacing:-1.6px;color:#f5f8ff;text-align:left;margin:0;text-shadow:none;-webkit-text-stroke:0}#modal .close{position:absolute;right:24px;top:32px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b3cbf52e;border-radius:12px;background:#0d172a80;box-shadow:inset 0 1px #d4e6ff09;color:#aabbd3;font:400 29px/1 Arial,sans-serif;text-shadow:none;transition:background .15s,color .15s,transform .15s}#modal .close:hover{background:#c9deff16;color:#fff;transform:scale(1.04)}#modal .close:active{transform:scale(.93)}#modal .game-card-scroll{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 32px 28px;overscroll-behavior:contain;scroll-padding-block:18px;scrollbar-width:thin;scrollbar-color:#5a7195 #14213a;-webkit-mask-image:none;mask-image:none}#modal .game-card-scroll::-webkit-scrollbar{width:6px}#modal .game-card-scroll::-webkit-scrollbar-thumb{border-radius:6px;background:#53698a;border:1px solid #152138}#modal .modal-card .eyebrow{font:800 10px/1.5 Manrope,sans-serif;color:var(--ui-accent);letter-spacing:1.7px;text-align:left;margin:0 0 16px;padding:0}#modal .modal-card p,#modal .modal-card li{font:400 15.5px/1.65 DM Sans,Arial,sans-serif;color:#c1cfe1;margin:0 0 16px}#modal #modal-body p:last-child{margin-bottom:25px}#modal #modal-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0}#modal .destination-token{position:relative;display:flex;align-items:center;gap:14px;min-width:0;min-height:88px;padding:16px;border:1px solid #aac8ff27;border-radius:15px;background:linear-gradient(140deg,#33496755,#202e485e);box-shadow:inset 0 1px #e5f1ff14,inset 0 -2px #071222a1,0 3px #091222c2,0 6px 13px #020a1633;text-align:left;text-decoration:none;color:#eaf3ff;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;animation:destination-arrive .38s calc(var(--item)*35ms + .06s) both}#modal .destination-token:before{content:"";position:absolute;top:15px;bottom:15px;left:0;width:2px;background:var(--ui-accent);opacity:0;transition:opacity .16s}#modal .destination-token:is(:hover,:focus-visible){color:#fff;transform:translateY(-2px);border-color:rgba(var(--ui-rgb),.55);background:linear-gradient(140deg,rgba(var(--ui-rgb),.13),#293a565e);box-shadow:inset 0 1px #e5f1ff24,inset 0 -2px #07122280,0 4px #091222,0 8px 22px #030b1d55,0 0 18px rgba(var(--ui-rgb),.12)}#modal .destination-token:is(:hover,:focus-visible):before{opacity:1}#modal .destination-token:active{transform:translateY(1px) scale(.987);background:rgba(var(--ui-rgb),.1)}#modal .destination-art{display:grid;place-items:center;float:none;width:52px;height:52px;flex-shrink:0;color:var(--ui-accent);border:1px solid rgba(var(--ui-rgb),.17);border-radius:13px;background:linear-gradient(140deg,rgba(var(--ui-rgb),.12),rgba(var(--ui-rgb),.025));filter:none}#modal .destination-art svg{display:block;width:31px;height:31px}#modal .destination-words{display:block;float:none;min-width:0;padding:0}#modal .destination-words strong{display:block;font:700 14px/1.35 Manrope,sans-serif;letter-spacing:-.2px;color:#eaf2ff;text-shadow:none}#modal .destination-description{display:block;float:none;margin-top:7px;color:#a8bbd3;font:400 13px/1.5 DM Sans,sans-serif}#modal .destination-arrow{display:block;float:none;margin-left:auto;flex-shrink:0;color:#a0b5d0;font:500 19px/1 DM Sans,sans-serif;transition:color .16s,translate .16s}#modal .destination-token:is(:hover,:focus-visible) .destination-arrow{color:var(--ui-accent);translate:2px -2px}#modal .destination-token:disabled{opacity:.46;filter:saturate(.55);cursor:default;transform:none;box-shadow:none;background:#1b294377;border-color:#aecbff1a}#modal .game-card-footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0;padding:18px 32px 24px;border-top:1px solid #b9d5ff14;background:#0d172c59}#modal #continue{display:block;margin:0;min-height:48px;min-width:152px;padding:12px 25px;border:1px solid rgba(var(--ui-rgb),.75);border-radius:12px;background:linear-gradient(160deg,var(--ui-accent),rgba(var(--ui-rgb),.82));box-shadow:inset 0 1px #f4ffff80,0 3px #050f2166,0 0 19px rgba(var(--ui-rgb),.12);color:#101f31;font:800 16px/1.3 Manrope,sans-serif;text-decoration:none;text-align:center;text-shadow:none;transition:filter .15s,transform .15s,box-shadow .15s}#modal #continue:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:inset 0 1px #f4ffff80,0 5px #050f2166,0 0 26px rgba(var(--ui-rgb),.2)}#modal #continue:active{transform:translateY(1px) scale(.98)}#modal .card-more{display:grid;place-items:center;width:46px;height:46px;padding:0;margin-right:auto;border:1px solid #aac8ff38;border-radius:12px;background:#25344e91;color:#d2e6ff;font:600 25px/1 DM Sans,sans-serif;box-shadow:inset 0 1px #dcefff0d;transition:background .15s}#modal .card-more:hover{background:#405d7e91}#modal .card-more[hidden]{display:none}#modal .destination-token:focus-visible,#modal .close:focus-visible,#modal #continue:focus-visible,#modal .card-more:focus-visible,#modal .game-card-scroll:focus-visible{outline:2px solid var(--ui-accent);outline-offset:4px}#modal .game-card-scroll:focus-visible{outline-offset:-6px}#modal[data-card=projects] #modal-links{grid-template-columns:1fr;gap:14px}#modal[data-card=projects] .destination-token{min-height:108px;padding:20px}#modal[data-card=projects] .destination-art{width:62px;height:62px;border-radius:16px}#modal[data-card=projects] .destination-art svg{width:36px;height:36px}#modal[data-card=projects] .destination-words strong{font-size:18px}#modal[data-card=companies] .destination-arrow{display:none}#modal[data-card=games] .eyebrow{border-left:2px solid rgba(var(--ui-rgb),.6);padding:0 0 0 14px;font:500 14px/1.55 DM Sans,sans-serif;letter-spacing:.1px;color:#d2e4f8;text-align:left;margin-bottom:18px}#modal .eyebrow cite{display:block;font:700 10px/1.6 Manrope,sans-serif;letter-spacing:1.7px;color:var(--ui-accent);margin-top:8px;font-style:normal}#modal[data-card=games] #modal-links{grid-template-columns:repeat(4,1fr);gap:12px}#modal[data-card=games] .destination-token{display:flex;flex-direction:column;gap:12px;padding:14px 10px;min-height:150px;text-align:center;justify-content:flex-start;border-radius:16px}#modal[data-card=games] .destination-art{width:90px;height:90px;padding:0;overflow:hidden;border:1px solid #c7e8ff38;border-radius:13px;background:#12253c;box-shadow:0 4px 10px #030b1938}#modal[data-card=games] .destination-art img{display:block;width:100%;height:100%;object-fit:cover}#modal[data-card=games] .destination-words strong{font-size:12px;line-height:1.35}#modal[data-card=games] .destination-arrow{position:absolute;top:6px;right:7px;font-size:15px;padding:2px;border-radius:5px;background:#0d1a2bd9;color:#daedff}#modal[data-card=resume] #modal-links{grid-template-columns:1fr}#modal[data-card=resume] .destination-token:first-child{min-height:105px}#modal[data-card=resume] .destination-token:first-child strong{font-size:20px}#modal[data-card=help] #modal-links{display:none}#modal[data-card=help] .game-card-heading h2{font-size:34px}@keyframes destination-arrive{0%{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@media(max-width:680px){#modal{padding:16px 12px}#modal .modal-card,#modal[data-card] .modal-card{width:min(450px,100%);max-height:calc(100svh - 32px);border-radius:21px}#modal .game-card-heading{padding:23px 70px 22px 21px;gap:13px;min-height:96px}#modal .menu-emblem{width:46px;height:46px;border-radius:13px}#modal .menu-emblem svg{width:27px;height:27px}#modal .modal-card h2{font-size:33px;letter-spacing:-1px}#modal .close{top:24px;right:16px;width:44px;height:44px;border-radius:11px;font-size:26px}#modal .game-card-scroll{padding:21px 21px 24px}#modal .modal-card .eyebrow{font-size:9px;letter-spacing:1.15px;margin-bottom:14px}#modal .modal-card p,#modal .modal-card li{font-size:15px;line-height:1.6}#modal #modal-body p:last-child{margin-bottom:21px}#modal #modal-links{gap:10px}#modal .destination-token{gap:10px;padding:13px 11px;min-height:88px;border-radius:13px}#modal .destination-art{width:42px;height:42px;border-radius:11px}#modal .destination-art svg{width:27px;height:27px}#modal .destination-words strong{font-size:12px;line-height:1.4}#modal .destination-description{font-size:13px;line-height:1.5}#modal .destination-arrow{font-size:17px}#modal[data-card=projects] .destination-token{padding:16px 12px;min-height:140px;gap:12px}#modal[data-card=projects] .destination-art{width:43px;height:43px;border-radius:12px}#modal[data-card=projects] .destination-art svg{width:28px;height:28px}#modal[data-card=projects] .destination-words strong{font-size:15px}#modal[data-card=projects] .destination-arrow{display:none}#modal[data-card=companies] .destination-token{flex-direction:column;gap:10px;text-align:center;min-height:112px}#modal[data-card=companies] .destination-words{padding:0}#modal[data-card=games] .eyebrow{font-size:14px;line-height:1.6;padding-left:12px}#modal[data-card=games] #modal-links{grid-template-columns:repeat(3,1fr);gap:10px}#modal[data-card=games] .destination-token{padding:10px 5px;gap:10px;min-height:132px;border-radius:13px}#modal[data-card=games] .destination-art{width:66px;height:66px;border-radius:10px}#modal[data-card=games] .destination-words strong{font-size:12px;line-height:1.3;letter-spacing:-.2px}#modal[data-card=teaching] #modal-links{grid-template-columns:1fr}#modal[data-card=teaching] .destination-words strong{font-size:14px}#modal[data-card=resume] .destination-token:first-child strong{font-size:18px}#modal .game-card-footer{padding:16px 21px 20px}#modal #continue{min-height:48px;min-width:145px;font-size:15px}#modal[data-card=help] .game-card-heading h2{font-size:25px;letter-spacing:-.6px}}@media(max-width:350px){#modal .game-card-heading{gap:10px;padding-left:17px}#modal .menu-emblem{width:38px;height:38px}#modal .menu-emblem svg{width:24px;height:24px}#modal .modal-card h2{font-size:29px}#modal .game-card-scroll{padding-inline:17px}#modal[data-card=games] .destination-art{width:56px;height:56px}#modal[data-card=projects] .destination-art{display:none}}@media(max-height:610px)and (min-width:681px){#modal{padding:12px 20px}#modal .modal-card,#modal[data-card] .modal-card{max-height:calc(100svh - 24px);width:min(740px,100%)}#modal .game-card-heading{min-height:76px;padding:15px 83px 15px 26px;gap:14px}#modal .menu-emblem{width:42px;height:42px;border-radius:12px}#modal .menu-emblem svg{width:26px;height:26px}#modal .modal-card h2{font-size:32px}#modal .close{top:16px;right:24px}#modal .game-card-scroll{padding:18px 26px}#modal .game-card-footer{padding:12px 26px 16px}#modal #continue{min-height:44px;padding-block:10px}#modal[data-card=help] .game-card-heading h2{font-size:28px}}@media(prefers-reduced-motion:reduce){#modal .destination-token{animation:none;transition:none}#modal .close,#modal #continue{transition:none}}#swap.machine-swap{position:absolute;left:0;top:0;z-index:3;min-width:44px;min-height:44px;border:0;border-radius:16px;background:transparent;padding:0;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer}#swap.machine-swap:hover{transform:translate(-50%,-50%)}#swap.machine-swap:focus-visible{outline:3px solid #ffeab0;outline-offset:3px;box-shadow:0 0 18px #f9de8a88}#swap.machine-swap:disabled{pointer-events:none;cursor:default}.painted-court .target-label{background:transparent!important;color:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important;border-radius:9px;transition:filter .2s;pointer-events:none}.painted-court .target-label.reached{pointer-events:auto}.painted-court .target-label.reached:hover{background:#fff7c52b!important;box-shadow:0 0 18px #ffe49380!important}.painted-court .target-label:focus-visible{outline:3px solid #fff2ae;outline-offset:3px}.billboard-face,.billboard-star,.marquee-wires{display:none}.modal.from-plinth{background:#102b354d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal.from-plinth .modal-card{border:2px solid #e3bd6a;background:linear-gradient(145deg,#fff9e9,#f5ecd8);box-shadow:0 0 0 5px #2b4148a6,0 28px 100px #12303980,0 0 70px #ffe0a52b;transform-origin:center}@media(prefers-reduced-motion:reduce){.modal.from-plinth{-webkit-backdrop-filter:none;backdrop-filter:none}}#modal{perspective:1100px}.painted-court #court canvas{position:relative;z-index:1}.painted-court #court:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at var(--show-x,50%) var(--show-y,30%),rgb(255 239 192 / var(--show-flash,0)),transparent 50%),linear-gradient(rgb(9 20 47 / var(--show-dim,0)),rgb(9 20 47 / var(--show-dim,0)));pointer-events:none}@media(max-width:679px){.painted-court .scoreboard{top:96px}.painted-court .tools .reset-button{color:#233e39}.marquee-wires{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.marquee-wires path{fill:none;stroke:#705127;stroke-width:2.5;opacity:.8}.marquee-wires path.powered{stroke:#ffe3a6;filter:drop-shadow(0 0 3px #ffd777)}.marquee-wires path.wire-outline{stroke:#fae7bb;stroke-width:4.5;opacity:.9}.painted-court .target-label{max-width:none!important;letter-spacing:.1px;overflow:visible;isolation:isolate}.painted-court .target-label .billboard-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2px 5px;background:linear-gradient(#dcc68c,#7c5d2f 40%,#d5b66f 58%,#584528);clip-path:polygon(50% 0,91% 17%,100% 50%,91% 83%,50% 100%,9% 83%,0 50%,9% 17%);filter:drop-shadow(0 2px 2px #17293680)}.billboard-face:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#e7dfbf;clip-path:inherit;z-index:-1}.billboard-face:after{content:"";position:absolute;top:5px;right:8px;bottom:5px;left:8px;border:2px dotted #514733;border-radius:50%;pointer-events:none}.billboard-face span{color:#292f37;font:900 clamp(10px,3vw,13px) "Manrope",sans-serif;line-height:1;letter-spacing:-.3px;text-transform:uppercase}.painted-court .target-label .billboard-star{display:block;position:absolute;left:50%;top:-13px;transform:translate(-50%) scaleX(1.2);z-index:1;font:700 23px Georgia,serif;color:#554a38;-webkit-text-stroke:1px #edd69c;text-shadow:1px 0 #7a5b2d,-1px 0 #7a5b2d;line-height:1}.painted-court .target-label.powered .billboard-face:before{background:#fff6d5}.painted-court .target-label.powered .billboard-face:after{border-color:#fff8ce;filter:drop-shadow(0 0 3px #ffce69)}.painted-court .target-label.powered .billboard-face span{color:#a32f3a;-webkit-text-stroke:.25px #ffdc82;text-shadow:0 0 1px #fff8d0,0 0 4px #ffc471,0 0 9px var(--marquee-color)}.painted-court .target-label.powered .billboard-star{color:#ffec8e;text-shadow:0 0 3px #fff6ca,0 0 8px var(--marquee-color)}.painted-court .target-label.powered{filter:drop-shadow(0 0 5px var(--marquee-color))}.painted-court .target-label.celebrating .billboard-face:after{animation:marquee-chase .4s steps(2) infinite}.painted-court .target-label.celebrating .billboard-star{animation:marquee-flash .65s ease-in-out infinite}.painted-court .target-label.reached:hover{background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 9px var(--marquee-color))}@keyframes marquee-chase{to{border-style:dashed;filter:drop-shadow(0 0 5px #ffce69)}}@keyframes marquee-flash{50%{filter:brightness(1.65);transform:translate(-50%) scale(1.18)}}}@media(prefers-reduced-motion:reduce){.painted-court .target-label.celebrating .billboard-face:after,.painted-court .target-label.celebrating .billboard-star{animation:none}}.painted-court{background:#153f39}.painted-court #court{background-repeat:no-repeat;background-color:#173e3a}.painted-court #app{background:linear-gradient(#9cd9ed,#173e3a)}.painted-court .masthead{background:linear-gradient(#fff6d5ad,transparent);height:92px}.painted-court .court-caption,.painted-court #camera{display:none}@media(max-width:679px){.painted-court .masthead{background:linear-gradient(#fff6df,#fff6dfed 70%,transparent);height:92px}.painted-court footer{background:linear-gradient(transparent,#123a33e8);color:#fff5d3;height:48px}.painted-court footer button{color:#fff5d3}.painted-court .tools #help,.painted-court .tools #pause{border-color:#fff5d373}.painted-court .intro{top:125px}.painted-court #app:has(.intro:not(.hidden)):before{height:450px}}@media(max-width:679px){.painted-court .target-label{font-size:7px;padding:3px 1px;max-width:44px;white-space:nowrap}}.game-status-controls{position:absolute;z-index:5;right:3%;top:112px;display:flex;flex-direction:column;gap:9px;width:128px;pointer-events:none}.target-meter,.sound-control{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:11px 14px;border:1px solid #b3d9ff42;border-radius:15px;background:linear-gradient(140deg,#233951f5,#101d32f5);box-shadow:inset 0 1px #d6efff21,inset 0 -2px #05132688,0 5px 16px #03122647;color:#eaf6ff}.target-meter:before,.sound-control:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,#b8f0f5a1,transparent);pointer-events:none}.status-icon{width:26px;height:26px;flex-shrink:0;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#9eece2;filter:drop-shadow(0 0 7px #83e8e523)}.target-readout,.sound-words{display:flex;flex-direction:column;gap:3px;text-align:left;white-space:nowrap}.status-label{font:600 10px/1.1 Manrope,sans-serif;letter-spacing:.25px;color:#afc4da}#unlocked{font:800 23px/1.1 Manrope,sans-serif;letter-spacing:-.7px;font-variant-numeric:tabular-nums}#unlocked .total{font-size:14px;font-weight:600;color:#a2b7d1;letter-spacing:0}.sound-control{pointer-events:auto;cursor:pointer;min-height:56px;gap:12px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.sound-state{font:700 14px/1.2 Manrope,sans-serif;color:#dceaf9;letter-spacing:.1px}.sound-icon{width:24px;height:24px;color:#93aac3;filter:none}.sound-waves{display:none}.sound-muted{display:block}.sound-indicator{position:absolute;right:11px;top:12px;width:5px;height:5px;border-radius:50%;background:#75869c;box-shadow:0 0 0 2px #72869f12}.sound-control[data-state=on]{border-color:#6de0d57a;background:linear-gradient(140deg,#23504ff5,#142b3df5)}.sound-control[data-state=on] .sound-icon{color:#91f1dc;filter:drop-shadow(0 0 6px #6ce5db38)}.sound-control[data-state=on] .sound-waves{display:block}.sound-control[data-state=on] .sound-muted{display:none}.sound-control[data-state=on] .sound-state{color:#a7f3dd}.sound-control[data-state=on] .sound-indicator{background:#98f1cd;box-shadow:0 0 7px #69f3d280}.sound-control[data-state=loading] .sound-state{font-size:10px;letter-spacing:0}.sound-control[data-state=loading] .sound-indicator{background:#beeafa;animation:sound-loading .8s ease-in-out infinite alternate}.sound-control:hover{transform:translateY(-2px);border-color:#82e7deaa;box-shadow:inset 0 1px #d6efff38,0 7px 18px #03122666,0 0 15px #6fdfd916}.sound-control:active{transform:translateY(1px) scale(.98)}.sound-control:focus-visible{outline:2px solid #9becdf;outline-offset:4px}.sound-control:disabled{cursor:wait;transform:none}@keyframes sound-loading{to{opacity:.3}}#start{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:205px;min-height:58px;padding:8px 10px 8px 24px;overflow:hidden;border:1px solid #91e6dc83;border-radius:16px;background:linear-gradient(145deg,#25494f,#162c42 65%);box-shadow:inset 0 1px #c7fff13d,inset 0 -2px #07162b9e,0 4px #07182b66,0 7px 19px #172e3b38;color:#f0fffb;font:800 18px/1.2 Manrope,sans-serif;text-shadow:0 1px 1px #06172755;transition:transform .16s,box-shadow .16s,border-color .16s}#start:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 15%,#c4fff61a 50%,transparent 85%);translate:-130% 0;transition:translate .55s}#start .start-label{display:block;font:inherit;font-size:inherit}#start .start-play{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(140deg,#b2f6df,#6ed8d0);box-shadow:inset 0 1px #efffffa6,0 2px 6px #05233055;transition:transform .16s}#start .start-play svg{display:block;width:22px;height:22px;fill:#12313d;translate:-1px 0}#start:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#adfbe5;box-shadow:inset 0 1px #c7fff14d,inset 0 -2px #07162b9e,0 6px #07182b66,0 11px 25px #172e3b49,0 0 20px #83e9e02b}#start:is(:hover,:focus-visible):before{translate:130% 0}#start:is(:hover,:focus-visible) .start-play{transform:translate(2px)}#start:active{transform:translateY(2px) scale(.99);box-shadow:inset 0 1px 4px #06182d66,0 1px #07182b66,0 3px 8px #172e3b38}#start:focus-visible{outline:2px solid #a9f6dc;outline-offset:4px}@media(max-width:1000px)and (min-width:680px){.game-status-controls{right:24px;top:105px;width:120px}.target-meter,.sound-control{padding-inline:12px;gap:10px}}@media(max-width:679px){.game-status-controls{top:76px;right:5%;width:auto;flex-direction:row;gap:8px}.target-meter,.sound-control{min-height:54px;padding:7px 12px;border-radius:13px;gap:9px}.target-meter{min-width:105px}.sound-control{min-width:102px}.status-icon{width:23px;height:23px}.status-label{font-size:9px}#unlocked{font-size:22px}#unlocked .total{font-size:12px}.sound-state{font-size:13px}.sound-indicator{top:10px;right:8px;width:4px;height:4px}#start{min-height:54px;min-width:195px;font-size:17px;padding:7px 9px 7px 21px;border-radius:15px}#start .start-play{width:38px;height:38px;border-radius:10px}}@media(max-width:350px){.game-status-controls{gap:7px}.target-meter,.sound-control{min-width:96px;padding-inline:10px;gap:8px}}@media(max-height:610px)and (min-width:680px){.game-status-controls{top:93px;right:20px;width:115px;gap:7px}.target-meter{min-height:55px}.sound-control{min-height:49px}#unlocked{font-size:21px}}@media(prefers-reduced-motion:reduce){#start,#start:before,#start .start-play,.sound-control{transition:none}.sound-control[data-state=loading] .sound-indicator{animation:none}}@media(max-width:679px){.game-status-controls{transition:translate .2s}#app:has(#court.celebrating) .game-status-controls{translate:0 -10px}}@media(prefers-reduced-motion:reduce){.game-status-controls{transition:none}}@media(max-width:679px){#gate-labels{transition:opacity .3s}#app:has(#intro:not(.hidden)) #gate-labels{opacity:0;pointer-events:none}}@media(prefers-reduced-motion:reduce){#gate-labels{transition:none}}#court{z-index:0}.masthead nav{gap:5px;padding:6px;border:1px solid #fff9;border-radius:15px;background:#fff9e5d9;box-shadow:inset 0 1px #fff9,0 3px 14px #173d3821;backdrop-filter:blur(14px) saturate(.75);-webkit-backdrop-filter:blur(14px) saturate(.75)}.masthead nav button{padding:10px 15px;border-radius:10px;font-size:12px;font-weight:800;color:#173c3d;transition:background .15s,box-shadow .15s}.masthead nav button:after{display:none}.masthead nav button:is(:hover,:focus-visible){background:#fffdf0;box-shadow:0 2px 8px #163c3220}.masthead:has(nav.open){z-index:7}.intro h1>span,.intro h1>em{display:block}@media(max-width:1000px)and (min-width:680px){.masthead nav{gap:1px}.masthead nav button{padding:9px 10px;font-size:10px}}@media(max-width:679px){.masthead nav{padding:12px;background:#fff9e5eb;border-radius:14px}.masthead nav.open{gap:3px;align-items:stretch}.masthead nav button{padding:11px 18px;font-size:13px;text-align:left}.intro h1{font-size:58px;line-height:.98;margin-bottom:20px}.intro h1 em{font-size:1em}}@media(max-width:679px)and (max-height:650px){.painted-court .intro{top:127px}.intro .eyebrow{margin-bottom:10px}.intro h1{display:flex;align-items:baseline;gap:.16em;font-size:46px;margin-bottom:14px}.intro-copy{margin-bottom:17px}}@media(max-height:610px)and (min-width:680px){.intro{top:110px}.intro h1{display:flex;align-items:baseline;gap:.16em;font-size:44px;line-height:1;margin-bottom:12px}.intro .eyebrow{margin-bottom:10px}.intro-copy{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.masthead nav button{transition:none}}.court-instructions{position:absolute;z-index:2;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 24px);pointer-events:none;transition:opacity .35s,translate .35s}.court-instructions.leaving{opacity:0;translate:0 12px}.intro-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;margin:0;padding:12px 23px;border:3px solid #fff0bc;border-radius:26px;background:radial-gradient(ellipse at 50% -60%,#e0f8ffb3,transparent 67%),linear-gradient(#72bff0,#4384d0 48%,#315aa9);box-shadow:inset 0 3px #e5f7ff88,inset 0 -4px #254a8e,0 5px #25456f,0 10px 14px #542f3c45;color:#fffaf0}.intro-controls:before{content:"";position:absolute;inset:4px 14px auto;height:24%;border-radius:30px 30px 50% 50%;background:linear-gradient(#ffffff35,transparent);pointer-events:none}.control-cue{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:91px}.control-cue>span{font:900 11px/1 Trebuchet MS,Manrope,sans-serif;letter-spacing:1.5px;color:#fff6d9;text-shadow:0 2px 0 #254b8a}.cue-keys{position:relative;display:flex;align-items:center;gap:7px}.cue-keys kbd{display:grid;place-items:center;min-width:40px;height:39px;padding:0 9px;border:2px solid #fff5cf;border-bottom-color:#b9a673;border-radius:13px;background:radial-gradient(ellipse at 50% 0,#fff,transparent 85%),linear-gradient(#fffde3,#e5dfb9);box-shadow:inset 0 2px #fff,0 3px #254979,0 5px 5px #173a7455;color:#2e5283;font:900 26px/1 Trebuchet MS,sans-serif;text-shadow:0 1px 0 #fff}.cue-keys .space-key{min-width:105px;font:900 12px/1 Trebuchet MS,sans-serif;letter-spacing:1.4px;background:radial-gradient(ellipse at 50% 0,#fff9d0,transparent 90%),linear-gradient(#ffe8a4,#f2bc54);border-color:#fff4c5;border-bottom-color:#bc862d;color:#684a25}.cue-divider{height:44px;width:2px;border-radius:2px;background:#24589d66;box-shadow:1px 0 #c3efff55}.court-instructions .touch-guide{display:none;text-align:center;margin:6px 0 0;font:800 10px/1.2 Trebuchet MS,sans-serif;letter-spacing:.2px;color:#fff7dc;text-shadow:0 1px 3px #173c36,0 1px 1px #173c36}#start{min-width:228px;min-height:72px;gap:27px;padding:6px 8px 6px 27px;border:3px solid #fff0ad;border-bottom-color:#e4bd69;border-radius:33px;background:radial-gradient(ellipse at 45% -50%,#f3ffba,transparent 72%),linear-gradient(#a2df70,#55b870 52%,#329466);box-shadow:inset 0 3px #e6ffaf8c,inset 0 -4px #237451,0 6px #215b4d,0 11px 18px #183d3a50;color:#fffce8;font:900 25px/1 Trebuchet MS,Manrope,sans-serif;letter-spacing:.9px;text-shadow:0 2px 0 #2e774d,1px 0 #2e774d,-1px 0 #2e774d;overflow:hidden;transition:transform .15s,box-shadow .15s,filter .15s}#start:before{inset:3px 8px auto;height:42%;translate:0;background:linear-gradient(#ffffff4f,#ffffff08);border-radius:30px 30px 50% 50%;transition:opacity .2s}#start .start-play{width:52px;height:52px;flex-shrink:0;border:2px solid #fff6c1;border-radius:50%;background:radial-gradient(circle at 35% 20%,#fff1b9,#f0bd55 75%);box-shadow:inset 0 2px #fff9d5,inset 0 -3px #ce983b,0 3px 5px #27634866}#start .start-play svg{width:25px;height:25px;fill:#3c7450;filter:drop-shadow(0 1px 0 #fff9bd);translate:-1px 0}#start:is(:hover,:focus-visible){transform:translateY(-3px);filter:brightness(1.07);border-color:#fff6bc;box-shadow:inset 0 3px #e6ffafaa,inset 0 -4px #237451,0 9px #215b4d,0 15px 22px #183d3a50}#start:is(:hover,:focus-visible):before{translate:0;opacity:.85}#start:is(:hover,:focus-visible) .start-play{transform:rotate(-6deg) scale(1.04)}#start:active{transform:translateY(4px) scale(.98);box-shadow:inset 0 2px #e6ffaf8c,inset 0 -2px #237451,0 2px #215b4d,0 5px 8px #183d3a40}#start:focus-visible{outline:3px solid #234f64;outline-offset:5px}#sound{position:relative;align-self:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:84px;min-height:84px;width:84px;height:84px;padding:7px 5px;border:3px solid #fff0b9;border-bottom-color:#d8b86c;border-radius:50%;background:radial-gradient(ellipse at 40% 0,#b4e5ff,transparent 70%),linear-gradient(#75b8ef,#527dcc 55%,#3d60ac);box-shadow:inset 0 3px #d7efffa1,inset 0 -4px #304c91,0 4px #30466c,0 8px 12px #1836504d;transition:transform .15s,filter .15s,box-shadow .15s;color:#fff8df;text-shadow:0 1px 1px #273f78}#sound:before{inset:4px 9px auto;height:30%;border-radius:50%;background:linear-gradient(#ffffff48,transparent)}#sound .sound-icon{position:relative;width:29px;height:29px;color:#fff9e9;stroke-width:2;filter:drop-shadow(0 2px 0 #365588)}#sound .sound-words{position:relative;gap:1px;align-items:center;text-align:center}#sound .status-label{font:800 9px/1 Trebuchet MS,sans-serif;letter-spacing:.2px;color:#edf5ff}#sound .sound-state{font:900 12px/1 Trebuchet MS,sans-serif;letter-spacing:.25px;color:#fff6bf}#sound .sound-indicator{top:11px;right:10px;width:5px;height:5px;background:#c6d2e4;box-shadow:0 0 0 1px #31598a66}#sound[data-state=on]{background:radial-gradient(ellipse at 40% 0,#dcffbd,transparent 70%),linear-gradient(#8bdc95,#43b184 55%,#278566);box-shadow:inset 0 3px #e0ffd3a1,inset 0 -4px #216b58,0 4px #255545,0 8px 12px #183d354d}#sound[data-state=on] .sound-icon{filter:drop-shadow(0 2px 0 #398367)}#sound[data-state=on] .sound-indicator{background:#fff0a5;box-shadow:0 0 6px #fff0a5}#sound[data-state=loading] .sound-state{font-size:9px;letter-spacing:0}#sound:hover{transform:translateY(-2px) rotate(-3deg);filter:brightness(1.07);border-color:#fff5c3}#sound:active{transform:translateY(3px) scale(.96);filter:brightness(.98)}#sound:disabled{transform:none;filter:none}#sound:focus-visible{outline:3px solid #24496a;outline-offset:4px}@media(max-width:679px){#start{min-width:220px;min-height:66px;font-size:23px;padding:5px 7px 5px 25px;border-radius:31px}#start .start-play{width:47px;height:47px}#sound{min-width:72px;min-height:72px;width:72px;height:72px;padding:5px;gap:2px}#sound .sound-icon{width:25px;height:25px}#sound .status-label{font-size:8px}#sound .sound-state{font-size:11px}#sound .sound-indicator{top:8px;right:9px;width:4px;height:4px}.game-status-controls .target-meter{align-self:center}.intro-controls{padding:5px 15px;border-width:2px;border-radius:20px;gap:16px;box-shadow:inset 0 2px #e5f7ff88,inset 0 -3px #254a8e,0 4px #25456f,0 7px 10px #542f3c45}.control-cue{min-width:75px;gap:3px}.control-cue>span{font-size:8px;letter-spacing:1.3px}.cue-keys{gap:5px}.cue-keys kbd{height:25px;min-width:31px;padding-inline:5px;border-radius:9px;font-size:21px}.cue-keys .space-key{min-width:85px;font-size:10px}.cue-divider{height:32px}.court-instructions .touch-guide{display:block;font-size:9px;margin-top:5px}}@media(max-width:679px)and (max-height:650px){#app:has(#intro:not(.hidden)) footer{height:32px}.game-status-controls{top:66px}#sound{min-width:60px;min-height:60px;width:60px;height:60px;padding:4px;gap:1px}#sound .sound-icon{width:22px;height:22px}#sound .sound-words{flex-direction:row;gap:3px}#sound .sound-state{font-size:10px}#sound .status-label{font-size:7px}#sound .sound-indicator{top:7px;right:7px}.intro-controls{padding:5px 13px;gap:14px;border-radius:17px}.control-cue{gap:3px;min-width:68px}.control-cue>span{font-size:8px}.cue-keys kbd{height:23px;min-width:27px;font-size:18px;border-radius:8px}.cue-keys .space-key{min-width:77px;font-size:9px}.cue-divider{height:28px}.court-instructions .touch-guide{display:none}}@media(max-height:610px)and (min-width:680px){#start{min-width:203px;min-height:60px;font-size:22px;padding:4px 6px 4px 23px}#start .start-play{width:43px;height:43px}#sound{min-width:74px;min-height:74px;width:74px;height:74px;gap:2px}#sound .sound-icon{width:26px;height:26px}.intro-controls{padding:8px 18px;gap:18px}.control-cue{gap:6px;min-width:81px}.cue-keys kbd{height:30px;min-width:33px;font-size:22px}.cue-keys .space-key{min-width:94px;font-size:10px}.control-cue>span{font-size:9px}.cue-divider{height:34px}}@media(prefers-reduced-motion:reduce){.court-instructions,#start,#start:before,#start .start-play,#sound{transition:none}}