:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eff6f7;color:#1d3a3f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.cycleeau{max-width:30rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:.9rem}.cycleeau__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cycleeau__title{margin:0;font-size:1.5rem;font-weight:700;color:#0f3d47}.cycleeau__scores{display:flex;gap:.5rem}.cycleeau__scoreBox{display:flex;flex-direction:column;align-items:center;min-width:4.2rem;padding:.4rem .6rem;border-radius:.4rem;background:#1f7a8c;color:#e5f4f6}.cycleeau__scoreLabel{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.cycleeau__scoreValue{font-size:1.15rem;font-weight:700;color:#fff}.cycleeau__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cycleeau__lives{font-size:1.2rem;letter-spacing:.15em}.cycleeau__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;font-family:inherit;background:#1f7a8c;color:#f0fafb;cursor:pointer;white-space:nowrap}.cycleeau__btn:hover{background:#268da2}.cycleeau__hint{margin:0;font-size:.82rem;color:#4c6e73;line-height:1.4}.cycleeau__feedback{margin:0;min-height:2.6rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.85rem;font-weight:600}.cycleeau__feedback[data-kind=good]{color:#206a37}.cycleeau__feedback[data-kind=bad]{color:#b3261e}.cycleeau__slots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;min-height:4.5rem;border-radius:.75rem;transition:background-color .12s ease}.cycleeau__slots--hover{background:#1f7a8c1a}.cycleeau__slot{display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:.6rem;border:2px dashed #b9d8dc;background:#ffffff80;font-size:1.6rem}.cycleeau__slot--filled{border-style:solid;border-color:#1f7a8c;background:#fff}.cycleeau__slotArrow{font-size:1.1rem;color:#8bacb0}.cycleeau__pool{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.cycleeau__tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.7rem;width:5.6rem;height:5.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#fff;box-shadow:0 6px 16px #0f3d4726;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;z-index:5;transition:transform .12s ease,box-shadow .12s ease}.cycleeau__tile:active{transform:scale(.95)}.cycleeau__tile--dragging{cursor:grabbing;transition:none;box-shadow:0 12px 24px #0f3d4740}.cycleeau__tile--wrong{animation:cycleeau-shake .3s ease}@keyframes cycleeau-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.cycleeau__tileEmoji{font-size:1.8rem}.cycleeau__tileLabel{font-size:.6rem;font-weight:600;text-align:center;padding:0 .2rem;line-height:1.15}.cycleeau__overlay[hidden]{display:none}.cycleeau__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#eff6f7f0;padding:1.5rem;text-align:center}.cycleeau__overlayMessage{margin:0;font-size:1.6rem;font-weight:700;color:#0f3d47}.cycleeau__overlayScore{margin:0;font-size:1rem;color:#1f7a8c}