@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--lime:#d9f36a;--pink:#ed91ba;--cream:#fff7e6;--ink:#081b19}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071815;color:var(--cream);font-family:'DM Sans',sans-serif;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:800 10px 'DM Sans',sans-serif;letter-spacing:.6px;border:1px solid #8ea47840;color:var(--cream);background:#16322b;padding:12px 16px;border-radius:7px;cursor:pointer;transition:background .2s,box-shadow .2s}button:hover{background:#284738;box-shadow:0 0 18px #a0ca6120}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,#arena:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}button.dark{background:var(--lime);color:#142d22;border-color:var(--lime)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{height:76px;margin:auto;max-width:1340px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #9cbd7a20}.brand{display:flex;align-items:center;gap:10px;font:900 33px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.brand img{object-fit:contain;filter:drop-shadow(0 0 10px #b5cf5e25)}.brand span{font:700 8px/1.5 'DM Sans';letter-spacing:2px;color:#a2b28f;max-width:55px;margin-left:4px}.site-header nav{display:flex;gap:26px;align-items:center;font-size:9px;font-weight:800;letter-spacing:1px}.token-link{color:var(--lime);border:1px solid #c2e06940;padding:11px 15px;border-radius:5px}main{max-width:1160px;margin:0 auto;padding:28px 24px 0;position:relative}.game-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.eyebrow{margin:0 0 12px;font-size:8px;color:#a3b991;letter-spacing:2px;font-weight:700}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #d9f36a;margin-right:7px}h1,h2{font:900 64px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:0}h1 em{font-style:normal;color:var(--pink)}h1>span{display:inline-block;vertical-align:top;font:600 9px 'DM Sans';letter-spacing:0;margin:8px 0 0 10px;color:#b1c29e}.tagline{color:#a8baa3;font-size:11px;margin:12px 0 0}.edition{font:700 10px/1.7 'DM Sans';letter-spacing:.5px;color:#8fa189;text-align:right}.edition b{color:var(--cream)}.edition>span{display:block;font:8px monospace;color:#70907d;letter-spacing:1px;margin-top:8px}.cabinet{background:linear-gradient(145deg,#234136,#101e1c);border:1px solid #8caa6d55;border-radius:18px;padding:7px;box-shadow:0 25px 100px #0009,0 0 90px #88c86a08;position:relative}.cabinet-top{display:flex;justify-content:space-between;align-items:center;padding:3px 12px 9px;font:8px monospace;letter-spacing:2px;color:#a2bd90}.cabinet-top>span{display:flex;gap:9px;align-items:center}.cabinet-top i{width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime)}#fullscreen{font-size:8px;letter-spacing:1px;padding:7px 8px;background:transparent;border:none;color:#b4c5ac}.screen{overflow:hidden;border-radius:13px;border:5px solid #07130f;background:#0c231d}.screen-hud{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#10291f;color:#b5c6a2;font:800 11px 'DM Sans';font-variant-numeric:tabular-nums}#game-name{color:var(--lime)}#arena{position:relative;isolation:isolate;height:520px;overflow:hidden;background:#132e30;touch-action:manipulation;outline-offset:-4px!important}#scene,#game-board{position:absolute;inset:0}#scene{overflow:hidden;background:radial-gradient(ellipse at 70% 10%,#435e5b66,transparent 65%),linear-gradient(#0c222a 0%,#204440 62%,#142b2a 63%)}.moon{position:absolute;right:13%;top:30px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f6eed1,#acb995);box-shadow:0 0 45px #bccb8733,0 0 110px #cddc8033}.moon:after{content:'';position:absolute;inset:20% 17% 50% 48%;border-radius:50%;background:#8c9d7c25;box-shadow:-25px 23px 0 5px #8c9d7c20,4px 38px 0 -2px #8c9d7c24}.distant-bank{position:absolute;width:130%;height:70px;left:-10%;top:52%;background:#0e2b23;border-radius:55% 30% 0 0;filter:drop-shadow(0 8px 8px #0003)}.distant-bank:before{content:'';position:absolute;inset:-25px 0 35px;background:repeating-conic-gradient(from 4deg at 50% 100%,transparent 0deg 3deg,#12362c 4deg 7deg,transparent 8deg 20deg);opacity:.8}.water{position:absolute;inset:63% -20% -15%;background:repeating-radial-gradient(ellipse at 65% 0%,transparent 0 20px,#8cad8c10 21px 22px,transparent 24px 40px);animation:waterDrift 13s ease-in-out infinite alternate}.reed{position:absolute;bottom:-65px;left:-45px;height:290px;width:180px;z-index:2;background:repeating-conic-gradient(from 4deg at 45% 100%,transparent 0deg 3deg,#071e18 4deg 7deg,transparent 8deg 19deg);transform-origin:bottom;animation:reeds 9s ease-in-out infinite alternate}.reed.r2{left:auto;right:-45px;transform:scaleX(-1);animation-direction:alternate-reverse}.water-ring{position:absolute;width:250px;height:35px;left:calc(50% - 125px);bottom:2px;border:1px solid #b7d49466;border-radius:50%;animation:ripple 5s ease-out infinite}.water-ring.ring-two{animation-delay:-2.5s}.lily-pad{position:absolute;width:160px;height:32px;left:calc(50% - 80px);bottom:-5px;background:#456b35;border-radius:50%;box-shadow:0 5px 0 #173e2d}.pond-popo{position:absolute;bottom:-45px;left:calc(50% - 75px);width:150px;height:150px;object-fit:contain;z-index:2;filter:drop-shadow(0 4px 3px #0008)}#game-overlay{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#09211acc;padding:24px;color:var(--cream)}#game-icon{font:900 52px 'Barlow Condensed';color:var(--lime)}#game-title{max-width:680px;line-height:.95}#game-rules{font-size:13px;line-height:1.6;max-width:470px;color:#c5d1ba}#game-feedback{position:absolute;bottom:90px;left:10%;right:10%;text-align:center;pointer-events:none;z-index:5;text-shadow:0 2px 3px #000}#arena.is-paused:after{content:'PAUSED.\A EVEN HIS TONGUE NEEDS A BREAK.';white-space:pre-wrap;position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#09241cdd;color:var(--cream);font:900 30px/1.3 'Barlow Condensed';z-index:10;pointer-events:none}.screen-controls{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#10251f;gap:10px}.screen-controls button{padding:10px 14px;font-size:9px}#game-hint{font:8px/1.5 monospace;color:#92aa90;letter-spacing:.4px}.cabinet-bottom{display:flex;justify-content:space-between;align-items:center;padding:11px 15px 5px;gap:12px;font:8px 'DM Sans';letter-spacing:1px;color:#9bb18d}.cabinet-bottom b{font:900 22px 'Barlow Condensed';color:var(--lime);margin-left:9px}.cabinet-bottom .no-prizes{font:7px monospace;letter-spacing:1px;color:#718c74}.cabinet-bottom button{border:0;background:transparent;font-size:8px;padding:8px}.below-game{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:17px 0 0}.below-game>p{font:7px monospace;color:#78917e;letter-spacing:1px}.radio-strip{display:flex;gap:14px;align-items:center}#sound{background:transparent;border:0;padding:5px 0;color:#c2d4aa;font-size:8px;box-shadow:none}.radio-strip label{display:flex;align-items:center;gap:8px;font:7px monospace;color:#78917e;letter-spacing:1px}.radio-strip input{width:68px;accent-color:var(--lime);height:14px}.field-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-top:1px solid #92b37724;margin-top:23px;padding:24px 0}.field-guide>div{display:flex;gap:13px;align-items:center}.guide-icon{color:var(--lime);font-size:31px;width:35px;text-align:center}.guide-icon.pink{color:var(--pink)}.guide-icon.blue{color:#9accdf}.field-guide p{font-size:10px;color:#8faa97;line-height:1.7;margin:0}.field-guide b{display:block;font-size:8px;letter-spacing:1px;color:#d3dfc5;margin-bottom:3px}footer{max-width:1160px;margin:auto;padding:22px 24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#607d6b;border-top:1px solid #a2be8a15}footer p{margin:0}footer>span:last-child{font:7px monospace;letter-spacing:1px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);max-width:90%;padding:14px 20px;background:var(--lime);color:#173025;border-radius:7px;box-shadow:0 8px 30px #0008;opacity:0;pointer-events:none;z-index:30;font-size:12px;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}
/* The world outside the cabinet stays quietly alive. */
#pond-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 75% 15%,#274d3338,transparent 60%),#071815}.ambient-moon{position:absolute;right:-90px;top:90px;width:370px;height:370px;border-radius:50%;background:#b6ce7d;opacity:.035;box-shadow:0 0 140px #b3df6344;animation:breathe 12s ease-in-out infinite alternate}.ambient-light{position:absolute;right:12%;top:-20%;width:200px;height:120%;background:linear-gradient(90deg,transparent,#bedc7e08,transparent);transform:rotate(24deg);filter:blur(20px)}.ambient-mist{position:absolute;inset:40% -30% -10%;background:radial-gradient(ellipse at 25% 70%,#b2d4be12,transparent 60%);filter:blur(25px);animation:mist 18s ease-in-out infinite alternate}.ambient-mist.far{inset:10% -40% 30%;animation-duration:27s;animation-direction:alternate-reverse;opacity:.7}.ambient-reeds{position:absolute;width:260px;height:460px;left:-120px;bottom:-100px;background:repeating-conic-gradient(from 4deg at 45% 100%,transparent 0deg 3deg,#103225 4deg 6deg,transparent 7deg 18deg);transform-origin:bottom;animation:reeds 12s ease-in-out infinite alternate;opacity:.7}.ambient-reeds.right{left:auto;right:-120px;transform:scaleX(-1);animation-direction:alternate-reverse}.ambient-firefly{position:absolute;width:3px;height:3px;background:#d6ed8a;border-radius:50%;box-shadow:0 0 10px 3px #d6ed8a33;animation:firefly 8s ease-in-out infinite;opacity:0}@keyframes firefly{0%,100%{opacity:0;transform:translate(0,0)}35%,65%{opacity:.7}50%{transform:translate(18px,-35px)}}@keyframes mist{to{transform:translateX(12%)}}@keyframes breathe{to{opacity:.065;transform:scale(1.03)}}@keyframes reeds{to{rotate:5deg}}@keyframes waterDrift{to{transform:translateX(3%) scale(1.05)}}@keyframes ripple{0%{transform:scale(.4);opacity:0}15%{opacity:.6}100%{transform:scale(1.8);opacity:0}}
.cabinet #scene{background:linear-gradient(#071f2110,#071f2110),url('assets/pond-world.png') center 54%/cover no-repeat}.cabinet #scene .moon,.cabinet #scene .distant-bank,.cabinet #scene .reed{display:none}.cabinet #scene:after{content:'';position:absolute;inset:40% -15% -10%;background:radial-gradient(ellipse at 20% 80%,#d4e5bc18,transparent 60%);animation:mist 17s ease-in-out infinite alternate;pointer-events:none}.cabinet #scene .water{opacity:.4}.cabinet #scene .lily-pad{z-index:1}
.game-expanded{overflow:hidden}.cabinet.immersive-mode{position:fixed;inset:0;z-index:20}.cabinet:is(:fullscreen,.immersive-mode){width:100%;height:100%;border-radius:0;padding:8px 4vw;background:#071815;display:flex;flex-direction:column;overflow-y:auto}.cabinet:is(:fullscreen,.immersive-mode) .screen{flex:1 0 500px;display:flex;flex-direction:column;min-height:500px}.cabinet:is(:fullscreen,.immersive-mode) #arena{height:auto!important;flex:1;min-height:380px}.cabinet:is(:fullscreen,.immersive-mode) .cabinet-bottom{padding-bottom:8px}
@media(max-width:760px){.site-header{height:62px;padding:0 18px}.brand{font-size:29px;gap:5px}.brand img{width:34px;height:34px}.brand span{display:none}.site-header nav{gap:15px;font-size:8px;letter-spacing:0}.token-link{padding:8px 10px}main{padding:23px 10px 0}.game-heading{padding:0 8px;margin-bottom:18px}.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:9px}h1{font-size:48px;letter-spacing:-.6px}h1>span{display:none}.tagline{font-size:10px;margin-top:9px}.edition{display:none}.cabinet{border-radius:13px;padding:4px}.cabinet-top{font-size:7px;letter-spacing:1px;padding:3px 8px 7px}#fullscreen{font-size:7px}.cabinet-bottom{padding:9px 9px 4px;font-size:7px;letter-spacing:.5px}.cabinet-bottom .no-prizes{display:none}.cabinet-bottom b{font-size:22px}.below-game{margin:15px 8px 0}.below-game>p{display:none}.radio-strip{justify-content:space-between;width:100%}.field-guide{margin:22px 8px 0;grid-template-columns:1fr;gap:16px;padding:22px 0}.field-guide>div{gap:11px}.field-guide p{font-size:10px}.field-guide b{font-size:8px}footer{padding:18px;flex-wrap:wrap;gap:9px;font-size:7px}footer>span:last-child{display:none}footer p{flex-basis:100%}.cabinet:fullscreen{padding:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ambient-firefly{opacity:.35}}
