#game>#tip{display:none}
#hint-tools{flex:none;height:76px;display:flex;align-items:center;justify-content:center;z-index:3;padding:0 0 8px}
#hint-button{position:relative;width:54px;height:58px;margin:0;padding:0;border:0;background:none;box-shadow:none;color:white}
/* Clip the supplied raster to the booster silhouette, keeping its exterior out of the UI. */
#hint-button img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;clip-path:polygon(94.418% 58.000%,94.471% 59.553%,94.469% 61.110%,94.492% 62.676%,94.459% 64.248%,94.450% 65.838%,94.461% 67.451%,94.491% 69.093%,94.460% 70.749%,94.443% 72.441%,94.512% 74.201%,94.511% 75.984%,94.293% 77.721%,94.008% 79.464%,93.655% 81.212%,92.887% 82.761%,92.200% 84.369%,91.254% 85.826%,90.257% 87.249%,89.086% 88.538%,87.814% 89.729%,86.565% 90.923%,85.164% 91.957%,83.625% 92.820%,81.962% 93.498%,80.345% 94.164%,78.525% 94.510%,76.718% 94.773%,74.838% 94.824%,73.031% 94.857%,71.252% 94.810%,69.580% 94.825%,67.968% 94.841%,66.380% 94.790%,64.877% 94.821%,63.392% 94.793%,61.952% 94.783%,60.551% 94.795%,59.164% 94.754%,57.826% 94.817%,56.481% 94.754%,55.172% 94.799%,53.868% 94.799%,52.564% 94.673%,51.283% 94.740%,50.000% 94.762%,48.717% 94.740%,47.430% 94.752%,46.132% 94.799%,44.828% 94.799%,43.519% 94.754%,42.174% 94.817%,40.836% 94.754%,39.449% 94.795%,38.048% 94.783%,36.608% 94.793%,35.123% 94.821%,33.620% 94.790%,32.032% 94.841%,30.420% 94.825%,28.748% 94.810%,26.969% 94.857%,25.162% 94.824%,23.282% 94.773%,21.475% 94.510%,19.757% 94.042%,18.091% 93.439%,16.430% 92.762%,14.951% 91.847%,13.554% 90.816%,12.186% 89.729%,10.977% 88.488%,9.807% 87.202%,8.813% 85.781%,7.868% 84.327%,7.182% 82.721%,6.557% 81.099%,5.992% 79.464%,5.780% 77.688%,5.563% 75.954%,5.563% 74.174%,5.633% 72.416%,5.616% 70.727%,5.586% 69.074%,5.617% 67.434%,5.629% 65.824%,5.620% 64.237%,5.588% 62.668%,5.611% 61.104%,5.609% 59.550%,5.582% 58.000%,5.609% 56.450%,5.611% 54.896%,5.588% 53.332%,5.620% 51.763%,5.629% 50.176%,5.617% 48.566%,5.586% 46.926%,5.616% 45.273%,5.633% 43.584%,5.563% 41.826%,5.563% 40.046%,5.561% 38.215%,5.634% 36.361%,5.993% 34.601%,6.422% 32.841%,7.057% 31.166%,7.887% 29.594%,8.839% 28.095%,9.845% 26.628%,10.965% 25.246%,12.250% 24.010%,13.345% 22.602%,14.436% 21.173%,15.583% 19.776%,16.938% 18.598%,18.382% 17.531%,19.955% 16.646%,21.550% 15.821%,23.208% 15.124%,25.000% 14.699%,26.714% 14.205%,28.536% 13.992%,30.344% 13.853%,32.166% 13.859%,33.935% 13.863%,35.658% 13.860%,37.361% 13.923%,39.004% 13.896%,40.632% 13.929%,42.232% 13.943%,43.785% 13.778%,45.207% 12.398%,46.724% 11.145%,48.325% 10.023%,50.000% 8.957%,51.742% 8.110%,53.538% 7.406%,55.376% 6.846%,57.258% 6.354%,59.167% 6.011%,61.092% 5.817%,63.003% 5.849%,64.925% 5.951%,66.806% 6.276%,68.683% 6.669%,70.523% 7.205%,72.315% 7.879%,74.051% 8.688%,75.757% 9.558%,77.313% 10.693%,78.820% 11.878%,80.278% 13.110%,81.592% 14.517%,82.796% 16.023%,83.831% 17.682%,84.844% 19.302%,86.007% 20.714%,87.057% 22.215%,87.987% 23.796%,89.219% 25.092%,90.280% 26.530%,91.354% 27.955%,92.179% 29.550%,93.079% 31.081%,93.647% 32.801%,94.077% 34.564%,94.438% 36.326%,94.512% 38.182%,94.511% 40.016%,94.512% 41.799%,94.443% 43.559%,94.460% 45.251%,94.491% 46.907%,94.461% 48.549%,94.450% 50.162%,94.459% 51.752%,94.492% 53.324%,94.469% 54.890%,94.471% 56.447%)}
#hint-button:active:not(:disabled){transform:translateY(2px)}
:is(#hint-video,#time-video,#connect-video){position:absolute;right:-8px;bottom:-6px;width:28px;height:28px;border-radius:8px;background:transparent url('./assets/buttons/ui/settings-green.webp') center / 100% 100% no-repeat;pointer-events:none}
:is(#hint-video,#time-video,#connect-video)::before{content:'';position:absolute;left:5px;top:5px;width:18px;height:18px;border-radius:3px;background:url('./assets/victory/reward-double.webp') -8px -8.4px / 96px 34px no-repeat}
.hint-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:is(#hint-price,#time-price,#connect-price){position:absolute;right:-8px;bottom:-6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(ellipse at 28% 14%,#e7ffab,transparent 55%),linear-gradient(#b4e964,#75b635 65%,#589329);border:2px solid #487c2b;box-shadow:inset 0 2px #edffae,0 2px 1px #254567;font-size:17px;color:white;text-shadow:0 2px 1px #355623;white-space:nowrap}
:is(#hint-price,#time-price,#connect-price).ad-badge{font-size:11px}
#hud #difficulty-label{position:absolute;left:440px;top:105px;width:400px;text-align:center;font-size:38px;line-height:1.2;color:#394b77}
#board .hint-guide{position:absolute;inset:0;pointer-events:none;z-index:4;width:100%;height:100%;overflow:visible}
.hint-guide .hint-route{stroke:#ffe74e;stroke-width:4;stroke-dasharray:5 8;stroke-linecap:round;fill:none;opacity:.75;filter:drop-shadow(0 1px 1px #543d77)}
.hint-guide circle{fill:none;stroke:#ffe74e;stroke-width:4;animation:hint-pulse .9s ease-in-out infinite}
.hint-guide .hint-hand{filter:drop-shadow(0 3px 2px #23346788)}
@keyframes hint-pulse{50%{opacity:.45;stroke-width:7}}
#collection-win{background:radial-gradient(ellipse at top,#46bbef,#5541e4 72%);z-index:45;padding:16px;overflow:hidden}
.collection-win-shell{position:relative;z-index:1;width:100%;max-width:370px;text-align:center}
#collection-win-title{font-size:28px;color:white;text-shadow:0 3px #452784;margin:0 0 10px}
#collection-win-cover{display:block;margin:auto;width:170px;height:85px;object-fit:cover;border:3px solid #ffe785;border-radius:18px}
.collection-win-stars{font-size:34px;line-height:1.2;color:#ffe64c;text-shadow:0 3px #a06116;letter-spacing:4px}
.collection-win-shell>p{color:white;margin:4px 0 12px;font-size:14px}
#collection-win-places{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#collection-win-places figure{margin:0;overflow:hidden;background:#eee9ff;border:2px solid white;border-radius:12px}
#collection-win-places figure:last-child{grid-column:1/3;width:49%;justify-self:center}
#collection-win-places img{display:block;width:100%;height:72px;object-fit:cover;filter:none}
#collection-win-places figcaption{font-size:13px;line-height:1.2;padding:4px;color:#3e3868}
#collection-win-continue{min-height:44px;margin-top:12px}
#collection-win-confetti{position:absolute;inset:0;pointer-events:none}
#collection-win-confetti i{position:absolute;left:var(--x);top:-20px;width:8px;height:14px;opacity:0}
.collection-celebrating #collection-win-confetti i{animation:album-confetti 3.5s var(--delay) ease-out forwards}
.collection-celebrating .collection-win-stars{animation:album-stars .8s ease-out both}
@keyframes album-confetti{10%{opacity:1}to{transform:translateY(760px) rotate(650deg);opacity:0}}
@keyframes album-stars{from{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}
@media(max-height:620px){#collection-win-places img{height:54px}#collection-win-cover{height:65px}#collection-win-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hint-guide circle,.collection-celebrating #collection-win-confetti i,.collection-celebrating .collection-win-stars{animation:none}}

/* Match the lamp's 54 x 58 footprint, including its illustrated padding. */
#hint-tools{gap:28px}
#time-button{position:relative;flex:0 0 54px;width:54px;height:58px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:white}
#hint-button{flex:0 0 54px}
#time-button:active:not(:disabled){transform:translateY(2px);box-shadow:none}
#time-button .time-booster-art{position:absolute;left:-2px;top:-3px;width:58px;height:66px;max-width:none;object-fit:fill;pointer-events:none;
clip-path:polygon(8.5% 40%,9% 36%,12% 31%,13% 26%,17% 22%,22% 19.5%,25% 18.7%,25.8% 16%,29.5% 13.7%,42.3% 14.8%,42.4% 12%,43.4% 10%,45% 9.7%,54.9% 9.7%,56.6% 10.4%,57.8% 12.2%,58% 15.6%,71.8% 16.7%,72.5% 15%,73.8% 14.6%,75% 15.3%,75.5% 13.5%,77% 13%,78.5% 13.5%,79% 15%,78.8% 17.8%,82% 17%,83.2% 17.5%,84% 19%,82.9% 20.5%,81% 21.5%,83.8% 22.5%,84.5% 24%,83.5% 26%,85.9% 29%,88.2% 33.6%,90% 38%,91.3% 43%,91.3% 76.2%,90.2% 80.5%,88% 83.5%,84.5% 86%,80% 87.8%,23% 87.8%,18.5% 86.8%,14.5% 84%,11% 80.5%,8.5% 74%)}

#hint-tools{position:relative}
#connect-button{position:relative;flex:0 0 54px;width:54px;height:58px;margin:0;padding:0;border:0;background:none;box-shadow:none;color:white}
#connect-button .connect-booster-art{position:absolute;left:1px;top:0;width:52px;height:60px;max-width:none;pointer-events:none;clip-path:polygon(3.6% 38%,5% 31%,9% 25%,13% 20%,19% 15%,18.8% 12%,19.8% 9%,22% 7.6%,41% 7.6%,43% 5.8%,46% 5.4%,53% 7%,75% 10%,80% 8.4%,83% 8.2%,85% 10%,86% 16%,87% 21%,91% 27%,94% 34%,96.2% 41%,96.2% 74%,95% 79%,92% 84%,88% 88%,82% 91.5%,22% 91.5%,16% 90%,11% 87%,7% 82%,4% 76%)}
#connect-button:active:not(:disabled){transform:translateY(2px);box-shadow:none}
.cable-picker{position:absolute;inset:0;pointer-events:none;z-index:6}
.cable-pick-arrow{position:absolute;width:44px;height:44px;padding:0;border:0;background:none;box-shadow:none;transform:translate(-50%,-100%);pointer-events:auto;touch-action:manipulation}
.cable-pick-arrow span{display:block;color:#55d8ff;font:900 36px/40px sans-serif;-webkit-text-stroke:2px #167dc3;filter:drop-shadow(0 2px 0 #09497f);animation:cable-arrow-bob .7s ease-in-out infinite alternate}
.cable-pick-arrow:active:not(:disabled){transform:translate(-50%,-100%);box-shadow:none}
#cable-pick-banner{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);width:min(260px,90vw);display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 40px 6px 12px;background:linear-gradient(#258bd4,#1561ad);border:3px solid #67d1f8;border-radius:12px;color:white;box-shadow:0 3px 0 #144a85;font-size:17px;z-index:7}
#cable-pick-cancel{position:absolute;right:6px;top:5px;width:26px;height:26px;padding:0;border-radius:50%;background:#df586e;color:white;font-size:23px;line-height:24px;box-shadow:none}
@keyframes cable-arrow-bob{to{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.cable-pick-arrow span{animation:none}}
