.demo-page.swamp{--accent:#d5f269;--soft:#ddf0de}.swamp .intro h1{color:#277766;text-shadow:2px 2px #e1f1a2}.swamp-stage{position:relative;padding:24px;background:radial-gradient(ellipse at 12% 3%,#fdf6b177,transparent 45%),repeating-radial-gradient(ellipse at 60% 80%,#72cfc322 0 4px,transparent 5px 44px),linear-gradient(145deg,#79cabc,#267e7b);isolation:isolate}.canopy-light{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(112deg,transparent 10%,#fff5c127 11%,transparent 24%,#fff5c133 25%,transparent 39%);animation:sunshift 12s ease-in-out infinite alternate}.pond-top{display:flex;justify-content:space-between;gap:12px;color:#fffbed;align-items:center;margin-bottom:18px}.pond-top .pond-title{font:24px KroakedDisplay,Arial}.pond-top .safe-count{font-size:11px;font-weight:800}.pond-play{display:flex;gap:25px;align-items:center;justify-content:center;position:relative}.fred-side{width:26%;max-width:230px;text-align:center;flex-shrink:0;position:relative}.fred-side img{display:block;width:100%;height:auto;max-height:270px;object-fit:contain;filter:drop-shadow(0 5px 0 #145d5f44);transform-origin:50% 90%;animation:fred-idle 4s ease-in-out infinite}.fred-side .fred-quote{background:#fffbed;border:2px solid #292333;border-radius:18px;padding:10px;font:17px/1.2 KroakedDisplay,Arial;margin:12px 0 0}.fred-side.catching img{animation:catch-joy .4s ease}.fred-side.banked img{animation:happy-belly 2.8s ease-in-out infinite}.fred-side.lost img{animation:none;filter:saturate(.4) brightness(.7);transform:rotate(-5deg)}.board-wrap{width:min(100%,465px);position:relative}.pond-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;width:100%;aspect-ratio:1}.swamp .pad-button{position:relative;border:0;border-radius:16px;padding:0;min-width:0;background:#185c6144;box-shadow:inset 0 -3px #134e5444;overflow:hidden;aspect-ratio:1;touch-action:manipulation;transform:none;transition:background .2s}.swamp .pad-button:before{content:'';position:absolute;inset:12% 7% 17%;border-radius:50%;background:radial-gradient(ellipse at 38% 35%,#d3ec87 0,#95cb5b 60%,#62a24c 100%);box-shadow:0 3px #266c49;border:2px solid #347b4e;clip-path:polygon(0 0,100% 0,100% 42%,55% 53%,100% 66%,100% 100%,0 100%);transition:opacity .2s}.swamp .pad-button:hover:not(:disabled){transform:none;background:#d5f26944}.pad-number{position:absolute;left:0;right:0;bottom:12%;font-size:9px;color:#31583780;font-weight:800}.pad-button.revealed:before,.pad-button.ghost:before{opacity:.2}.pad-button.revealed .pad-number,.pad-button.ghost .pad-number{display:none}.pad-button.safe{background:#dcf4ad44;border:1px solid #d5f26999}.pad-button.hit{background:#ffad6566;border:2px solid #ffcb83;animation:pad-hit .35s ease}.symbol{position:absolute;inset:8%;display:grid;place-items:center;overflow:hidden}.symbol img{width:100%;height:100%;object-fit:contain;pointer-events:none}.symbol.croc img{width:162%;height:162%;max-width:none;object-fit:contain;transform:translate(8%,-16%) rotate(-20deg)}.pad-button.safe .symbol{animation:fly-pop .35s ease}.pad-button.ghost .symbol{opacity:.35;filter:saturate(.5)}.pad-button:disabled{opacity:1}.tongue-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:4}.tongue-layer path{stroke:#fb8f9e;stroke-width:8;stroke-linecap:round;fill:none;filter:drop-shadow(0 2px #7d3e5944)}.croc-attack{position:absolute;left:8%;top:12%;width:20%;aspect-ratio:1;overflow:hidden;pointer-events:none;z-index:5;opacity:0}.croc-attack img{width:155%;height:155%;max-width:none;object-fit:contain;transform:translate(5%,-12%) rotate(-20deg)}.croc-attack.snap{animation:croc-snap .9s ease}.pond-message{margin:18px auto 0;text-align:center;font:18px KroakedDisplay,Arial;color:#fffbed;min-height:24px}.pond-win{background:#fffbed;border:2px solid #292333;border-radius:20px;padding:13px;text-align:center;margin:15px 0 0;box-shadow:0 3px #29233333}.pond-win[hidden]{display:none}.pond-win strong{font:26px KroakedDisplay,Arial}.pond-win span{display:block;font-size:14px;font-weight:800;margin-top:5px}.risk-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0 0}.risk-item{padding:12px 16px;background:#efe9db;border:1px solid #ded6c8;border-radius:14px}.risk-item small{display:block;font-size:9px;font-weight:800;letter-spacing:1px;color:#776c80}.risk-item strong{display:block;font:25px KroakedDisplay,Arial;margin-top:5px}.swamp .panel{display:grid;grid-template-columns:1fr 2fr}.seed-fields .label,.croc-field label{display:block;margin-bottom:8px}.croc-field{margin-top:12px}.croc-field select{border:2px solid #292333;border-radius:10px;padding:10px;background:#fffbed;width:100%;max-width:260px;font:14px Arial;color:#292333}.swamp .actions{display:flex;gap:9px;align-items:center}.swamp .actions button{flex:1;min-height:46px;white-space:normal}.swamp .actions button:disabled{opacity:.45}.swamp .payout{font-size:11px;line-height:1.5;margin-top:10px;color:#776c80}.swamp .foot{display:flex;justify-content:space-between;gap:15px}.pond-history{display:flex;gap:6px;flex-wrap:wrap;font-size:10px;margin-top:14px}.pond-history span{padding:6px 10px;border-radius:20px;background:#eee7d9;color:#776c80}.pond-history .win{background:#dcedb8;color:#3c5d31}.odds-description{font-size:10px;color:#776c80;line-height:1.6}.swamp .stat-table{overflow-x:auto}.swamp .stat-table table{min-width:340px}.swamp .game button:focus-visible{outline:3px solid #fffbed;outline-offset:-4px}.swamp .sound.calm{background:#7253b4}.swamp.calm *{animation:none!important;transition:none!important}.swamp .stat-table .current-row{background:#e2f1ce}.swamp .risk-meter{height:4px;background:#ded6c8;border-radius:10px;margin-top:8px;overflow:hidden}.swamp .risk-meter span{display:block;height:100%;background:#e68767;transition:width .2s}
@keyframes sunshift{to{transform:translateX(8%);opacity:.65}}@keyframes fred-idle{50%{transform:translateY(3px) rotate(1deg)}}@keyframes happy-belly{50%{transform:rotate(-3deg) scale(1.025)}}@keyframes catch-joy{50%{transform:rotate(-5deg) scale(1.04)}}@keyframes fly-pop{from{transform:scale(.4) rotate(-12deg)}to{transform:scale(1)}}@keyframes pad-hit{50%{transform:scale(1.06)}}@keyframes croc-snap{0%{opacity:0;transform:translateY(30%) scale(.6)}25%{opacity:1;transform:translateY(0) scale(1.2)}48%{opacity:1;transform:scale(1.25,.18)}65%{opacity:1;transform:scale(1.05,.7)}100%{opacity:0;transform:translateY(20%)}}@media(max-width:750px){.swamp .panel{grid-template-columns:1fr 1.25fr}.swamp-stage{padding:16px}.pond-play{display:flex;flex-direction:column;gap:15px}.fred-side{display:flex;align-items:center;gap:16px;width:100%;max-width:none;text-align:left}.fred-side img{width:78px;height:88px;object-fit:contain;flex-shrink:0}.fred-side .fred-quote{font-size:16px;margin:0;width:100%;max-width:280px}.pond-top{margin-bottom:12px}.pond-top .pond-title{font-size:20px}.pond-grid{gap:7px}.swamp .pad-button{border-radius:12px}.pond-message{font-size:15px;margin-top:14px}.risk-item{padding:10px}.risk-item strong{font-size:21px}.risk-item small{font-size:8px;letter-spacing:.5px}.croc-attack{left:2%;top:0;width:85px}.tongue-layer path{stroke-width:5}}@media(max-width:370px){.swamp-stage{padding:12px}.pond-grid{gap:5px}.risk-strip{gap:6px}.risk-item{padding:9px 7px}.risk-item strong{font-size:18px}.swamp .panel{padding:14px;gap:12px}.swamp .quick-bets{gap:5px}.swamp .quick-bets button{min-width:40px}}@media(prefers-reduced-motion:reduce){.swamp *{animation:none!important;transition:none!important}}

.tongue-layer[hidden]{display:none}.swamp-stage{overflow:hidden}.swamp .fred-side .pond-win{width:100%;box-sizing:border-box}@media(max-width:750px){.swamp .fred-side{flex-wrap:wrap}.swamp .fred-side .fred-quote{flex:1;min-width:0}.swamp .fred-side .pond-win{margin:0;padding:9px}.swamp .fred-side .pond-win strong{font-size:20px}}

.tongue-layer path{stroke-dasharray:100;animation:tongue-catch .42s ease-in-out}@keyframes tongue-catch{0%,100%{stroke-dashoffset:100}40%,65%{stroke-dashoffset:0}}

.swamp .board-wrap .controls{margin-top:12px;position:relative;z-index:6}.swamp .board-wrap .actions{gap:10px}.swamp .board-wrap .actions button{min-height:54px;min-width:0;padding:12px 14px;line-height:1.25;overflow-wrap:anywhere}.swamp .board-wrap .payout{color:#fffbedde;margin-top:8px;min-height:32px;font-size:11px;line-height:1.45;text-align:center}.swamp .pond-win{max-width:465px;margin:12px auto 0}.swamp .board-wrap .actions button:disabled{opacity:.55}@media(max-width:750px){.swamp .board-wrap .controls{margin-top:10px}.swamp .board-wrap .actions{grid-column:auto}.swamp .board-wrap .actions button{min-height:54px;font-size:13px}.swamp .pond-message{margin-top:10px}.swamp .board-wrap .payout{font-size:10px}.swamp .panel{grid-template-columns:1fr 1.25fr}}