:root{--sky:#cfe8ff;--mist:#f7fbff;--ink:#1b2430;--muted:#566170;--green:#4caf50;--yellow:#f2c94c;--wrong:#cfd7df;--focus:rgba(0, 130, 255, .55);--link:#1769c0;--linkHover:#0d4e96;--tileTop:rgba(255, 255, 255, .92);--tileBot:rgba(255, 255, 255, .78);--tileEdge:rgba(0, 0, 0, .12);--block1:rgba(0, 0, 0, .08);--block2:rgba(255, 255, 255, .35);--glass:rgba(255, 255, 255, .75);--glassBorder:rgba(255, 255, 255, .55);--modalBg:rgba(255, 255, 255, .94);--shadow:0 14px 24px rgba(16, 40, 80, .15);--cell:64px;--gap:10px;--radius:18px}body.dark{--sky:#08101d;--mist:#0b1324;--ink:#f3f6fb;--muted:#a2adbd;--link:#79b8ff;--linkHover:#a9d1ff;--tileTop:rgba(255, 255, 255, .10);--tileBot:rgba(255, 255, 255, .06);--tileEdge:rgba(255, 255, 255, .10);--block1:rgba(255, 255, 255, .10);--block2:rgba(255, 255, 255, .05);--glass:rgba(15, 23, 42, .65);--glassBorder:rgba(255, 255, 255, .12);--modalBg:rgba(15, 23, 42, .93);--shadow:0 14px 24px rgba(0, 0, 0, .55)}body,html{height:100%}body{align-items:flex-start;background:radial-gradient(1100px 520px at 70% 0,rgba(255,255,255,.75),transparent 55%),radial-gradient(900px 600px at 10% 20%,rgba(255,255,255,.55),transparent 60%),linear-gradient(180deg,var(--sky),var(--mist));box-sizing:border-box;color:var(--ink);display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:center;margin:0;overscroll-behavior:none;padding:18px 14px 28px}body.dark{background:radial-gradient(1100px 520px at 70% 0,rgba(255,255,255,.08),transparent 55%),radial-gradient(900px 600px at 10% 20%,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,var(--sky),var(--mist))}a{color:var(--link);text-decoration:none;transition:color .15s ease}a:focus-visible,a:hover{color:var(--linkHover)}.wrap{width:min(520px,100%)}header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.brand{display:flex;flex-direction:column;gap:2px;line-height:1;user-select:none}.brand .title{font-size:22px;font-weight:800;letter-spacing:.3px}.brand .sub{color:var(--muted);font-size:12.5px}.topBtns{align-items:center;display:flex;gap:8px}button{background:var(--glass);border:1px solid var(--glassBorder);border-radius:999px;box-shadow:0 8px 16px rgba(0,0,0,.06);color:var(--ink);cursor:pointer;font:inherit;padding:10px 12px;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,box-shadow .08s ease,background .12s ease}button:active{box-shadow:0 4px 10px rgba(0,0,0,.08);transform:translateY(1px)}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.iconBtn{border-radius:999px;display:grid;font-size:18px;height:42px;padding:0;place-items:center;width:42px}.pill{font-weight:650;letter-spacing:.2px;padding:10px 14px}.pill.small{font-weight:600;padding:9px 12px}.scoreRow{align-items:center;display:grid;grid-template-columns:auto 1fr auto;margin:6px 0 10px}.scoreRow .moves{font-size:16px;font-weight:700;justify-self:start}.scoreRow .moves span{font-variant-numeric:tabular-nums}.scoreRow .note{color:var(--muted);font-size:12.5px;justify-self:end}#topStars{justify-self:center}.modeNav{align-items:center;display:inline-flex;gap:6px}.dayArrow{border-radius:999px;box-shadow:none;display:grid;height:24px;padding:0;place-items:center;width:24px}.dayArrow[hidden]{display:none}.dayArrow:disabled{cursor:not-allowed;opacity:.32}.dayArrow::before{border-bottom:5px solid transparent;border-top:5px solid transparent;content:"";height:0;width:0}#btnDayPrev::before{border-right:6px solid currentColor;transform:translateX(-1px)}#btnDayNext::before{border-left:6px solid currentColor;transform:translateX(1px)}.starBar{display:inline-block;font-size:18px;line-height:1;position:relative;white-space:nowrap}.starBar .starBack{color:rgba(140,146,158,.32);letter-spacing:1px}body.dark .starBar .starBack{color:rgba(255,255,255,.16)}.starBar .starFront{color:#ffc733;left:0;letter-spacing:1px;overflow:hidden;position:absolute;text-shadow:0 0 5px rgba(255,196,40,.9),0 0 12px rgba(255,170,20,.55),0 1px 0 rgba(150,95,0,.5);top:0;transition:width .5s cubic-bezier(.2, .8, .3, 1);width:0}.starBar.starBarBig{font-size:40px}.starBar.starBarBig .starFront{animation:starGlow 2.2s ease-in-out infinite}.starsCenter{margin:2px 0 12px;text-align:center}.boardCard{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.45);border-radius:26px;box-shadow:var(--shadow);padding:14px}body.dark .boardCard{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}.board{align-content:center;display:grid;gap:var(--gap);grid-template-columns:repeat(5,var(--cell));grid-template-rows:repeat(7,var(--cell));justify-content:center;padding:8px 6px 4px;user-select:none}@media (max-width:420px){:root{--cell:56px;--gap:9px}}@media (max-width:360px){:root{--cell:52px;--gap:8px}}@media (max-width:560px){body.wideBoard{padding-left:5px;padding-right:5px}body.wideBoard .boardCard{border-radius:18px;padding-left:5px;padding-right:5px}body.wideBoard .board{padding-left:2px;padding-right:2px}}.cell{border-radius:var(--radius);box-sizing:border-box;height:var(--cell);width:var(--cell)}.block{background:linear-gradient(180deg,var(--block2),var(--block1));border:1px dashed rgba(0,0,0,.12);opacity:.65}body.dark .block{border-color:rgba(255,255,255,.12)}.tile{background:linear-gradient(180deg,var(--tileTop),var(--tileBot));border:1px solid var(--tileEdge);box-shadow:0 10px 18px rgba(0,0,0,.08);cursor:grab;display:grid;font-size:26px;font-weight:800;letter-spacing:1px;place-items:center;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}body.dark .tile{box-shadow:0 12px 20px rgba(0,0,0,.35)}.tile.locked{cursor:not-allowed;filter:saturate(1.04)}.tile.selected{outline:4px solid var(--focus);outline-offset:2px}.tile.green{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(76,175,80,.58));border-color:rgba(76,175,80,.75);color:#0c2711}body.dark .tile.green{color:#06170a}.tile.yellow{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(242,201,76,.62));border-color:rgba(242,201,76,.9);color:#2a2200}.tile.wrong{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(150,160,175,.22));border-color:rgba(0,0,0,.1);color:var(--ink)}body.dark .tile.wrong{border-color:rgba(255,255,255,.1)}.animal{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .25));height:92%;object-fit:contain;pointer-events:none;width:92%}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.hint{color:var(--muted);font-size:12.5px;line-height:1.35;margin-top:10px;text-align:center}.modeSwitch{align-items:center;display:flex;height:42px;justify-content:space-between;overflow:hidden;padding:0;position:relative;width:156px}.modeSwitch .label{font-size:12.5px;font-weight:750;letter-spacing:.2px;text-align:center;user-select:none;width:50%;z-index:1}.modeSwitch .thumb{background:rgba(255,255,255,.85);border-radius:999px;bottom:4px;box-shadow:0 10px 16px rgba(0,0,0,.1);left:4px;position:absolute;top:4px;transition:transform .14s ease;width:calc(50% - 6px)}body.dark .modeSwitch .thumb{background:rgba(255,255,255,.18);box-shadow:0 10px 16px rgba(0,0,0,.35)}.modeSwitch[data-mode=random] .thumb{transform:translateX(calc(100% + 4px))}.modeSwitch:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dragClone{opacity:.98;pointer-events:none;position:fixed;transform:translate3d(0,0,0) scale(1.03);z-index:5000}.dragOrigin{opacity:.25}.dropTarget{outline:4px solid rgba(0,130,255,.35);outline-offset:2px}.overlay{align-items:center;background:rgba(0,0,0,.25);display:none;inset:0;justify-content:center;padding:18px;position:fixed;z-index:2000}.overlay.show{display:flex}.modal{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--modalBg);border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:0 18px 44px rgba(0,0,0,.22);color:var(--ink);max-height:90vh;overflow-y:auto;padding:16px 16px 14px;width:min(520px,100%)}body.dark .modal{border-color:rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.55)}.modalHeader{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.modalHeader.modalHeaderCenter{justify-content:center}.modalHeader h2{font-size:18px;letter-spacing:.2px;margin:0}.modal p{color:var(--muted);line-height:1.4;margin:8px 0}.modal .row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:8px}.modal .statGrid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:10px}.stat{background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px 12px}body.dark .stat{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}.stat .k{color:var(--muted);font-size:12px}.stat .v{font-size:22px;font-variant-numeric:tabular-nums;font-weight:900;margin-top:2px}.setting{align-items:center;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.08);border-radius:16px;display:flex;gap:10px;justify-content:space-between;margin-top:10px;padding:10px 12px}body.dark .setting{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}.setting .label{font-weight:700}.settingControl{align-items:center;display:flex;gap:10px}.setting input[type=range]{max-width:100%;min-width:0;width:220px}.setting .value{font-variant-numeric:tabular-nums;font-weight:800;min-width:28px;text-align:right}.valueFixed{display:grid;flex-shrink:0;justify-items:end}.valueFixed>*{grid-area:1/1}.valueGhost{visibility:hidden}.legend{display:grid;gap:8px;margin-top:10px}.legendItem{align-items:center;display:flex;gap:10px}.swatch{border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 8px 14px rgba(0,0,0,.08);flex:0 0 auto;height:34px;width:34px}.swatch.green{background:rgba(76,175,80,.65);border-color:rgba(76,175,80,.9)}.swatch.yellow{background:rgba(242,201,76,.75);border-color:rgba(242,201,76,.95)}.swatch.wrong{background:rgba(150,160,175,.25);border-color:rgba(0,0,0,.1)}.smallNote{color:var(--muted);font-size:12.5px;margin-top:8px}.toast{background:rgba(0,0,0,.82);border-radius:999px;bottom:18px;color:#fff;font-size:13px;left:50%;opacity:0;padding:10px 12px;pointer-events:none;position:fixed;transform:translateX(-50%);transition:opacity .15s ease,transform .15s ease;z-index:6000}.toast.show{opacity:1;transform:translateX(-50%) translateY(-4px)}.confetti{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:5500}.confetti i{animation:fall 1.2s linear forwards;border-radius:3px;height:16px;opacity:.95;position:absolute;top:-16px;width:10px}@keyframes fall{to{opacity:.95;transform:translateY(105vh) rotate(180deg)}}.pill:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.tile{font-size:calc(var(--cell) * .42)}.tile>div{line-height:1}@keyframes lockPop{0%{transform:scale(1)}45%{transform:scale(1.16)}100%{transform:scale(1)}}.tile.pop{animation:lockPop .34s cubic-bezier(.2,.8,.3,1.2);z-index:3}@keyframes starGlow{0%,100%{text-shadow:0 0 6px rgba(255,196,40,.9),0 0 14px rgba(255,170,20,.55)}50%{text-shadow:0 0 12px #ffd450,0 0 26px rgba(255,180,30,.85)}}@keyframes hintPulse{0%,100%{box-shadow:0 0 0 0 rgba(60,130,255,0)}50%{box-shadow:0 0 0 6px rgba(60,130,255,.4)}}.tile.hintGlow{animation:hintPulse 1.1s ease-in-out infinite;outline:3px solid rgba(60,130,255,.85);outline-offset:2px;z-index:4}@keyframes hintReadyGlow{0%,100%{box-shadow:0 0 0 0 rgba(60,130,255,0)}50%{box-shadow:0 0 0 4px rgba(60,130,255,.45)}}.pill.hintReady{animation:hintReadyGlow 1.1s ease-in-out infinite;border-color:rgba(60,130,255,.85)}.winWordsLabel{color:var(--muted);font-size:12.5px;margin:8px 0 6px}.wordChips{display:flex;flex-wrap:wrap;gap:8px}.wordChip{background:var(--glass);border:1px solid var(--glassBorder);border-radius:999px;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;font-weight:700;letter-spacing:.4px;padding:6px 10px}.wordChip.active{outline:2px solid var(--focus)}.defBox{color:var(--ink);font-size:13.5px;line-height:1.4;margin-top:10px;min-height:1.2em}.defBox .pos{color:var(--muted);font-style:italic}.toggleRow{align-items:center;display:flex;gap:10px}.toggleRow input{height:18px;width:18px}.settingPick{-webkit-appearance:none;appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%}.settingPick:focus-visible,.settingPick:hover{border-color:var(--focus)}.pickPreview{align-items:center;display:flex;flex-shrink:0;gap:6px}.pickPreview .miniGrid{height:auto}.pickPreview .miniRandom{font-size:26px;width:auto}.critterThumbs{flex-wrap:wrap;justify-content:flex-end;max-width:240px}.critterThumb{background:var(--glass);border-radius:6px;height:24px;object-fit:contain;width:24px}.boardHeaderRight{align-items:center;display:flex;gap:10px}.boardSortLabel{align-items:center;color:var(--muted);display:flex;font-size:12.5px;gap:6px;white-space:nowrap}.boardSortLabel select{background:var(--glass);border:1px solid var(--glassBorder);border-radius:8px;color:var(--ink);cursor:pointer;font:inherit;font-size:12.5px;padding:4px 6px}.shapeGrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-height:62vh;overflow:auto;padding:4px}.critterGrid{margin-top:10px}.shapeMini img{height:54px;object-fit:contain;width:54px}.shapeMini{align-items:center;background:var(--glass);border:1px solid var(--glassBorder);border-radius:14px;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:6px;padding:10px 6px}.shapeMini.sel{outline:3px solid var(--focus)}.shapeMini.disabled{filter:grayscale(.6);opacity:.32;pointer-events:none}.miniGrid{align-content:center;display:grid;gap:2px;height:74px;justify-content:center}.miniRandom{align-items:center;display:flex;font-size:34px;justify-content:center;width:74px}.miniCell{border-radius:2px}.miniCell.opn{background:linear-gradient(180deg,rgba(76,175,80,.5),rgba(76,175,80,.72))}.miniCell.blk{background:rgba(0,0,0,.16)}body.dark .miniCell.blk{background:rgba(255,255,255,.14)}.miniLabel{color:var(--muted);font-size:11.5px;text-align:center}.boardCard{position:relative}.genSpinner{align-items:center;background:var(--glass);border-radius:26px;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease;z-index:6}.genSpinner.show{opacity:1;pointer-events:auto}.spinDot{animation:spin .8s linear infinite;border:4px solid rgba(120,130,145,.25);border-radius:50%;border-top-color:var(--green);height:36px;width:36px}.spinLabel{color:var(--muted);font-size:13px;font-weight:650;letter-spacing:.3px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.setting{flex-wrap:wrap}.settingControl{flex:1 1 100%;justify-content:space-between}.settingControl input[type=range]{flex:1 1 auto;width:auto}.settingPick .critterThumbs{flex:1 1 100%;justify-content:flex-start;max-width:100%}.controls{gap:6px}.controls .pill{font-size:13px;padding:9px 10px}.modeSwitch{width:150px}.modal .row{gap:8px}.modal .row .pill{font-size:12.5px;padding:8px 11px}#critterOverlay .row{flex-wrap:nowrap;gap:6px}#critterOverlay .row .pill{font-size:11.5px;padding:8px 7px;white-space:nowrap}}@media (prefers-reduced-motion:reduce){.tile.pop{animation:none}.tile.hintGlow{animation:none}.pill.hintReady{animation:none}.starBar.starBarBig .starFront{animation:none}}