.sway{transform-box:fill-box;transform-origin:50% 0;animation:9s ease-in-out infinite alternate lull-shadow}.ball{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite lull-pulse}.cc-progress{flex-direction:column;gap:12px;display:flex}.cc-chips{gap:10px;display:flex}.cc-chip{border:2.5px solid var(--c);width:22px;height:22px;transition:background-color .45s var(--ease), box-shadow .45s var(--ease);border-radius:50%}.cc-chip.on{background:var(--c);animation:chip-pop .6s var(--spring);box-shadow:-3px 4px #3f73b5}@keyframes chip-pop{40%{transform:scale(1.28)}}[data-game=color-connect] .win-card{box-shadow:-10px 12px #3f73b5d9}.board{background:#86bae7;border-radius:16px;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #f3f8fd,-14px 16px #3f73b5d9}.board-svg{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;height:auto;display:block;overflow:visible}.board-svg:focus{outline:none}.tint{transition:opacity .5s var(--ease)}.seg{stroke-dasharray:1;animation:.18s ease-out backwards seg-in}@keyframes seg-in{0%{stroke-dashoffset:1px}}.dot{transform-box:fill-box;transform-origin:50%;animation:dot-in .6s var(--spring) var(--d,0s) backwards}@keyframes dot-in{0%{transform:scale(0)}}.halo{transition:transform .14s var(--ease);pointer-events:none}.halo .ring{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite lull-ring}.cursor{fill:none;stroke:#13243f;stroke-width:.06px;stroke-dasharray:.14 .1;opacity:0;pointer-events:none;transition:transform .14s var(--ease), opacity .2s}.cursor.held{stroke-dasharray:none}.board-svg:focus-visible .cursor,.board-svg.kbd:focus .cursor{opacity:1}.keys{font-size:13px;line-height:1.5;display:none}.g-main:has(.board-svg:focus-visible,.board-svg.kbd:focus) .keys{display:block}.burst{transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:burst .9s var(--ease) var(--d,0s) both}@keyframes burst{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(2.1)}}.board.won .board-svg{animation:breathe 1.2s var(--ease)}@keyframes breathe{30%{transform:scale(1.025)}}.sweep{pointer-events:none;mix-blend-mode:overlay;animation:sweep 1.5s var(--ease) .15s forwards;background:linear-gradient(110deg,#0000 30%,#ffffffb3 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}@keyframes sweep{to{transform:translate(100%)}}
.mm-phases{font:500 13px/1 var(--sans);align-items:center;gap:8px;display:flex}.mm-phases span{height:34px;transition:background-color .5s var(--ease), color .5s;background:#ffffff59;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.mm-phases span.now{color:#fff;background:#0c2440}.mm-phases i{background:#0c2440;width:18px;height:1.5px}.mm-count{font-size:15px}[data-game=memory-matrix] .g-main{--extra:54px}.mm-board{flex-direction:column;align-items:center;gap:14px;display:flex}.mm-grid{gap:calc(var(--board) * .025);width:100%;padding:calc(var(--board) * .035);background:#ffffff29;border-radius:26px;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff73}.mm-cell{aspect-ratio:1;cursor:pointer;width:100%;transition:background-color .7s var(--ease), box-shadow .7s var(--ease), transform .5s var(--spring);background:#fff3;border:0;border-radius:14px;padding:0;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff73}.mm-cell:hover{transform:scale(1.03)}.mm-cell.show{background:#fff;transition-duration:.5s;transform:translateY(-3px);box-shadow:-6px 8px #2577b5}.mm-cell.found{animation:mm-found .5s var(--spring);background:#fff;box-shadow:-6px 8px #2577b5}@keyframes mm-found{40%{transform:scale(1.08)}}.mm-miss{pointer-events:none;background:#f3a68c47;border-radius:14px;animation:1.6s ease-in-out forwards mm-miss;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #f3a68c}@keyframes mm-miss{0%{opacity:0}20%,60%{opacity:1}to{opacity:0}}.mm-msg{height:40px;font:500 14px/1 var(--sans);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 18px;display:inline-flex}.mm-msg i{background:#39a85b;border-radius:50%;width:8px;height:8px;transition:background-color .4s}.mm-msg i.miss{background:#e9886b}
[data-game=unblock] .g-main{--board:max(300px, min(calc(100svh - 150px - var(--hud,0px)), calc(100vw - var(--side) - 260px), 820px));padding-right:120px}[data-game=unblock] .g-header .tools{padding-right:96px}[data-game=unblock] .g-footer{color:#1e2a1b}.ub-frame{background:repeating-linear-gradient(90deg,#c9a06c 0 38px,#b48a57 38px 40px);border-radius:14px;padding:18px;position:relative;box-shadow:-14px 16px #08363c80}.ub-gap{background:#1a5f69;width:18px;height:calc(16.6667% - 6px);position:absolute;top:calc(33.3333% + 6px);right:0}.ub-buoy{z-index:1;background:#f07f5e;border-radius:50%;width:20px;height:20px;animation:3s ease-in-out infinite lull-bob;position:absolute;top:calc(33.3333% - 4px);right:-12px;box-shadow:inset 0 0 0 5px #f07f5e,inset 0 0 0 7px #fff}.ub-buoy.low{animation-duration:3.4s;top:calc(50% - 10px)}.ub-water{aspect-ratio:1;background-color:#1a5f69;background-image:linear-gradient(#ffffff17 1.5px,#0000 1.5px),linear-gradient(90deg,#ffffff17 1.5px,#0000 1.5px);background-size:16.6667% 16.6667%;border-radius:6px;position:relative}.ub-boat{cursor:grab;touch-action:none;filter:drop-shadow(-6px 8px #0830368c);transition:transform .45s var(--ease), filter .3s;background:0 0;border:0;padding:1.2%;position:absolute;top:0;left:0}.ub-boat svg{width:100%;height:100%;display:block}.ub-boat.held{cursor:grabbing;filter:drop-shadow(-9px 12px #08303673);z-index:2;transition:filter .3s}.ub-boat.red:not(.held):not(.sail) svg{animation:3.2s ease-in-out infinite ub-nudge}@keyframes ub-nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.ub-boat.nudge svg{animation:ub-pulse .7s var(--spring)}@keyframes ub-pulse{40%{transform:scale(1.06)}}.ub-boat.sail{opacity:0;z-index:3;transition:transform 1.6s cubic-bezier(.5,0,.3,1) .1s,opacity .6s 1.2s;transform:translate(400%,200%)!important}.ub-boat:focus-visible{outline-offset:-2px;border-radius:10px;outline:2px solid #f4efe3}@media (max-width:860px){[data-game=unblock] .g-main{--board:max(280px, min(calc(100vw - 32px), 560px, calc(100svh - 150px)));padding-right:16px}[data-game=unblock] .g-header .tools{padding-right:0}}
.ws-progress{flex-direction:column;gap:12px;display:flex}.ws-minis{gap:8px;display:flex}.ws-minis span{width:18px;height:26px;transition:background-color .5s var(--ease), border-color .5s;border:2px solid #1e2a1b;border-top:0;border-radius:0 0 9px 9px}.ws-minis span.on{background:var(--c);border-color:var(--c);animation:ws-pop .6s var(--spring)}@keyframes ws-pop{40%{transform:scale(1.25)}}.ws-note{font-size:14px}.ws-board{--u:clamp(26px, calc((100svh - 250px) / 4.7), 90px);--w:min(calc(var(--u) * 1.25), calc((100vw - 560px) / 8));flex-direction:column;align-items:center;width:auto;display:flex}.ws-tubes{align-items:flex-end;gap:clamp(10px,1.5vw,22px);padding:70px clamp(16px,2vw,30px) 0;display:flex}.ws-tube{cursor:pointer;filter:drop-shadow(-9px 12px #0e505c47);transition:transform .5s var(--spring);animation:rise .7s var(--ease) backwards;background:0 0;border:0;padding:0;position:relative}.ws-tube.up{transform:translateY(calc(var(--u) * -.8))}.ws-tube.done{cursor:default}.ws-arrow{margin-left:-11px;animation:2.4s ease-in-out infinite ws-hint;position:absolute;top:-40px;left:50%}.ws-tube.up .ws-arrow{display:none}@keyframes ws-hint{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.ws-cork{z-index:2;height:14px;animation:ws-cork .6s var(--spring) both;background:#1e2a1b;border-radius:5px 5px 2px 2px;position:absolute;top:-14px;left:-5px;right:-5px}@keyframes ws-cork{0%{opacity:0;transform:translateY(-24px)}}.ws-spark{transform-box:fill-box;margin-left:-22px;animation:3.2s ease-in-out infinite lull-bloom;position:absolute;top:-50px;left:50%}.ws-lip{z-index:1;background:#fffffff2;border-radius:4px;height:7px;position:absolute;top:-4px;left:-6px;right:-6px}.ws-glass{width:var(--w);height:calc(var(--u) * 4.7);background:#ffffff38;border:3px solid #ffffffeb;border-top-width:0;border-radius:0 0 999px 999px;flex-direction:column-reverse;display:flex;position:relative;overflow:hidden}.ws-unit{flex:0 0 var(--u)}.ws-unit.new{animation:ws-fill .45s var(--ease) backwards}@keyframes ws-fill{0%{flex-basis:0}}.ws-shine{background:#ffffff80;border-radius:2px;width:4px;position:absolute;top:12px;bottom:24px;left:6px}.ws-shelf{background:repeating-linear-gradient(90deg,#c9a06c 0 46px,#b48a57 46px 48px);border-radius:6px;align-self:stretch;height:26px;margin-top:-2px;box-shadow:-12px 14px #0e505c59}[data-game=water-sort] .foot-right{background:#ffffffeb;border-radius:999px;align-items:center;height:32px;padding:0 14px;display:inline-flex}@media (max-width:860px){.ws-board{--u:clamp(30px, 11vw, 52px);--w:min(8.5vw, 44px);width:auto}.ws-tubes{padding-inline:0}}
[data-game=word-finder] .g-main{--side:250px;--extra:56px}.wf-progress{flex-direction:column;gap:10px;padding-top:4px;display:flex}.wf-bars{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.wf-bars span{height:6px;transition:background-color .5s var(--ease);background:#1e2a1b2e;border-radius:3px}.wf-bars span.on{background:#1e2a1b}.wf-words{font:500 13px/1 var(--sans);letter-spacing:.12em;border-top:1.5px solid #1e2a1b;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;padding-top:14px;list-style:none;display:grid}.wf-words li{transition:color .5s var(--ease);animation:rise .5s var(--ease) backwards;align-items:center;gap:8px;display:flex}.wf-words i{border-radius:50%;width:8px;height:8px;transition:background-color .4s,box-shadow .4s;box-shadow:inset 0 0 0 1.5px #1e2a1b}.wf-words li.found{color:#6b5a12;text-decoration:line-through}.wf-words li.found i{background:var(--c);box-shadow:none;animation:wf-pop .6s var(--spring)}@keyframes wf-pop{40%{transform:scale(1.5)}}.wf-board{flex-direction:column;align-items:center;gap:12px;display:flex}.wf-trace{color:#faf8f1;height:40px;font:500 13px/1 var(--sans);background:#1e2a1b;border-radius:999px;align-items:center;gap:14px;padding:0 18px;display:inline-flex}.wf-trace span{letter-spacing:.2em;text-transform:uppercase;opacity:.8}.wf-trace b{letter-spacing:.32em;animation:pop-in .25s var(--ease);font-size:18px;font-weight:500}.wf-trace i{background:#f4d322;width:2px;height:18px;margin-left:-8px;animation:1.1s step-end infinite wf-caret}@keyframes wf-caret{50%{opacity:0}}.wf-card{width:100%;padding:calc(var(--board) * .03);background:#fbf8ee;border-radius:18px;box-shadow:12px 14px #a0760047}.wf-grid{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:8px;grid-template-columns:repeat(10,minmax(0,1fr));display:grid;position:relative}.wf-grid:focus{outline:none}.wf-grid span{aspect-ratio:1;font:500 max(14px, calc(var(--board) / 24))/1 var(--sans);color:#1e2a1b;animation:pop-in .5s var(--ease) backwards;justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.wf-grid span.lit{color:#fff}.wf-marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wf-mark{stroke-width:.74px;stroke-linecap:round;animation:mark-in .45s var(--ease)}.wf-mark.live{stroke-width:.8px;filter:drop-shadow(.06px .08px #1e2a1b2e);animation:none}@keyframes mark-in{0%{opacity:0;stroke-width:.2px}}.wf-hint{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite lull-ring}.wf-cursor{fill:none;stroke:#1e2a1b;stroke-width:.05px;stroke-dasharray:.12 .08;opacity:0;transition:transform .14s var(--ease), opacity .2s}.wf-grid:focus-visible .wf-cursor{opacity:1}.wf-cat{flex-direction:column;gap:8px;display:flex;position:relative}.wf-cat>span{font:500 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}.wf-cat select{appearance:none;color:#1e2a1b;width:100%;height:40px;font:500 14px/1 var(--sans);cursor:pointer;transition:box-shadow .3s var(--ease);background:#fff;border:0;border-radius:999px;padding:0 36px 0 16px}.wf-cat select:hover{box-shadow:0 0 0 2px #1e2a1b40}.wf-cat svg{pointer-events:none;position:absolute;bottom:13px;right:16px}.wf-catname{opacity:.75;font-weight:500}