.cg-game{color:#29213e;gap:14px;max-width:1180px;margin:0 auto 20px;display:grid}.cg-heading,.cg-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cg-heading{justify-content:space-between}.cg-heading h2{margin:0;font-size:clamp(1.25rem,2.6vw,1.85rem)}.cg-heading p,.cg-note{color:#635b73;margin:4px 0 0;font-weight:600}.cg-heading label{gap:4px;font-size:.88rem;font-weight:800;display:grid}.cg-heading select{min-height:38px;color:inherit;font:inherit;background:#fff;border:2px solid #b8a9d8;border-radius:10px;padding:0 8px;font-weight:800}.cg-avatar{color:#fff;text-shadow:0 1px 2px #3b294b;border:3px solid #fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1rem;font-weight:900;display:inline-grid;overflow:hidden;box-shadow:0 2px #2219355c}.cg-avatar img{object-fit:cover;width:100%;height:100%}.cg-pair-deck{border:5px solid #382950;border-radius:24px;position:relative;overflow:hidden}.cg-result{z-index:20;background:#fff9d5;border:5px solid #382950;border-radius:22px;align-items:center;gap:12px;max-width:min(90%,670px);padding:15px 24px;animation:.45s both cg-pop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 13px #261d2b40}.cg-result .cg-avatar{width:65px;height:65px}.cg-result strong{text-align:center;font-size:clamp(1.2rem,4vw,2.7rem)}.cg-pair-deck{background:linear-gradient(135deg,#e6d9ff,#fff4d9);flex-wrap:wrap;justify-content:center;gap:9px;min-height:116px;padding:18px;display:flex}.cg-photo-card{background:#fff;border:2px solid #8067aa;border-radius:14px;justify-items:center;gap:4px;width:92px;padding:8px 4px;display:grid;box-shadow:0 4px #8067aa}.cg-photo-card .cg-avatar{width:55px;height:55px}.cg-photo-card b{text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-size:.72rem;overflow:hidden}.cg-pair-deck.is-shuffling .cg-photo-card{animation:cg-card .35s ease-in-out calc(var(--card-index) * -.03s) infinite alternate}.cg-groups{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px;display:grid}.cg-groups article{background:#fff;border:3px solid #4f3b73;border-radius:16px;padding:13px;box-shadow:0 5px #c9b3eb}.cg-groups h3{margin:0 0 8px;font-size:1rem}.cg-groups article>div{align-items:center;gap:8px;padding:4px 0;font-weight:750;display:flex}.cg-groups .cg-avatar{border-width:1px;width:31px;height:31px;font-size:.65rem}@keyframes cg-pop{0%{opacity:0;scale:.4}}@keyframes cg-card{to{transform:translate(9px,-13px)rotate(8deg)}}@media (max-width:520px){.cg-result{padding:12px}}@media (prefers-reduced-motion:reduce){.cg-game *,.cg-game :before,.cg-game :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.bd-yard{aspect-ratio:16/9;isolation:isolate;touch-action:manipulation;background:#e8c38c;border:5px solid #382950;border-radius:24px;width:100%;position:relative;overflow:hidden}.bd-scenery{z-index:0;width:100%;height:100%;position:absolute;inset:0}.bd-duck,.bd-catcher{transform:translate(-50%, -100%) scale(var(--bd-scale,1));transform-origin:50% 100%;will-change:left, top, transform;position:absolute;top:60%;left:50%}.bd-duck{justify-items:center;width:clamp(54px,7.5vw,104px);display:grid}.bd-duck-body{width:100%;transform:scaleX(var(--bd-face,1));animation:.42s ease-in-out infinite alternate bd-waddle;position:relative}.bd-duck-svg{filter:drop-shadow(0 3px #5b431940);width:100%;display:block}.bd-duck-feet{animation:.42s steps(2,end) infinite bd-feet}.bd-duck-avatar{aspect-ratio:1;width:34%;height:auto;transform:scaleX(var(--bd-face,1));border-width:2px;font-size:clamp(.5rem,1vw,.8rem);position:absolute;top:38%;left:30%}.bd-duck b{color:#3b2a10;text-overflow:ellipsis;white-space:nowrap;background:#fffbea;border:2px solid #5b4319;border-radius:999px;max-width:130%;margin-top:-4px;padding:1px 7px;font-size:clamp(.58rem,1.1vw,.85rem);font-weight:800;overflow:hidden}.bd-duck.is-caught .bd-duck-body{animation:.18s ease-in-out infinite alternate bd-flap}.bd-duck.is-caught b{background:#fde047;border-color:#b45309}.bd-catcher{width:clamp(80px,10vw,140px)}.bd-catcher-svg{width:100%;transform:scaleX(var(--bd-face,1));transform-origin:50% 100%;animation:.9s ease-in-out infinite alternate bd-stagger;display:block}.bd-arms{transform-origin:60px 74px;animation:.7s ease-in-out infinite alternate bd-grope}.bd-leg-a{transform-origin:50px 118px;animation:.5s ease-in-out infinite alternate bd-step}.bd-leg-b{transform-origin:70px 118px;animation:.5s ease-in-out -.25s infinite alternate bd-step}.bd-yard.is-ready .bd-catcher-svg,.bd-yard.is-ready .bd-leg-a,.bd-yard.is-ready .bd-leg-b{animation-play-state:paused}.bd-catcher.is-lunging .bd-catcher-svg{animation:.4s ease-out bd-lunge}.bd-miss{z-index:2000;color:#b91c1c;opacity:0;pointer-events:none;background:#fff;border:3px solid #7f1d1d;border-radius:999px;padding:6px 18px;font-size:clamp(1rem,2.4vw,1.8rem);font-weight:900;position:absolute;top:8%;left:50%;transform:translate(-50%)}.bd-miss.is-show{animation:1.1s ease-out bd-miss}.bd-yard .cg-result{z-index:3000}@keyframes bd-waddle{0%{translate:0;rotate:-6deg}to{translate:0 -4%;rotate:6deg}}@keyframes bd-feet{50%{transform:translate(3px)}}@keyframes bd-flap{to{translate:0 -10%;rotate:10deg}}@keyframes bd-stagger{0%{rotate:-5deg}to{rotate:6deg}}@keyframes bd-grope{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes bd-step{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes bd-lunge{40%{translate:8% 4%;rotate:18deg}}@keyframes bd-miss{0%{opacity:0;scale:.6}20%{opacity:1;scale:1.1}80%{opacity:1}to{opacity:0;translate:0 -30%}}@media (max-width:767px){.bd-yard{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.bd-duck-body,.bd-catcher-svg,.bd-arms,.bd-leg-a,.bd-leg-b,.bd-duck-feet{animation:none}}
.fy-badges{flex-wrap:wrap;gap:6px;display:flex}.fy-river{aspect-ratio:16/9;isolation:isolate;background:#2f8bbd;border:5px solid #273a65;border-radius:24px;width:100%;position:relative;overflow:hidden}.fy-scenery,.fy-scenery>*{pointer-events:none;position:absolute}.fy-scenery{inset:0}.fy-sky{background:linear-gradient(#8fd3fb,#fde7c4);inset:0 0 50%}.scene-stars .fy-sky{background:linear-gradient(#1e1b4b,#4c3f91 70%,#f9a8d4)}.scene-rain .fy-sky{background:linear-gradient(#64748b,#a3b1c2)}.scene-mist .fy-sky{background:linear-gradient(#cbd5e1,#f1f5f9)}.fy-sun{aspect-ratio:1;background:radial-gradient(#fff7c2,#fbbf24);border-radius:50%;width:9%;top:7%;left:7%;box-shadow:0 0 40px #fde68a}.scene-rain .fy-sun{opacity:.25}.fy-stars{inset:0 0 50%}.fy-stars i{background:#fff;border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite alternate fy-twinkle;position:absolute}.fy-moon{aspect-ratio:1;border-radius:50%;width:6%;position:absolute;top:10%;right:30%;box-shadow:-10px 6px #fef9c3}.fy-rainbow{aspect-ratio:2;opacity:.7;background:radial-gradient(circle at 50% 100%,#0000 0 54%,#8b5cf6 54% 58%,#3b82f6 58% 62%,#22c55e 62% 66%,#facc15 66% 70%,#f97316 70% 74%,#ef4444 74% 78%,#0000 78%);border-radius:50% 50% 0 0;width:60%;top:6%;left:20%}.fy-bank{width:100%;height:26%;top:24%;left:0}.fy-flag{transform-origin:110px -50px;animation:.8s ease-in-out infinite alternate fy-flag}.fy-water{background:linear-gradient(#4fa4cf,#1d5f99);inset:46% 0 0;overflow:hidden}.scene-stars .fy-water{background:linear-gradient(#3b4f8f,#1e2a5a)}.fy-wave{background:repeating-linear-gradient(90deg,#ffffff73 0 40px,#0000 40px 110px);border-radius:50%;width:140%;height:10%;animation:3s linear infinite fy-flow;position:absolute;left:-20%}.fy-wave.w1{top:12%}.fy-wave.w2{opacity:.7;animation-duration:2.2s;top:45%}.fy-wave.w3{animation-duration:1.7s;top:78%}.fy-dock{background:repeating-linear-gradient(90deg,#92400e 0 10px,#b45309 10px 20px);border-radius:0 6px 0 0;width:9%;height:34%;bottom:6%;left:-2%;box-shadow:inset 0 8px #78350f}.fy-boat{bottom:7%;left:calc(2% + var(--fy-x,0) * 42%);z-index:5;width:56%;height:48%;animation:1.6s ease-in-out infinite alternate fy-bob;position:absolute}.scene-wind.is-running .fy-boat,.scene-fishing.is-running .fy-boat{animation:.7s ease-in-out infinite alternate fy-rock}.fy-hull{z-index:3;background:linear-gradient(#d89a54,#8a4b2a);border:5px solid #4a2d20;border-radius:8% 30% 50% 50%/20% 40% 100% 100%;height:36%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 10px #0f284659}.fy-oarsman{z-index:2;width:15%;position:absolute;bottom:20%;left:0}.fy-oarsman svg{width:100%;display:block}.fy-oar{transform-origin:70px 40px}.is-running .fy-oar{animation:1.1s ease-in-out infinite alternate fy-row}.fy-seats{z-index:2;grid-template-columns:repeat(var(--fy-cols,8), minmax(0, 1fr));align-items:end;gap:0 4px;display:grid;position:absolute;bottom:22%;left:17%;right:6%}.fy-kid{justify-items:center;transition:transform .3s;display:grid;position:relative}.fy-head.cg-avatar{z-index:1;aspect-ratio:1;border-width:2px;width:min(100%,56px);height:auto;font-size:clamp(.5rem,1.2vw,.95rem);transition:rotate .3s,translate .3s}.fy-shirt{border-radius:40% 40% 6px 6px;width:80%;max-width:46px;height:22px;margin-top:-4px}.fy-kid.is-nod .fy-head{animation:.5s ease-in-out infinite alternate fy-nod}.fy-kid.is-asleep .fy-head{outline:4px solid #facc15;translate:8% 10%;rotate:28deg}.fy-zzz{z-index:4;color:#1e1b4b;text-shadow:0 0 4px #fff;font-size:clamp(.8rem,1.8vw,1.4rem);font-style:normal;font-weight:900;animation:1.4s ease-out infinite fy-zzz;position:absolute;top:-30%;right:-40%}.is-bridge .fy-kid{transform:translateY(35%)}.fy-bridge{z-index:6;width:24%;height:66%;top:34%;left:38%}.fy-flock{z-index:1;gap:4%;width:26%;display:flex;top:55%;right:-30%}.fy-scenery.is-active .fy-flock{animation:9s linear forwards fy-swim}.fy-flock svg{width:18%;animation:.8s ease-in-out infinite alternate fy-bob}.fy-fishing{z-index:1;width:16%;top:44%;right:-22%}.fy-scenery.is-active .fy-fishing{animation:9s linear forwards fy-swim}.fy-fishes{z-index:1;inset:50% 0 0}.fy-fishes svg{opacity:0;width:5%;position:absolute;top:40%}.fy-scenery.is-active .fy-fishes svg{animation:2.7s ease-in-out infinite fy-jump}.fy-clouds{background:radial-gradient(circle at 20% 60%,#64748b 0 12%,#0000 13%),radial-gradient(circle at 35% 40%,#475569 0 14%,#0000 15%),radial-gradient(circle at 60% 55%,#64748b 0 13%,#0000 14%),radial-gradient(circle at 80% 45%,#475569 0 12%,#0000 13%);width:120%;height:26%;top:0;left:-10%}.fy-rain{z-index:7;background:repeating-linear-gradient(105deg,#0000 0 14px,#ffffff8c 15px 16px,#0000 17px 30px);animation:.4s linear infinite fy-rain;inset:0}.fy-mist{z-index:7;inset:15% 0 20%}.fy-mist span{background:radial-gradient(#ffffffbf,#0000 70%);border-radius:50%;width:90%;height:26%;animation:8s linear infinite fy-fog;position:absolute;left:-40%}.fy-mist span:nth-child(2){animation-delay:-3s;top:35%}.fy-mist span:nth-child(3){animation-delay:-5.5s;top:65%}.fy-leaves{z-index:7;inset:0}.fy-leaves i{background:#65a30d;border-radius:0 100%;width:14px;height:8px;animation:2.4s linear infinite fy-leaf;position:absolute;left:105%}.scene-wind .fy-bamboo{transform-origin:50% 100%;animation:.9s ease-in-out infinite alternate fy-bend}.fy-story{z-index:10;color:#1e293b;text-align:center;background:#ffffffeb;border:3px solid #273a65;border-radius:999px;width:min(86%,640px);margin:0;padding:8px 16px;font-size:clamp(.78rem,1.6vw,1.1rem);font-weight:800;position:absolute;top:4%;left:50%;transform:translate(-50%)}.fy-river .cg-result{z-index:20}@keyframes fy-flow{to{transform:translate(110px)}}@keyframes fy-bob{0%{translate:0}to{translate:0 4px}}@keyframes fy-rock{0%{rotate:-3deg}to{translate:0 6px;rotate:3deg}}@keyframes fy-row{0%{rotate:-14deg}to{rotate:16deg}}@keyframes fy-nod{0%{rotate:none}to{translate:0 8%;rotate:22deg}}@keyframes fy-zzz{0%{opacity:0;translate:0 30%}40%{opacity:1}to{opacity:0;translate:40% -80%}}@keyframes fy-swim{to{transform:translate(-560%)}}@keyframes fy-jump{0%,60%{opacity:0;transform:translate(0)rotate(-30deg)}70%{opacity:1;transform:translate(40%,-160%)rotate(0)}85%{opacity:1;transform:translate(90%,-60%)rotate(40deg)}to{opacity:0;transform:translate(110%)rotate(60deg)}}@keyframes fy-rain{to{background-position:30px 60px}}@keyframes fy-fog{to{transform:translate(160%)}}@keyframes fy-leaf{to{left:-10%;transform:translateY(80px)rotate(540deg)}}@keyframes fy-bend{0%{transform:skew(-4deg)}to{transform:skew(-14deg)}}@keyframes fy-twinkle{to{opacity:.3}}@keyframes fy-flag{to{transform:scaleX(.8)}}@media (max-width:767px){.fy-river{aspect-ratio:4/3}.fy-boat{width:74%;left:calc(1% + var(--fy-x,0) * 24%)}}@media (prefers-reduced-motion:reduce){.fy-river *,.fy-river :before,.fy-river :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.pc-stage{aspect-ratio:16/9;background:radial-gradient(circle,#ffffffb3 0 2px,#0000 3px) 0 0/70px 62px,radial-gradient(circle at 50% 45%,#fff6d7 0 8%,#be9cee 32%,#4d3d86 85%);border:5px solid #382950;border-radius:24px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.pc-photo{width:var(--pc-size);animation:pc-float 3.2s ease-in-out var(--pc-delay) infinite alternate;justify-items:center;gap:2px;transition:filter .15s;display:grid;position:absolute;transform:translate(-50%,-50%)}.pc-avatar.cg-avatar{aspect-ratio:1;border-width:clamp(2px,.4cqi,5px);width:100%;height:auto;font-size:clamp(.7rem,2.6cqi,2.4rem);transition:box-shadow .12s,scale .12s}.pc-photo b{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#1e143c8c;border-radius:999px;max-width:140%;padding:0 6px;font-size:clamp(.55rem,1.3cqi,1rem);overflow:hidden}.pc-stage.is-running .pc-photo{filter:grayscale(.6)brightness(.75)}.pc-stage.is-running .pc-photo.is-lit{z-index:5;filter:none}.pc-photo.is-lit .pc-avatar{scale:1.3;box-shadow:0 0 0 4px #facc15,0 0 30px 10px #facc15cc}.pc-stage.is-done .pc-photo{filter:blur(1px)brightness(.7)}.pc-winners{z-index:10;flex-wrap:wrap;place-content:center;gap:4cqi;padding:3%;display:flex;position:absolute;inset:0}.pc-winner{justify-items:center;gap:8px;animation:.6s cubic-bezier(.2,1.4,.4,1) both pc-zoom;display:grid;position:relative}.pc-winner-avatar.cg-avatar{aspect-ratio:1;border-width:6px;width:clamp(90px,22cqi,260px);height:auto;font-size:clamp(2rem,8cqi,6rem);box-shadow:0 0 0 6px #facc15,0 12px #261d2b4d}.pc-winner strong{color:#29213e;background:#fff;border:3px solid #382950;border-radius:999px;padding:6px 18px;font-size:clamp(1rem,3.2cqi,2.4rem)}.pc-burst{z-index:-1;aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #fde68a 0 10deg, transparent 10deg 20deg);opacity:.7;border-radius:50%;width:180%;animation:6s linear infinite pc-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}@keyframes pc-float{0%{translate:0 -4px;rotate:-3deg}to{translate:0 6px;rotate:3deg}}@keyframes pc-zoom{0%{opacity:0;scale:.2}}@keyframes pc-spin{to{rotate:360deg}}@media (max-width:767px){.pc-stage{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.pc-photo,.pc-burst,.pc-winner{animation:none}}