[data-game=color-flood] .g-main{--extra:66px}.cf-board{flex-direction:column;align-items:center;gap:16px;display:flex}.cf-card{width:100%;padding:calc(var(--board) * .022);background:#fbf5e2;border-radius:18px;box-shadow:-14px 16px #7a560a4d}.cf-grid{border-radius:10px;display:grid;overflow:hidden}.cf-grid span{aspect-ratio:1;transition:background-color .5s var(--ease)}.cf-swatches{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cf-swatch{background:var(--c);cursor:pointer;border:0;border-radius:50%;width:46px;height:46px;box-shadow:inset 0 0 0 3px #ffffffb3,-4px 5px #7a560a59}.cf-swatch.current{opacity:1;transform:scale(.86);box-shadow:inset 0 0 0 3px #1e2a1b,-4px 5px #7a560a59}.cf-swatch.hinted{animation:1.2s ease-in-out infinite cf-hint}@keyframes cf-hint{50%{transform:translateY(-6px)scale(1.08);box-shadow:inset 0 0 0 3px #fff,0 0 0 5px #fff9}}
[data-game=fold] .g-main{--extra:44px}.fd-side{gap:14px}.fd-bar{background:#39a85b;width:128px;height:16px}.fd-part{align-items:flex-end;gap:8px;display:flex}.fd-part span:first-child{font:600 16px/1 var(--sans);padding-bottom:8px}.fd-part span:last-child{font:500 84px/.76 var(--sans);letter-spacing:-.05em}[data-game=fold] .g-stats span{color:var(--ink)}.fd-score{position:relative}.fd-score b{font:600 14px/1 var(--sans);color:#b23f27;animation:1.4s ease-out forwards fd-rise;position:absolute;top:26px;left:92px}@keyframes fd-rise{0%{opacity:0;transform:translateY(4px)}25%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.fd-board{flex-direction:column;gap:14px;display:flex}.fd-sun{width:calc(var(--board) * .36);height:calc(var(--board) * .36);background:#f2c46b;border-radius:50%;animation:9s ease-in-out infinite lull-bloom;position:absolute;top:-60px;right:-64px}.fd-square{background:#e9b23a;width:22px;height:22px;position:absolute;bottom:40px;left:-40px}.fd-l{position:absolute;bottom:44px;right:-60px}.fd-grid{gap:calc(var(--board) * .028);padding:calc(var(--board) * .028);touch-action:none;background:#e3d8c1;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative;box-shadow:14px 16px #2a2a261f}.fd-tile{aspect-ratio:1;font-family:var(--sans);letter-spacing:-.02em;cursor:pointer;transition:transform .35s var(--spring), box-shadow .35s var(--ease), background-color .45s var(--ease), color .45s;border:0;border-radius:10px;justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex;position:relative}.fd-tile:hover{transform:translateY(-2px)}.fd-tile.sel{transform:translateY(-5px)rotate(-2deg);box-shadow:6px 8px #2a2a2633}.fd-tile.near{animation:1.6s ease-in-out infinite fd-near;box-shadow:inset 0 0 0 2px #2a2a26}@keyframes fd-near{50%{box-shadow:inset 0 0 0 4px #2a2a26}}.fd-tile .pop{animation:fd-pop .45s var(--spring)}.fd-tile .appear{animation:fd-appear .5s var(--ease) .1s backwards}@keyframes fd-pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}}@keyframes fd-appear{0%{opacity:0;transform:scale(.3)}}.fd-foot{font:500 13px/1 var(--sans);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;display:flex}.fd-foot .serif{animation:pop-in .5s var(--spring);font-size:18px}@media (max-width:860px){.fd-sun{width:140px;height:140px;right:-20px}.fd-l,.fd-square{display:none}.fd-part span:last-child{font-size:64px}}
.lo-count{color:#f6c35b;animation:pop-in .4s var(--spring)}.lo-grid{gap:calc(var(--board) * .045);padding:calc(var(--board) * .06);transition:background-color 1.2s var(--ease);background:#ffffff0a;border-radius:28px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;box-shadow:inset 0 0 0 1.5px #ffffff1a}.lo-grid.dark{background:#ffffff03}.lo-lamp{aspect-ratio:1;cursor:pointer;width:100%;transition:background-color .45s var(--ease), box-shadow .45s var(--ease), transform .3s var(--ease);background:#1b3561;border:0;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 0 0 2px #2b4c80}.lo-lamp:hover{transform:scale(1.05)}.lo-lamp.on{background:#f6c35b;animation:4.5s ease-in-out infinite lo-glow;box-shadow:0 0 0 6px #f6c35b1f,0 0 28px #f6c35b59}@keyframes lo-glow{0%,to{box-shadow:0 0 0 6px #f6c35b1f,0 0 28px #f6c35b59}50%{box-shadow:0 0 0 10px #f6c35b29,0 0 44px #f6c35b8c}}.lo-spot{width:22%;height:22%;animation:pop-in .4s var(--ease);background:#fce5ae;border-radius:50%;position:absolute;top:20%;left:24%}.lo-flip{animation:lo-flip .6s var(--ease) forwards;pointer-events:none;background:#fce5ae80;border-radius:50%;position:absolute;inset:0}@keyframes lo-flip{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.35)}}.lo-ring{pointer-events:none;border-radius:50%;animation:2s ease-out infinite lull-ring;position:absolute;inset:-6px;box-shadow:0 0 0 2px #f6c35b}.lo-ring.hint{box-shadow:0 0 0 3px #fce5ae}