:root{--bg: #fdf6e3;--ink: #1d1a2f;--teal: #00b3a4;--purple: #6c3ce0;--yellow: #ffc93c;--orange: #ff6f3c;--blue: #3a86ff;--line: 3px solid var(--ink);--shadow: 5px 5px 0 var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Fredoka,system-ui,sans-serif;color:var(--ink);background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg fill='none' stroke-width='4' stroke-linecap='round' opacity='.35'%3E%3Cpath d='M20 40q10-14 20 0t20 0' stroke='%2300b3a4'/%3E%3Cpath d='M160 30l14 24h-28z' stroke='%236c3ce0'/%3E%3Cpath d='M40 170l12 12 12-12 12 12' stroke='%23ff6f3c'/%3E%3Cpath d='M170 160q10-14 20 0t20 0' stroke='%233a86ff'/%3E%3C/g%3E%3Cg opacity='.4'%3E%3Ccircle cx='110' cy='100' r='6' fill='%23ffc93c'/%3E%3Ccircle cx='210' cy='220' r='5' fill='%2300b3a4'/%3E%3Ccircle cx='90' cy='220' r='4' fill='%236c3ce0'/%3E%3C/g%3E%3C/svg%3E")}main{overflow-x:clip;display:flex;flex-direction:column;align-items:center;padding:28px 16px 48px;text-align:center}h1{font:400 clamp(1.7rem,8.5vw,4rem) "Bungee","Fredoka",sans-serif;margin:0;line-height:1;color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg)}h1 span{color:var(--teal)}.sub{margin:14px 0 44px;font-size:1.1rem;font-weight:600}.stage{position:relative;width:min(460px,calc(100vw - 72px));aspect-ratio:1}.wheel{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 4px var(--ink),0 0 0 14px var(--purple),0 0 0 17px var(--ink),9px 9px 0 17px var(--ink)}.wheel-clip{width:100%;height:100%;border-radius:50%;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)}.disc{display:block;width:100%;height:100%;will-change:transform}.pointer{position:absolute;top:-40px;left:50%;transform:translate(-50%);transform-origin:50% 20%;font-size:52px;line-height:1;color:var(--yellow);-webkit-text-stroke:3px var(--ink);z-index:3}.hub{position:absolute;top:31%;right:31%;bottom:31%;left:31%;border-radius:50%;border:6px solid var(--ink);padding:0;overflow:hidden;background:var(--yellow);cursor:pointer;box-shadow:0 0 0 5px #fff,0 0 0 8px var(--ink);z-index:2}.hub:disabled{cursor:default}.hub img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .35s ease,transform .35s ease}.hub img.on{opacity:1;transform:scale(1)}.hub-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:400 1.5rem Bungee,sans-serif;color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);background:#1d1a2f59}.hub.win{animation:hub-pop .6s cubic-bezier(.2,1.8,.4,1);box-shadow:0 0 0 5px var(--yellow),0 0 0 8px var(--ink),0 0 50px 16px #ffc93ccc}.spin{margin-top:44px;font:400 1.4rem Bungee,sans-serif;color:var(--ink);background:var(--yellow);border:var(--line);border-radius:999px;padding:14px 44px;cursor:pointer;box-shadow:0 6px 0 var(--ink);transition:transform .1s,box-shadow .1s}.spin:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 0 var(--ink)}.spin:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}.spin:disabled{opacity:.55;cursor:default}.card{position:relative;width:min(440px,100%);margin-top:30px;background:#fff;border:var(--line);border-radius:22px;padding:20px 20px 14px;box-shadow:8px 8px 0 var(--ink);animation:slide-up .5s cubic-bezier(.2,1.3,.4,1);overflow:hidden;scroll-margin-bottom:16px}.meet{display:inline-block;margin:0 0 14px;padding:4px 14px;font:400 .95rem Bungee,sans-serif;background:var(--teal);color:#fff;border:var(--line);border-radius:10px;transform:rotate(-2deg)}.who{display:flex;align-items:center;gap:14px;text-align:left;margin-bottom:12px}.who img{width:96px;height:96px;flex:none;object-fit:cover;border-radius:50%;border:var(--line);box-shadow:3px 3px 0 var(--ink);cursor:zoom-in}.card h2{margin:0;font:400 1.7rem Bungee,sans-serif;line-height:1.1;color:var(--purple)}.age{margin:4px 0 0;font-weight:600;opacity:.7}.bubble{display:inline-block;margin:0 0 12px;padding:6px 14px;background:var(--yellow);border:var(--line);border-radius:16px 16px 16px 4px;font-weight:700}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px}.tags span{padding:2px 12px;border:2px solid var(--ink);border-radius:999px;font-size:.85rem;font-weight:700;color:#fff}.tags span:nth-child(1){background:var(--orange);transform:rotate(-3deg)}.tags span:nth-child(2){background:var(--blue);transform:rotate(2deg)}.tags span:nth-child(3){background:var(--purple);transform:rotate(-1deg)}.story{margin:0;line-height:1.45}.facts{list-style:none;padding:0;margin:14px 0 0;text-align:left;display:grid;gap:8px}.facts li{border:2px solid var(--ink);border-radius:12px;padding:8px 12px;font-size:.92rem;line-height:1.35}.facts li:nth-child(1){background:#d9f5f2}.facts li:nth-child(2){background:#fff1c9}.facts li:nth-child(3){background:#e7defc}.facts li:nth-child(4){background:#ffe0d3}.facts b{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.credit{display:block;margin-top:14px;font-size:.75rem;color:inherit;opacity:.5}.hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hearts i{position:absolute;bottom:-30px;font-style:normal;font-size:22px;animation:float 2.4s ease-out forwards}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;justify-items:center;padding:16px;background:#1d1a2f99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out}.lightbox img{width:min(520px,92vw);aspect-ratio:1;object-fit:cover;border-radius:24px;border:5px solid var(--ink);box-shadow:0 0 0 6px var(--yellow),12px 12px 0 6px var(--ink)}.lightbox p{margin:22px 0 0;font:400 1.8rem Bungee,sans-serif;color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink)}.review{padding:20px 16px 60px}.review header{text-align:center;margin-bottom:20px}.review header .spin{margin-top:8px}.review .link{background:none;border:none;text-decoration:underline;cursor:pointer;font:inherit;margin-left:12px}.review .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.review figure{position:relative;margin:0;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:6px}.review figure img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s;display:block}.review figure.rotated{background:var(--yellow)}.review figure.removed{background:var(--orange)}.review figure.removed img{opacity:.25}.review figure button{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);background:#fff;font-weight:700;cursor:pointer}.review figcaption{font-size:.75rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}}@keyframes hub-pop{40%{transform:scale(1.25)}}@keyframes float{to{transform:translateY(-560px) rotate(25deg);opacity:0}}