:root{color:#082b3b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eaf9ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100svh;margin:0}body{overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #ffe66d}.lobby-screen{box-sizing:border-box;background:radial-gradient(circle at 22% 18%,#ffee6857,#0000 22%),radial-gradient(circle at 82% 74%,#76e9c847,#0000 24%),linear-gradient(135deg,#e9fbff 0%,#8edff5 48%,#2b9dcc 100%);place-items:start center;height:100svh;padding:clamp(18px,4vw,52px);display:grid;overflow-y:auto}.game-grid{grid-template-columns:repeat(4,minmax(120px,1fr));align-items:center;gap:clamp(16px,4vw,34px);width:min(100%,1120px);display:grid}.game-tile{aspect-ratio:1;background:linear-gradient(#ffffffa3,#ffffff42),#12789d47;border:3px solid #ffffff9e;border-radius:8px;place-items:center;transition:transform .16s,filter .16s,background .16s;display:grid;position:relative;overflow:visible;box-shadow:0 18px 40px #0330482e,inset 0 0 0 2px #ffffff42}.game-tile:hover{transform:translateY(-2px)scale(1.01)}.game-tile:after{content:attr(data-label);z-index:2;color:#fff8be;opacity:0;pointer-events:none;background:#052d42d6;border-radius:999px;min-width:max-content;padding:7px 12px;font-size:.95rem;font-weight:900;transition:opacity .14s,transform .14s;position:absolute;bottom:-12px;left:50%;transform:translate(-50%,8px)}.game-tile:hover:after,.game-tile:focus-visible:after{opacity:1;transform:translate(-50%)}.game-tile svg{width:min(74%,220px);height:min(74%,220px);overflow:visible}.fish-tile{background:radial-gradient(circle at 50% 45%,#fff58a5c,#0000 44%),linear-gradient(#ffffffa3,#94ebff61)}.tile-glow{fill:#fff47d94}.tile-glow.muted{fill:#ffffff5c}.fish-body,.fish-tail{fill:#ffd54d;stroke:#fff8b6;stroke-width:6px;stroke-linejoin:round}.fish-highlight,.bubble-one,.bubble-two{fill:#fff;opacity:.82}.fish-eye,.mouse-eye{fill:#073247}.mouse-tail{fill:none;stroke:#0732478a;stroke-width:8px;stroke-linecap:round}.mouse-body,.mouse-ear,.mouse-nose{fill:#b9c7d0;stroke:#f7fbfd;stroke-width:5px;stroke-linejoin:round}.wing{fill:#d6faffa8;stroke:#fff;stroke-width:5px}.wing-left-top,.wing-left-bottom{transform-origin:90px 90px;transform:rotate(-22deg)}.wing-right-top,.wing-right-bottom{transform-origin:90px 90px;transform:rotate(22deg)}.dragonfly-body,.dragonfly-head{fill:#3ecfb5;stroke:#f7ffb8;stroke-width:5px;stroke-linejoin:round}.butterfly-wing{fill:#ff9bd1c2;stroke:#fff8b6;stroke-width:5px}.butterfly-wing.small{fill:#ffe36fc7}.butterfly-wing.left{transform-origin:90px 90px;transform:rotate(-12deg)}.butterfly-wing.right{transform-origin:90px 90px;transform:rotate(12deg)}.butterfly-body,.bird-body,.bird-wing,.cricket-body,.frog-body,.gecko-body,.gecko-head,.beetle-shell,.snake-head,.squirrel-body,.squirrel-head{stroke:#fff8b6;stroke-width:5px;stroke-linejoin:round}.butterfly-body{fill:#7d5ab6}.bird-body,.bird-wing{fill:#79c9ff}.bird-beak{fill:#fff06a}.cricket-body,.frog-body,.frog-eye{fill:#72d25d}.cricket-leg,.gecko-leg,.beetle-line{fill:none;stroke:#fff8b6;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.gecko-body,.gecko-head{fill:#8fd6a6}.gecko-tail{fill:none;stroke:#8fd6a6;stroke-width:11px;stroke-linecap:round}.beetle-shell{fill:#4f8c56}.snake-body{fill:none;stroke:#77b35a;stroke-width:21px;stroke-linecap:round;stroke-linejoin:round}.snake-head{fill:#77b35a}.squirrel-tail{fill:none;stroke:#c98a4f;stroke-width:15px;stroke-linecap:round;stroke-linejoin:round}.squirrel-body,.squirrel-head{fill:#c98a4f}.firefly-glow{fill:#d7ff55a8}.setup-screen,.summary-screen{background:radial-gradient(circle at 18% 16%,#ffe66d61,#0000 24%),linear-gradient(135deg,#f3fcff 0%,#b7edff 45%,#67c8ec 100%);align-content:center;gap:28px;min-height:100svh;padding:clamp(20px,4vw,44px);display:grid}.setup-intro,.summary-header{max-width:760px}.eyebrow{color:#0a6187;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.86rem;font-weight:800}h1{color:#052b3f;letter-spacing:0;margin:0;font-size:clamp(3rem,9vw,7rem);line-height:.9}p{color:#174b62;max-width:620px;margin:14px 0 0;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.45}.setup-controls{gap:22px;max-width:1080px;display:grid}.language-switch{background:#052d421f;border-radius:8px;gap:6px;width:fit-content;padding:6px;display:inline-flex}.language-switch button,.game-language-switch button{color:#073247;background:#ffffff9e;border-radius:6px;min-height:36px;padding:0 12px;font-size:.9rem;font-weight:850}.language-switch button.selected,.game-language-switch button.selected{color:#052b3f;background:#fff7ba}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:#073247;margin-bottom:10px;font-size:1rem;font-weight:800}.option-grid,.timer-row,.summary-actions{gap:10px;display:grid}.option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.option-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid button,.timer-row button,.secondary-action{color:#0a3348;text-align:left;background:#ffffff94;border:2px solid #052b3f24;border-radius:8px;min-height:76px;padding:14px;transition:background .16s,border-color .16s,transform .16s}.option-grid button strong{color:#062c41;margin-bottom:5px;font-size:1.05rem;display:block}.option-grid button span{color:#246176;font-size:.88rem;line-height:1.25;display:block}.option-grid button em{color:#0a6187;margin-top:8px;font-size:.78rem;font-style:normal;font-weight:900;display:inline-block}.option-grid button:hover,.timer-row button:hover,.secondary-action:hover{background:#ffffffd1;transform:translateY(-1px)}.option-grid button.selected,.timer-row button.selected{background:#fff7ba;border-color:#ffe66d;box-shadow:inset 0 0 0 2px #ffffffb3}.timer-row{grid-template-columns:repeat(3,minmax(92px,140px))}.timer-row button{text-align:center;min-height:48px;font-weight:800}.timer-row button strong,.timer-row button span{display:block}.timer-row button span{color:#246176;margin-top:3px;font-size:.78rem;line-height:1.2}.endless-note{color:#164a61;background:#fff7bab8;border-radius:8px;max-width:760px;margin:-6px 0 0;padding:12px 14px;font-size:.95rem}.primary-action{color:#fff8be;background:#063b57;border-radius:8px;width:min(100%,260px);min-height:58px;padding:0 24px;font-size:1.08rem;font-weight:900;box-shadow:0 14px 30px #04344e38}.safety-note{color:#164a61;align-items:center;gap:12px;max-width:900px;padding-top:8px;display:flex}.safety-note strong{color:#073247;flex:none}.game-screen{touch-action:none;-webkit-user-select:none;user-select:none;background:#2aa9d6;position:fixed;inset:0;overflow:hidden}.pond-canvas{cursor:crosshair;width:100vw;height:100svh;display:block}.game-controls{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#052d4280;border-radius:8px;align-items:center;gap:8px;padding:7px;display:flex;position:fixed}.game-controls button{color:#073247;background:#ffffffd1;border-radius:6px;place-items:center;width:48px;height:48px;display:grid}.game-controls svg{fill:currentColor;width:26px;height:26px}.summary-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;max-width:980px;margin:0;display:grid}.summary-grid div{background:#ffffff9e;border-radius:8px;min-height:112px;padding:16px}dt{color:#246176;font-size:.85rem;font-weight:800}dd{color:#052b3f;text-transform:capitalize;margin:8px 0 0;font-size:clamp(1.6rem,4vw,2.7rem);font-weight:900;line-height:1}.summary-actions{grid-template-columns:minmax(180px,260px) minmax(180px,220px)}.secondary-action{text-align:center;min-height:58px;font-weight:850}@media (orientation:portrait){.setup-screen,.summary-screen{align-content:start;overflow:auto}}@media (width<=820px){body{overflow:auto}.option-grid.three,.option-grid.four,.option-grid.two,.summary-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:1fr;width:min(100%,560px)}.timer-row{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-actions{grid-template-columns:1fr}.safety-note{flex-direction:column;align-items:flex-start}.game-controls{left:max(10px, env(safe-area-inset-left));justify-content:flex-start}.game-controls button{width:46px;height:46px}}