.balloon-stage{background:none;isolation:isolate}
.park-camera{position:absolute;inset:-8%;z-index:0;background:url('assets/balloon-chase/park-open-v172.webp') center/cover no-repeat;transform-origin:50% 24%;transition:transform .85s cubic-bezier(.22,.72,.28,1),filter .55s ease;will-change:transform}
.balloon-chase[data-balloon-phase="listening"] .park-camera,
.balloon-chase[data-balloon-phase="flying"] .park-camera,
.balloon-chase[data-balloon-phase="escaping"] .park-camera{transform:translateY(13%) scale(1.3);filter:saturate(1.04) brightness(1.03)}
.balloon-chase[data-balloon-phase="caught"] .park-camera,
.balloon-chase[data-balloon-phase="delivering"] .park-camera,
.balloon-chase[data-balloon-phase="at-stand"] .park-camera,
.balloon-chase[data-balloon-phase="exiting"] .park-camera{transform:none}

.target-sign{left:36%;top:2%;width:28%;min-height:11%;transition:opacity .25s,transform .45s}
.balloon-chase[data-balloon-phase="caught"] .target-sign,
.balloon-chase[data-balloon-phase="delivering"] .target-sign,
.balloon-chase[data-balloon-phase="at-stand"] .target-sign,
.balloon-chase[data-balloon-phase="exiting"] .target-sign{opacity:0;transform:translateY(-20px) scale(.92);pointer-events:none}
.wind-timer{right:2.2%;top:2%}

.balloon-field{inset:0;z-index:6}
.flying-balloon{width:clamp(166px,18vw,270px);height:64%;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 9px 9px #173a5555)}
.flying-balloon .balloon-body{position:relative;inset:auto;width:54%;aspect-ratio:.82;flex:0 0 auto;border:2px solid #ffffff73;border-radius:51% 51% 47% 47%/57% 57% 44% 44%;background:radial-gradient(ellipse at 24% 15%,#fff 0 3%,#ffffffd9 4% 8%,transparent 9% 19%),radial-gradient(ellipse at 72% 76%,#fff4 0 11%,transparent 31%),linear-gradient(128deg,var(--balloon-light) 0,var(--balloon) 48%,var(--balloon-dark) 100%);box-shadow:inset -17px -20px 27px #29143d42,inset 13px 14px 23px #fff5,0 3px 0 #ffffff38;overflow:hidden}
.flying-balloon .balloon-body:before{content:"";position:absolute;inset:4% 7% 5%;border-radius:50%;background:linear-gradient(105deg,transparent 58%,#ffffff24 70%,transparent 82%);pointer-events:none}
.flying-balloon .balloon-body:after{left:12%;top:8%;width:31%;height:55%;border-left:clamp(5px,.55vw,9px) solid #fffb;filter:blur(.7px)}
.flying-balloon .balloon-knot{position:relative;left:auto;bottom:auto;width:12%;margin-top:-4px;transform:none;flex:0 0 auto}
.flying-balloon .balloon-string{position:relative;left:auto;top:auto;width:2px;height:calc(var(--rope)*1%);min-height:28px;flex:0 0 auto;transform:none;background:linear-gradient(90deg,#8c693c,#f8e6bd,#8c693c);box-shadow:none}
.balloon-card{position:relative;width:100%;aspect-ratio:4/3;flex:0 0 auto;margin-top:-1px;padding:clamp(4px,.42vw,7px);border:clamp(4px,.42vw,7px) solid var(--balloon);border-radius:clamp(12px,1vw,18px);background:linear-gradient(145deg,var(--balloon-light),var(--balloon) 58%,var(--balloon-dark));box-shadow:inset 0 0 0 2px #fff8,0 8px 17px #183c5655;transform-origin:50% 0;animation:card-sway 2.4s ease-in-out infinite alternate}
.balloon-card:before{content:"";position:absolute;left:50%;top:clamp(-23px,-1.45vw,-17px);width:14px;height:14px;border:3px solid #d6a43d;border-radius:50%;background:#fff8e3;transform:translateX(-50%);box-shadow:0 1px 2px #4a321a77}
.balloon-card>span{display:block;width:100%;height:100%;overflow:hidden;border-radius:clamp(7px,.7vw,12px);background:#fff}
.balloon-card img{display:block;width:100%;height:100%;padding:3.5%;object-fit:contain;object-position:center;background:#fff}
.flying-balloon.wrong .balloon-card{box-shadow:inset 0 0 0 4px #fff,0 0 0 7px #e43d34,0 0 26px #e43d34}
.flying-balloon.caught .balloon-card{animation:card-release .34s ease-in forwards}

.balloon-coral{--balloon:#e85555;--balloon-light:#ffaaa0;--balloon-dark:#9f2637}
.balloon-gold{--balloon:#e8ac21;--balloon-light:#ffe47b;--balloon-dark:#ad6410}
.balloon-green{--balloon:#32ad70;--balloon-light:#aaf0b7;--balloon-dark:#176f4a}
.balloon-turquoise{--balloon:#10aeb8;--balloon-light:#8ef1f2;--balloon-dark:#087080}
.balloon-blue{--balloon:#237dcc;--balloon-light:#8dcbff;--balloon-dark:#174ba0}
.balloon-purple{--balloon:#8152cc;--balloon-light:#d5b5ff;--balloon-dark:#512895}
.balloon-pink{--balloon:#dc579d;--balloon-light:#ffb9df;--balloon-dark:#962b72}
.balloon-orange{--balloon:#ed7c26;--balloon-light:#ffc17e;--balloon-dark:#a74714}

.balloon-counter{left:0;top:auto;bottom:-1%;z-index:7;width:39%;height:69%;opacity:1;transition:opacity .38s ease,transform .8s cubic-bezier(.22,.72,.28,1);transform-origin:0 100%}
.capture-cart{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 9px 8px #4b321d55)}
.balloon-counter header{left:20%;right:20%;bottom:1%;z-index:4}
.earned-balloons{inset:0;height:auto;display:block;z-index:3;filter:none}
.stand-balloon{position:absolute;left:calc(var(--sx)*1%);top:calc(var(--sy)*1%);width:7%;margin:0;aspect-ratio:.82;transform:translate(-50%,-50%);animation:stand-float 3.2s ease-in-out infinite alternate;filter:drop-shadow(0 3px 2px #173a5544)}
.stand-balloon .balloon-body{inset:0 0 17%;border-width:1px;box-shadow:inset -5px -6px 8px #2a123a3b,inset 4px 5px 7px #fff5}
.stand-balloon .balloon-string{left:50%;top:88%;height:calc(var(--stand-rope)*1%);width:1px;transform:none}
.balloon-chase[data-balloon-phase="listening"] .balloon-counter,
.balloon-chase[data-balloon-phase="flying"] .balloon-counter,
.balloon-chase[data-balloon-phase="escaping"] .balloon-counter{opacity:0;transform:translate(-18%,-4%) scale(.84)}

.children-queue{left:47%;right:1%;height:47%;transition:opacity .38s ease,transform .8s cubic-bezier(.22,.72,.28,1)}
.balloon-chase[data-balloon-phase="listening"] .children-queue,
.balloon-chase[data-balloon-phase="flying"] .children-queue,
.balloon-chase[data-balloon-phase="escaping"] .children-queue{opacity:0;transform:translate(16%,6%) scale(.86)}
.handoff-marker{transition:opacity .3s}
.balloon-chase[data-balloon-phase="listening"] .handoff-marker,
.balloon-chase[data-balloon-phase="flying"] .handoff-marker,
.balloon-chase[data-balloon-phase="escaping"] .handoff-marker{opacity:0}
.child-prize{left:10%;top:-40%;width:42%;aspect-ratio:.82}
.child-prize .balloon-body{inset:0 0 17%}
.child-prize .balloon-string{left:50%;top:88%;height:56%;transform:rotate(-18deg);transform-origin:top}

@keyframes card-sway{from{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}
@keyframes card-release{to{transform:translateY(28px) rotate(5deg) scale(.82);opacity:0}}
@keyframes balloon-rise{from{transform:translate(-50%,10vh)}to{transform:translate(calc(-50% + var(--sway)),-72vh)}}
@keyframes balloon-catch{0%{transform:translate(-50%,0)}55%{left:51%;top:18%;transform:translate(-50%,0) scale(.92)}100%{left:55%;top:43%;transform:translate(-50%,0) scale(.55);opacity:1}}

@media(max-width:1100px){
  .flying-balloon{width:clamp(150px,18.2vw,200px);height:66%}
  .target-sign{left:34%;width:32%}
  .balloon-counter{width:42%;height:65%}
  .children-queue{left:44%;height:43%}
}
@media(orientation:portrait){
  .flying-balloon{width:29vw;height:48%}
  .target-sign{left:27%;top:1%;width:46%}
  .balloon-field .flying-balloon:nth-child(n+4){top:48%}
  .balloon-counter{width:52%;height:45%}
  .children-queue{left:39%;height:32%}
}
@media(prefers-reduced-motion:reduce){.park-camera,.balloon-counter,.children-queue{transition-duration:.15s}.balloon-card{animation:none}}

/* v179: brede, levensechte ballonnen met één vaste vorm voor alle kleuren */
.balloon-photo{position:relative;display:block;width:64%;aspect-ratio:.76;flex:0 0 auto;overflow:hidden;pointer-events:none}
.balloon-photo img{position:absolute;left:50%;top:-2%;display:block;width:132%;height:auto;max-width:none;transform:translateX(-50%);filter:var(--balloon-photo-filter,none);pointer-events:none}
.balloon-photo:after{content:"";position:absolute;inset:7% 3% 17%;border-radius:50% 50% 47% 47%/55% 55% 44% 44%;background:var(--balloon-pattern,none);background-size:var(--balloon-pattern-size,auto);opacity:var(--balloon-pattern-opacity,0);mix-blend-mode:screen;filter:drop-shadow(0 1px 1px #16445b55);pointer-events:none}
.flying-balloon>.balloon-string{margin-top:-2px}
.stand-balloon .balloon-photo,.child-prize .balloon-photo{width:100%;aspect-ratio:.76}
.stand-balloon .balloon-photo img,.child-prize .balloon-photo img{width:132%}
.filler-balloon{filter:drop-shadow(0 0 5px #fff7) drop-shadow(0 3px 3px #173a5544)}

.balloon-coral{--balloon:#ef5159;--balloon-light:#ffb2ae;--balloon-dark:#a9253c;--balloon-photo-filter:none}
.balloon-orange{--balloon:#ef7b24;--balloon-light:#ffc17c;--balloon-dark:#a84612;--balloon-photo-filter:hue-rotate(25deg) saturate(1.08) brightness(1.06)}
.balloon-yellow{--balloon:#e6bc20;--balloon-light:#fff28b;--balloon-dark:#a77908;--balloon-photo-filter:hue-rotate(54deg) saturate(1.12) brightness(1.16)}
.balloon-lime{--balloon:#93c92d;--balloon-light:#dcff91;--balloon-dark:#548d13;--balloon-photo-filter:hue-rotate(82deg) saturate(1.03) brightness(1.11)}
.balloon-green{--balloon:#30ae68;--balloon-light:#a8f0b3;--balloon-dark:#176e46;--balloon-photo-filter:hue-rotate(118deg) saturate(1.05) brightness(1.03)}
.balloon-mint{--balloon:#62d2ad;--balloon-light:#c8f9e7;--balloon-dark:#197b68;--balloon-photo-filter:hue-rotate(143deg) saturate(.72) brightness(1.23);--balloon-pattern:radial-gradient(circle,#fff 0 16%,transparent 18%);--balloon-pattern-size:25% 22%;--balloon-pattern-opacity:.72}
.balloon-turquoise{--balloon:#0ba4ad;--balloon-light:#8eecef;--balloon-dark:#075e71;--balloon-photo-filter:hue-rotate(173deg) saturate(1.28) brightness(.94);--balloon-pattern:radial-gradient(circle,transparent 0 34%,#dfffff 37% 47%,transparent 50%);--balloon-pattern-size:34% 29%;--balloon-pattern-opacity:.62}
.balloon-cyan{--balloon:#23bddc;--balloon-light:#a4efff;--balloon-dark:#087a9c;--balloon-photo-filter:hue-rotate(183deg) saturate(1.02) brightness(1.08)}
.balloon-sky{--balloon:#48a5eb;--balloon-light:#b5ddff;--balloon-dark:#2460a9;--balloon-photo-filter:hue-rotate(198deg) saturate(.88) brightness(1.14)}
.balloon-blue{--balloon:#176fc9;--balloon-light:#91c8ff;--balloon-dark:#123f91;--balloon-photo-filter:hue-rotate(216deg) saturate(1.4) brightness(.89)}
.balloon-indigo{--balloon:#5b4bc7;--balloon-light:#c0b8ff;--balloon-dark:#342681;--balloon-photo-filter:hue-rotate(246deg) saturate(.96) brightness(1.08);--balloon-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54'%3E%3Cpath fill='%23ffe27a' d='M27 7l3.5 10.7h11.3l-9.1 6.6 3.5 10.7-9.2-6.6-9.2 6.6 3.5-10.7-9.1-6.6h11.3z'/%3E%3C/svg%3E");--balloon-pattern-size:31% 28%;--balloon-pattern-opacity:.78}
.balloon-indigo .balloon-photo:after{mix-blend-mode:normal}
.balloon-purple{--balloon:#8650cf;--balloon-light:#d9b5ff;--balloon-dark:#542693;--balloon-photo-filter:hue-rotate(260deg) saturate(1.08) brightness(1.02)}
.balloon-pink{--balloon:#df62a5;--balloon-light:#ffc0e2;--balloon-dark:#982d75;--balloon-photo-filter:hue-rotate(292deg) saturate(.92) brightness(1.12)}
.balloon-magenta{--balloon:#d93696;--balloon-light:#ff9ed5;--balloon-dark:#8d1765;--balloon-photo-filter:hue-rotate(316deg) saturate(1.2) brightness(.98)}
.balloon-gold{--balloon:#d9a526;--balloon-light:#ffe89a;--balloon-dark:#8e5a0d;--balloon-photo-filter:none}
.balloon-rainbow{--balloon:#2aaec5;--balloon-light:#fff18d;--balloon-dark:#7045b7;--balloon-photo-filter:none}

/* v181: anchors are the hand and the eye, never the balloon bounding box. */
.balloon-child>img{transform:scaleX(var(--face,1))}
.cart-plane{position:absolute;left:0;bottom:0}
.balloon-counter .capture-cart{object-fit:fill}
.cart-plane .earned-balloons{position:absolute;inset:0}
.cart-plane .stand-balloon{width:calc(110px * var(--cart-scale));height:0;aspect-ratio:auto;margin:0;transform:none;translate:none;animation:none;filter:none}
.cart-plane .stand-balloon .balloon-photo{position:absolute;left:0;bottom:calc(var(--tether) * var(--cart-scale));transform:translateX(-50%);width:100%;aspect-ratio:.76}
.cart-plane .stand-balloon .balloon-string{left:0;top:auto;bottom:0;height:calc(var(--tether) * var(--cart-scale) + 3px);width:1.5px;transform:translateX(-50%);background:#f6e3bf;box-shadow:1px 0 1px #573d23}
.attachment-knot{position:absolute;left:0;top:-3px;width:7px;height:5px;border:1.5px solid #fff0ce;border-radius:50%;transform:translateX(-50%) rotate(-18deg);box-shadow:0 1px 1px #573d23}
.attachment-knot:after{content:"";position:absolute;top:2px;left:3px;width:1px;height:6px;background:#fff0ce;transform:rotate(-20deg)}
.balloon-child .child-prize{width:42%;height:0;aspect-ratio:auto;transform:none;--hand-rope:70px;filter:none}
.balloon-child .child-prize .balloon-photo{position:absolute;left:0;bottom:var(--hand-rope);width:100%;transform:translateX(-50%)}
.balloon-child .child-prize .balloon-string{left:0;top:auto;bottom:0;height:calc(var(--hand-rope) + 3px);width:1.5px;transform:translateX(-50%);background:#f6e3bf;box-shadow:1px 0 1px #573d23}
.balloon-photo img{top:-2%}
.handoff-marker{display:none}

/* Exact source alpha confines printed motifs to the balloon surface. */
.balloon-photo:after{inset:-2% 0 auto;height:100%;border-radius:0;filter:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201536%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20stop-opacity%3D%22.15%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-opacity%3D%221%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-opacity%3D%221%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%22.15%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpolygon%20fill%3D%22url%28%23g%29%22%20points%3D%22462%2C72%20440%2C76%20423%2C80%20410%2C84%20399%2C88%20388%2C92%20379%2C96%20370%2C100%20362%2C104%20354%2C108%20347%2C112%20340%2C116%20334%2C120%20327%2C124%20322%2C128%20316%2C132%20311%2C136%20306%2C140%20301%2C144%20296%2C148%20292%2C152%20288%2C156%20283%2C160%20279%2C164%20275%2C168%20272%2C172%20268%2C176%20265%2C180%20261%2C184%20258%2C188%20255%2C192%20251%2C196%20248%2C200%20245%2C204%20243%2C208%20240%2C212%20237%2C216%20234%2C220%20232%2C224%20229%2C228%20227%2C232%20225%2C236%20222%2C240%20220%2C244%20218%2C248%20216%2C252%20214%2C256%20212%2C260%20210%2C264%20208%2C268%20206%2C272%20204%2C276%20203%2C280%20201%2C284%20199%2C288%20198%2C292%20196%2C296%20195%2C300%20194%2C304%20192%2C308%20191%2C312%20190%2C316%20188%2C320%20187%2C324%20186%2C328%20185%2C332%20184%2C336%20183%2C340%20182%2C344%20181%2C348%20180%2C352%20179%2C356%20178%2C360%20178%2C364%20177%2C368%20176%2C372%20176%2C376%20175%2C380%20175%2C384%20174%2C388%20173%2C392%20173%2C396%20173%2C400%20172%2C404%20172%2C408%20172%2C412%20172%2C416%20171%2C420%20171%2C424%20171%2C428%20171%2C432%20171%2C436%20171%2C440%20171%2C444%20171%2C448%20171%2C452%20171%2C456%20171%2C460%20172%2C464%20172%2C468%20172%2C472%20173%2C476%20173%2C480%20173%2C484%20174%2C488%20174%2C492%20175%2C496%20176%2C500%20176%2C504%20177%2C508%20177%2C512%20178%2C516%20179%2C520%20180%2C524%20181%2C528%20181%2C532%20182%2C536%20183%2C540%20184%2C544%20185%2C548%20186%2C552%20187%2C556%20189%2C560%20190%2C564%20191%2C568%20192%2C572%20194%2C576%20195%2C580%20196%2C584%20198%2C588%20200%2C592%20201%2C596%20203%2C600%20204%2C604%20206%2C608%20208%2C612%20210%2C616%20211%2C620%20213%2C624%20215%2C628%20217%2C632%20219%2C636%20221%2C640%20223%2C644%20225%2C648%20228%2C652%20230%2C656%20232%2C660%20235%2C664%20237%2C668%20240%2C672%20242%2C676%20245%2C680%20247%2C684%20250%2C688%20253%2C692%20256%2C696%20258%2C700%20261%2C704%20264%2C708%20267%2C712%20270%2C716%20274%2C720%20277%2C724%20280%2C728%20283%2C732%20287%2C736%20290%2C740%20293%2C744%20297%2C748%20301%2C752%20305%2C756%20308%2C760%20312%2C764%20316%2C768%20320%2C772%20323%2C776%20328%2C780%20332%2C784%20336%2C788%20340%2C792%20344%2C796%20349%2C800%20353%2C804%20357%2C808%20362%2C812%20367%2C816%20371%2C820%20376%2C824%20380%2C828%20385%2C832%20390%2C836%20395%2C840%20399%2C844%20404%2C848%20409%2C852%20414%2C856%20419%2C860%20424%2C864%20429%2C868%20435%2C872%20441%2C876%20448%2C880%20456%2C884%20465%2C888%20476%2C892%20492%2C896%20496%2C900%20494%2C904%20520%2C904%20519%2C900%20521%2C896%20538%2C892%20549%2C888%20558%2C884%20566%2C880%20573%2C876%20579%2C872%20585%2C868%20590%2C864%20596%2C860%20601%2C856%20606%2C852%20611%2C848%20616%2C844%20621%2C840%20625%2C836%20630%2C832%20635%2C828%20639%2C824%20644%2C820%20649%2C816%20653%2C812%20658%2C808%20662%2C804%20667%2C800%20671%2C796%20676%2C792%20680%2C788%20684%2C784%20689%2C780%20693%2C776%20697%2C772%20701%2C768%20705%2C764%20709%2C760%20712%2C756%20716%2C752%20720%2C748%20723%2C744%20727%2C740%20730%2C736%20734%2C732%20737%2C728%20741%2C724%20744%2C720%20747%2C716%20750%2C712%20753%2C708%20756%2C704%20759%2C700%20762%2C696%20765%2C692%20768%2C688%20770%2C684%20773%2C680%20776%2C676%20778%2C672%20781%2C668%20783%2C664%20786%2C660%20788%2C656%20790%2C652%20793%2C648%20795%2C644%20797%2C640%20799%2C636%20801%2C632%20803%2C628%20805%2C624%20807%2C620%20809%2C616%20811%2C612%20812%2C608%20814%2C604%20816%2C600%20817%2C596%20819%2C592%20820%2C588%20822%2C584%20823%2C580%20825%2C576%20826%2C572%20827%2C568%20829%2C564%20830%2C560%20831%2C556%20832%2C552%20833%2C548%20834%2C544%20835%2C540%20836%2C536%20837%2C532%20838%2C528%20839%2C524%20840%2C520%20841%2C516%20841%2C512%20842%2C508%20843%2C504%20843%2C500%20844%2C496%20845%2C492%20845%2C488%20845%2C484%20846%2C480%20846%2C476%20846%2C472%20847%2C468%20847%2C464%20847%2C460%20847%2C456%20848%2C452%20848%2C448%20848%2C444%20848%2C440%20848%2C436%20848%2C432%20848%2C428%20848%2C424%20848%2C420%20847%2C416%20847%2C412%20847%2C408%20847%2C404%20846%2C400%20846%2C396%20845%2C392%20845%2C388%20844%2C384%20844%2C380%20843%2C376%20843%2C372%20842%2C368%20841%2C364%20840%2C360%20840%2C356%20839%2C352%20838%2C348%20837%2C344%20836%2C340%20835%2C336%20834%2C332%20833%2C328%20832%2C324%20830%2C320%20829%2C316%20828%2C312%20827%2C308%20825%2C304%20824%2C300%20822%2C296%20821%2C292%20819%2C288%20818%2C284%20816%2C280%20814%2C276%20813%2C272%20811%2C268%20809%2C264%20807%2C260%20805%2C256%20803%2C252%20801%2C248%20799%2C244%20797%2C240%20794%2C236%20792%2C232%20789%2C228%20787%2C224%20784%2C220%20782%2C216%20779%2C212%20776%2C208%20773%2C204%20771%2C200%20768%2C196%20764%2C192%20761%2C188%20758%2C184%20755%2C180%20751%2C176%20747%2C172%20744%2C168%20740%2C164%20736%2C160%20731%2C156%20727%2C152%20723%2C148%20718%2C144%20713%2C140%20708%2C136%20703%2C132%20697%2C128%20691%2C124%20685%2C120%20679%2C116%20673%2C112%20666%2C108%20658%2C104%20649%2C100%20641%2C96%20632%2C92%20621%2C88%20610%2C84%20597%2C80%20580%2C76%20560%2C72%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201536%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20stop-opacity%3D%22.15%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-opacity%3D%221%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-opacity%3D%221%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%22.15%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpolygon%20fill%3D%22url%28%23g%29%22%20points%3D%22462%2C72%20440%2C76%20423%2C80%20410%2C84%20399%2C88%20388%2C92%20379%2C96%20370%2C100%20362%2C104%20354%2C108%20347%2C112%20340%2C116%20334%2C120%20327%2C124%20322%2C128%20316%2C132%20311%2C136%20306%2C140%20301%2C144%20296%2C148%20292%2C152%20288%2C156%20283%2C160%20279%2C164%20275%2C168%20272%2C172%20268%2C176%20265%2C180%20261%2C184%20258%2C188%20255%2C192%20251%2C196%20248%2C200%20245%2C204%20243%2C208%20240%2C212%20237%2C216%20234%2C220%20232%2C224%20229%2C228%20227%2C232%20225%2C236%20222%2C240%20220%2C244%20218%2C248%20216%2C252%20214%2C256%20212%2C260%20210%2C264%20208%2C268%20206%2C272%20204%2C276%20203%2C280%20201%2C284%20199%2C288%20198%2C292%20196%2C296%20195%2C300%20194%2C304%20192%2C308%20191%2C312%20190%2C316%20188%2C320%20187%2C324%20186%2C328%20185%2C332%20184%2C336%20183%2C340%20182%2C344%20181%2C348%20180%2C352%20179%2C356%20178%2C360%20178%2C364%20177%2C368%20176%2C372%20176%2C376%20175%2C380%20175%2C384%20174%2C388%20173%2C392%20173%2C396%20173%2C400%20172%2C404%20172%2C408%20172%2C412%20172%2C416%20171%2C420%20171%2C424%20171%2C428%20171%2C432%20171%2C436%20171%2C440%20171%2C444%20171%2C448%20171%2C452%20171%2C456%20171%2C460%20172%2C464%20172%2C468%20172%2C472%20173%2C476%20173%2C480%20173%2C484%20174%2C488%20174%2C492%20175%2C496%20176%2C500%20176%2C504%20177%2C508%20177%2C512%20178%2C516%20179%2C520%20180%2C524%20181%2C528%20181%2C532%20182%2C536%20183%2C540%20184%2C544%20185%2C548%20186%2C552%20187%2C556%20189%2C560%20190%2C564%20191%2C568%20192%2C572%20194%2C576%20195%2C580%20196%2C584%20198%2C588%20200%2C592%20201%2C596%20203%2C600%20204%2C604%20206%2C608%20208%2C612%20210%2C616%20211%2C620%20213%2C624%20215%2C628%20217%2C632%20219%2C636%20221%2C640%20223%2C644%20225%2C648%20228%2C652%20230%2C656%20232%2C660%20235%2C664%20237%2C668%20240%2C672%20242%2C676%20245%2C680%20247%2C684%20250%2C688%20253%2C692%20256%2C696%20258%2C700%20261%2C704%20264%2C708%20267%2C712%20270%2C716%20274%2C720%20277%2C724%20280%2C728%20283%2C732%20287%2C736%20290%2C740%20293%2C744%20297%2C748%20301%2C752%20305%2C756%20308%2C760%20312%2C764%20316%2C768%20320%2C772%20323%2C776%20328%2C780%20332%2C784%20336%2C788%20340%2C792%20344%2C796%20349%2C800%20353%2C804%20357%2C808%20362%2C812%20367%2C816%20371%2C820%20376%2C824%20380%2C828%20385%2C832%20390%2C836%20395%2C840%20399%2C844%20404%2C848%20409%2C852%20414%2C856%20419%2C860%20424%2C864%20429%2C868%20435%2C872%20441%2C876%20448%2C880%20456%2C884%20465%2C888%20476%2C892%20492%2C896%20496%2C900%20494%2C904%20520%2C904%20519%2C900%20521%2C896%20538%2C892%20549%2C888%20558%2C884%20566%2C880%20573%2C876%20579%2C872%20585%2C868%20590%2C864%20596%2C860%20601%2C856%20606%2C852%20611%2C848%20616%2C844%20621%2C840%20625%2C836%20630%2C832%20635%2C828%20639%2C824%20644%2C820%20649%2C816%20653%2C812%20658%2C808%20662%2C804%20667%2C800%20671%2C796%20676%2C792%20680%2C788%20684%2C784%20689%2C780%20693%2C776%20697%2C772%20701%2C768%20705%2C764%20709%2C760%20712%2C756%20716%2C752%20720%2C748%20723%2C744%20727%2C740%20730%2C736%20734%2C732%20737%2C728%20741%2C724%20744%2C720%20747%2C716%20750%2C712%20753%2C708%20756%2C704%20759%2C700%20762%2C696%20765%2C692%20768%2C688%20770%2C684%20773%2C680%20776%2C676%20778%2C672%20781%2C668%20783%2C664%20786%2C660%20788%2C656%20790%2C652%20793%2C648%20795%2C644%20797%2C640%20799%2C636%20801%2C632%20803%2C628%20805%2C624%20807%2C620%20809%2C616%20811%2C612%20812%2C608%20814%2C604%20816%2C600%20817%2C596%20819%2C592%20820%2C588%20822%2C584%20823%2C580%20825%2C576%20826%2C572%20827%2C568%20829%2C564%20830%2C560%20831%2C556%20832%2C552%20833%2C548%20834%2C544%20835%2C540%20836%2C536%20837%2C532%20838%2C528%20839%2C524%20840%2C520%20841%2C516%20841%2C512%20842%2C508%20843%2C504%20843%2C500%20844%2C496%20845%2C492%20845%2C488%20845%2C484%20846%2C480%20846%2C476%20846%2C472%20847%2C468%20847%2C464%20847%2C460%20847%2C456%20848%2C452%20848%2C448%20848%2C444%20848%2C440%20848%2C436%20848%2C432%20848%2C428%20848%2C424%20848%2C420%20847%2C416%20847%2C412%20847%2C408%20847%2C404%20846%2C400%20846%2C396%20845%2C392%20845%2C388%20844%2C384%20844%2C380%20843%2C376%20843%2C372%20842%2C368%20841%2C364%20840%2C360%20840%2C356%20839%2C352%20838%2C348%20837%2C344%20836%2C340%20835%2C336%20834%2C332%20833%2C328%20832%2C324%20830%2C320%20829%2C316%20828%2C312%20827%2C308%20825%2C304%20824%2C300%20822%2C296%20821%2C292%20819%2C288%20818%2C284%20816%2C280%20814%2C276%20813%2C272%20811%2C268%20809%2C264%20807%2C260%20805%2C256%20803%2C252%20801%2C248%20799%2C244%20797%2C240%20794%2C236%20792%2C232%20789%2C228%20787%2C224%20784%2C220%20782%2C216%20779%2C212%20776%2C208%20773%2C204%20771%2C200%20768%2C196%20764%2C192%20761%2C188%20758%2C184%20755%2C180%20751%2C176%20747%2C172%20744%2C168%20740%2C164%20736%2C160%20731%2C156%20727%2C152%20723%2C148%20718%2C144%20713%2C140%20708%2C136%20703%2C132%20697%2C128%20691%2C124%20685%2C120%20679%2C116%20673%2C112%20666%2C108%20658%2C104%20649%2C100%20641%2C96%20632%2C92%20621%2C88%20610%2C84%20597%2C80%20580%2C76%20560%2C72%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:132% auto;mask-size:132% auto;-webkit-mask-position:center top;mask-position:center top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;clip-path:inset(0 0 12%)}
.balloon-counter header.cart-progress{left:35%;right:auto;top:67%;bottom:auto;width:40%;height:20%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:6px 8px;transform:rotate(-2deg);border:3px solid #c78a35;border-radius:12px;background:linear-gradient(#fff9da,#ffe8a8);box-shadow:0 3px 0 #77491d,inset 0 0 0 2px #fff9e1;color:#563411;text-shadow:none;font-family:inherit}
.cart-counts{display:flex;justify-content:space-around;width:100%;gap:4px}
.cart-counts span{display:flex;flex-direction:column;align-items:center;font-size:clamp(8px,.76vw,13px);font-weight:700;white-space:nowrap}
.cart-counts b{font-size:clamp(16px,1.7vw,28px);line-height:1;color:#245c70}
.cart-lamps{display:flex;justify-content:center;gap:3px;width:100%}
.cart-lamp{display:block;width:clamp(5px,.55vw,10px);aspect-ratio:.8;border-radius:50%;background:#b7a88d;border:1px solid #927a54;box-shadow:inset 1px 1px 2px #675336}
.cart-lamp.lit{background:radial-gradient(circle at 30% 25%,#fff9d1,#ffc738 55%,#ed8a16);border-color:#c47a14;box-shadow:0 0 5px #ffb600}

.balloon-chase[data-balloon-phase="celebrating"] .balloon-counter{left:15%;bottom:3%;width:70%;height:90%;opacity:1;transform:none;animation:cart-finale-in 1.2s ease both}
@keyframes cart-finale-in{from{opacity:.5;transform:translate(-20%,15%) scale(.6)}to{opacity:1;transform:none}}
.balloon-chase[data-balloon-phase="celebrating"] .cart-plane{left:50%;transform:translateX(-50%)}
.balloon-chase[data-balloon-phase="celebrating"] .park-camera{filter:blur(2px) brightness(.85)}
.balloon-chase[data-balloon-phase="celebrating"] :is(.children-queue,.balloon-field,.target-sign,.wind-timer,.balloon-status){display:none}
.cart-fountain{position:absolute;left:51.4%;top:5%;width:0;height:0;z-index:5;pointer-events:none}
.cart-fountain i{position:absolute;width:5px;height:9px;border-radius:50%;background:#fff8b0;box-shadow:0 0 6px #ffed86,0 0 12px #ff9d00;animation:cart-firework var(--duration) var(--delay) linear infinite}
@keyframes cart-firework{0%{transform:translate(0,0);opacity:1}65%{transform:translate(calc(var(--dx)*.7),calc(-1*var(--rise))) scale(.7);opacity:1}100%{transform:translate(var(--dx),calc(-.7*var(--rise))) scale(.1);opacity:0}}
.final-balloon-actions{position:absolute;inset:0;z-index:12;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 5%}
.final-balloon{position:relative;width:22%;max-width:280px;border:0;background:none;padding:0;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 8px 9px #17344a66);transition:transform .2s}
.final-balloon:hover{transform:translateY(-8px) scale(1.03)}
.final-balloon:focus-visible{outline:4px solid white;outline-offset:8px;border-radius:45%}
.final-balloon .balloon-photo{width:100%;filter:drop-shadow(0 0 12px #fff7)}
.final-label{position:absolute;top:29%;left:12%;width:76%;text-align:center;display:flex;flex-direction:column;color:#18364c;font-size:clamp(14px,1.8vw,30px);font-weight:900;line-height:1.2;text-shadow:0 1px 3px white,0 -1px 3px white}
.final-label b{font-size:clamp(30px,4vw,60px);line-height:1.1}
.festive-ribbon{position:absolute;left:48%;top:94%;width:8%;height:27%;border-left:4px solid #ffe596;border-right:3px solid #fff6d2;border-radius:50%;transform:rotate(8deg)}
@media(orientation:portrait){.final-balloon-actions{align-items:flex-end;padding-bottom:8%}.final-balloon{width:28%}.balloon-chase[data-balloon-phase="celebrating"] .balloon-counter{bottom:20%;height:75%;width:90%;left:5%}}

/* v184: larger cart balloons, original panel visible, source-coordinate fountain. */
.cart-plane .stand-balloon{width:calc(170px * var(--cart-scale))}
.balloon-counter header.cart-progress{left:40.6%;top:71.5%;width:27%;height:11%;background:none;border:0;border-radius:0;box-shadow:none;padding:0;gap:0;transform:rotate(-2deg)}
.cart-counts{height:100%;justify-content:space-between;align-items:center}
.cart-counts span{width:35%;font-size:clamp(6px,.6vw,11px);white-space:normal;line-height:1.05;text-transform:none;color:#633414;text-shadow:0 1px #fff9}
.cart-counts b{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:#753817;font-family:Georgia,serif;font-size:clamp(18px,1.65vw,32px)}
.cart-lamps{position:absolute;top:105%;left:0;gap:2px}
.cart-lamp{width:clamp(3px,.4vw,7px)}
.cart-fountain{left:50%;top:2.5%;z-index:0}
.cart-fountain i{left:-2px;background:var(--spark);box-shadow:0 0 5px #fff,0 0 10px var(--spark);width:4px;height:11px}
.cart-plane .capture-cart{z-index:1}
.final-balloon{animation:final-balloon-bob 3.7s ease-in-out infinite}
.final-balloon:nth-child(2){animation-delay:-1.8s}
@keyframes final-balloon-bob{0%,100%{translate:0 8px}50%{translate:0 -10px}}
.festive-string{position:absolute;left:43%;top:94%;width:14%;height:29%;overflow:visible;pointer-events:none}
.festive-string path{fill:none;stroke:#fff0cd;stroke-width:1.7;filter:drop-shadow(1px 0 1px #715332)}
@media(prefers-reduced-motion:reduce){.final-balloon{animation-duration:7s}}
.balloon-counter header.cart-progress .cart-counts b{color:#63300f!important;text-shadow:0 1px 1px #fff!important;min-width:0!important;width:auto!important;height:auto!important;line-height:1!important;border-radius:0!important}.cart-counts span{justify-content:flex-start}.cart-counts b{transform:translateY(-3px)}

/* Each complete balloon/string assembly occupies one depth layer. */
.cart-plane .stand-balloon{isolation:isolate}
.cart-plane .stand-balloon .balloon-photo{z-index:2}
.cart-plane .stand-balloon .balloon-string,.cart-plane .stand-balloon .attachment-knot{z-index:1}
/* Recessed enamel counters inside the existing gold panel frame. */
.balloon-counter header.cart-progress{left:41%;top:71.5%;width:26.5%;height:10.8%}
.balloon-counter .cart-counts{align-items:stretch;gap:28%}
.balloon-counter .cart-counts span{width:36%;flex:0 0 36%;box-sizing:border-box;justify-content:center;align-items:center;background:linear-gradient(100deg,#e8d2aa,#fff5d9 35%,#f5e5c4);border:1px solid #b78a45;border-radius:22% / 16%;box-shadow:inset 1px 1px 3px #78502555;gap:1px;padding:2px 0;white-space:nowrap;font-family:Arial,sans-serif;font-size:clamp(5px,.5vw,9px);line-height:1.1}
.balloon-counter header.cart-progress .cart-counts b{font-family:Arial,sans-serif;font-size:clamp(14px,1.5vw,27px);font-weight:800;transform:none}
.balloon-counter .cart-counts span:last-child{font-size:clamp(5px,.46vw,8px)}

/* Children pass in front of the cart and leave only through the screen edge. */
.children-queue{z-index:9;overflow:visible}
.balloon-child.exiting{animation:child-exit-visible 2.6s linear forwards;opacity:1}
@keyframes child-exit-visible{from{transform:translateX(-20vw);opacity:1}to{transform:translateX(var(--exit-x,-85vw));opacity:1}}
/* One continuous enamel panel, with no decorative overlays or inset boxes. */
.balloon-counter header.cart-progress{left:41%;top:71.5%;width:26.5%;height:10.8%;padding:0;background:none;border:0;box-shadow:none}
.balloon-counter .cart-counts{gap:6%;align-items:center;justify-content:space-between}
.balloon-counter .cart-counts span{width:47%;flex-basis:47%;background:none;border:0;box-shadow:none;border-radius:0;padding:0;font-size:clamp(6px,.65vw,12px);white-space:nowrap;gap:1px}
.balloon-counter .cart-counts span:last-child{font-size:clamp(6px,.6vw,11px)}
.balloon-counter header.cart-progress .cart-counts b{font-family:Arial,sans-serif;font-size:clamp(16px,1.7vw,30px)}

.cart-panel-art{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;clip-path:polygon(40% 70%,69% 69%,69% 83%,40% 84%)}

/* v232: the approved harbor-square composition is the stable game world. */
.balloon-stage{background:#8fd8ff}
.park-camera{inset:0;background:url('assets/balloon-chase/feestplein-v232.webp') center/cover no-repeat;transform:none!important;filter:none!important}
.balloon-counter,.children-queue,.handoff-marker{display:none!important}
.target-sign{left:2.2%;top:4%;width:26%;min-height:12%;padding:clamp(8px,.8vw,14px);border-width:clamp(4px,.4vw,7px);background:linear-gradient(180deg,#fffdf2f2,#ffe9b9f2)}
.target-sign small{font-size:clamp(10px,1vw,15px)}
.target-sign strong{font-size:clamp(19px,2.15vw,39px)}
.hunt-progress{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(2px,.3vw,5px);max-width:90%;margin-top:7px}
.hunt-progress i{width:clamp(5px,.48vw,9px);aspect-ratio:1;border-radius:50%;background:#b8b1a1;border:1px solid #856a44;box-shadow:inset 0 1px 2px #6b5636}
.hunt-progress i.caught{background:#ffbd29;border-color:#b76a11;box-shadow:0 0 6px #ffcf45,inset 0 1px #fff5b0}
.wind-timer{right:2.2%;top:3%;width:clamp(68px,6.4vw,108px)}
.flying-balloon{width:clamp(155px,15vw,245px);height:61%}
.flying-balloon .balloon-photo{width:58%}
.balloon-knot-link{position:relative;width:22%;height:calc(var(--rope)*.72%);min-height:25px;flex:0 0 auto;margin-top:-7px;z-index:3}
.balloon-knot-link:before{content:"";position:absolute;left:50%;top:0;width:13px;height:9px;border:3px solid #76502d;border-radius:50%;background:#f7d483;transform:translateX(-50%);box-shadow:0 1px 2px #3d2b1d88}
.balloon-knot-link i:before,.balloon-knot-link i:after{content:"";position:absolute;top:7px;height:calc(100% - 5px);width:2px;background:linear-gradient(90deg,#6f4a29,#f4d59a,#6f4a29);transform-origin:top}
.balloon-knot-link i:before{left:42%;transform:rotate(5deg)}
.balloon-knot-link i:after{right:42%;transform:rotate(-5deg)}
.balloon-card{width:100%;margin-top:-1px;border-width:clamp(4px,.35vw,6px);animation:card-sway 2.8s ease-in-out infinite alternate}
.balloon-card:before{display:none}
.flying-balloon.caught{animation:balloon-catch-v232 .85s ease-in forwards!important}
@keyframes balloon-catch-v232{to{left:51%;top:52%;transform:translate(-50%,0) scale(.48);opacity:.25}}

.balloon-chase[data-balloon-phase="celebrating"] .park-camera{filter:brightness(.9) saturate(1.08)!important}
.balloon-chase[data-balloon-phase="celebrating"] .balloon-counter{display:none!important}
.balloon-finale-message{position:absolute;left:50%;top:7%;z-index:14;transform:translateX(-50%);width:min(630px,56%);padding:clamp(12px,1.4vw,24px);display:flex;flex-direction:column;align-items:center;border:4px solid #d29b4b;border-radius:18px;background:linear-gradient(#fff6d9f5,#f4d18ff5);box-shadow:0 7px 18px #39220d77,inset 0 0 0 2px #fff8d7;color:#5a3518;text-align:center}
.balloon-finale-message b{font-size:clamp(24px,3vw,52px)}
.balloon-finale-message span{font-size:clamp(16px,1.7vw,28px);font-weight:800}
.finale-sky{position:absolute;inset:0;z-index:10;overflow:hidden;pointer-events:none}
.finale-sky>span{position:absolute;left:calc(7% + var(--i)*12.2%);bottom:-22%;width:clamp(70px,8vw,140px);animation:finale-rise calc(5s + var(--i)*.25s) calc(var(--i)*-.37s) linear infinite}
.finale-sky .balloon-photo{width:100%}
@keyframes finale-rise{to{transform:translateY(-125vh) rotate(5deg)}}
.final-balloon-actions{align-items:flex-end;justify-content:center;gap:3%;padding:0 5% 2%}
.final-balloon{width:min(330px,28%);max-width:none;min-height:clamp(74px,9vw,118px);padding:12px 18px;border:4px solid #a87838;border-radius:20px;background:linear-gradient(#ffe7ae,#d9a25a);box-shadow:0 5px 0 #71461f,inset 0 0 0 2px #fff0c5;animation:none;display:flex;align-items:center;justify-content:center;gap:12px}
.final-balloon:nth-child(2){background:linear-gradient(#9fd9d3,#3c8985);border-color:#d4aa5d;color:#fff8db}
.final-balloon .final-label{position:static;width:auto;color:inherit;font-size:clamp(19px,2vw,32px);text-shadow:0 1px #fff8;font-weight:900}
.final-balloon .child-action-icon{width:clamp(48px,5vw,72px);height:clamp(48px,5vw,72px)}
.final-balloon[data-soft-cue]{outline-offset:5px!important}
.intro-balloon-demo{display:flex;flex-direction:column;align-items:center;gap:0}
.intro-balloon-demo>span{font-size:clamp(60px,11vmin,120px);line-height:.8}
.intro-balloon-demo .intro-photo{position:relative;margin-top:5px}
.intro-balloon-demo .intro-photo:before{content:"";position:absolute;left:50%;bottom:100%;height:22px;border-left:3px solid #93642e}
@media(max-width:1000px){.flying-balloon{width:clamp(138px,18vw,190px)}.target-sign{width:29%}}
@media(prefers-reduced-motion:reduce){.finale-sky>span{animation-duration:10s}.balloon-knot-link i:before,.balloon-knot-link i:after{transform:none}}

/* v233: highlight the objects themselves and keep every choice in view. */
.flying-balloon[data-soft-cue]{outline:0!important}
.flying-balloon[data-soft-cue]:focus-visible{outline:0!important}
.flying-balloon[data-soft-cue] .balloon-photo{
  border-radius:50%;
  animation:balloon-choice-glow 1.8s ease-in-out infinite;
}
.flying-balloon[data-soft-cue] .balloon-card{
  box-shadow:inset 0 0 0 3px #fff,0 4px 10px #203d5066,0 0 0 4px #ffe083b8,0 0 18px #fff0a9c9;
}
@keyframes balloon-choice-glow{
  0%,100%{filter:drop-shadow(0 0 3px #fff5b8)}
  50%{filter:drop-shadow(0 0 12px #ffd54f) drop-shadow(0 0 5px #fff)}
}
@keyframes balloon-rise{
  from{transform:translate(-50%,4vh)}
  to{transform:translate(calc(-50% + var(--sway)),-4vh)}
}
.balloon-chase.time-almost-up .flying-balloon .balloon-photo{animation:balloon-hurry .55s ease-in-out infinite alternate}
.balloon-chase.time-almost-up .wind-timer{filter:drop-shadow(0 0 12px #ffdf72) drop-shadow(0 0 7px #e84b35)}
@keyframes balloon-hurry{
  from{transform:rotate(-2deg) scale(1);filter:drop-shadow(0 0 7px #ffd65a)}
  to{transform:rotate(2deg) scale(1.045);filter:drop-shadow(0 0 16px #ff9e4a)}
}
.flying-balloon.escaping{animation:balloon-escape-v233 .95s cubic-bezier(.3,.15,.55,1) forwards!important}
@keyframes balloon-escape-v233{
  0%{transform:translate(-50%,0) rotate(0);opacity:1}
  18%{transform:translate(calc(-50% - 10px),5px) rotate(-4deg);opacity:1}
  36%{transform:translate(calc(-50% + 12px),-5px) rotate(5deg);opacity:1}
  100%{top:-52%;transform:translate(calc(-50% + var(--sway)*2),-20vh) rotate(12deg);opacity:.15}
}

/* The spoken introduction uses the same recognizable world as the game. */
.check-game.intro-game .intro-card{background:url('assets/balloon-chase/feestplein-v232.webp') center/cover no-repeat;border-color:#f5d293;box-shadow:0 14px 34px #291b124f,inset 0 0 0 3px #fff7d0}
.check-game.intro-game .intro-demo{width:min(470px,48%);height:58%;justify-self:start;align-self:start;margin:2% 0 0 3%;border:4px solid #d39a4b;background:linear-gradient(#fffdf3f2,#ffe7b9f2);box-shadow:0 8px 18px #3b261766,inset 0 0 0 2px #fff8d4}
.check-game.intro-game .intro-listen-cue{padding:5px 15px;border-radius:30px;background:#fff5d9e8;box-shadow:0 3px 8px #3b261744}
.check-game.intro-game .intro-start{min-width:250px;border:3px solid #ecc266;box-shadow:0 5px 0 #285c43,0 0 18px #fff1a9}
@media(max-width:1000px){.check-game.intro-game .intro-demo{width:52%;height:55%}}