@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(../media/comic-neue-latin-700-normal.05gp5c__92tj6.woff2)format("woff2"),url(../media/comic-neue-latin-700-normal.0_9_1eier8tcj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--blue:#08a5df;--blue-deep:#007fbe;--blue-pale:#dff6ff;--orange:#ff7b22;--orange-deep:#e4560c;--red:#ed2636;--ink:#151515;--muted:#5a5a5a;--paper:#fffefa;--white:#fff;--scribble:"Comic Sans MS", "Comic Sans", "Marker Felt", "Bradley Hand", cursive;--plain:ui-rounded, "Trebuchet MS", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--white);min-width:320px;min-height:100%;color:var(--ink);-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--scribble);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input,select{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:4px solid #ff7b2273}.landing-shell{background:#fff;min-height:100svh;position:relative}.landing-poster{min-height:100svh;position:relative;overflow:hidden}.standalone-landing{overscroll-behavior-y:contain;scroll-behavior:auto;height:100svh;overflow:hidden auto}.standalone-landing>.landing-poster{z-index:2;height:100%;min-height:100%;overflow:visible}.standalone-landing .ocean-scene{z-index:5;overflow:visible}.standalone-landing>.landing-seo{z-index:1}.embedded-landing{height:100dvh;overflow:hidden}.embedded-landing .landing-poster{height:100%;min-height:0}.app-shell{min-height:100vh}.crazygames-mode [data-external-ad],.crazygames-mode .external-ad{display:none!important}.app-splash-layer{z-index:80;pointer-events:none;position:fixed;inset:0;overflow:hidden}.menu-tap-splash{border:2px solid #fffffff0;border-radius:50%;width:34px;height:15px;animation:.65s ease-out forwards menu-splash-ring;position:absolute;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 0 2px #007fbeb8}.menu-tap-splash:before,.menu-tap-splash:after{background:var(--blue);content:"";border-radius:60% 40% 55% 45%;width:7px;height:11px;position:absolute;bottom:7px;box-shadow:0 0 0 1px #fff}.menu-tap-splash:before{animation:.65s ease-out forwards menu-splash-drop-left;left:5px}.menu-tap-splash:after{animation:.65s ease-out forwards menu-splash-drop-right;right:5px}@keyframes menu-splash-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@keyframes menu-splash-drop-left{0%{opacity:0;transform:translate(2px,4px)rotate(18deg)scale(.3)}28%{opacity:1}to{opacity:0;transform:translate(-10px,-25px)rotate(-24deg)scale(.8)}}@keyframes menu-splash-drop-right{0%{opacity:0;transform:translate(-2px,4px)rotate(-18deg)scale(.3)}28%{opacity:1}to{opacity:0;transform:translate(11px,-27px)rotate(25deg)scale(.8)}}.audio-dock{z-index:45;gap:8px;display:grid;position:fixed;top:50%;right:11px;transform:translateY(-50%)}.audio-dock button{border:2px solid var(--ink);background:#fffffff0;border-radius:12px 8px 13px 9px;place-items:center;width:48px;min-height:47px;padding:4px;line-height:1;transition:transform .12s,box-shadow .12s,opacity .12s;display:grid;transform:rotate(1deg);box-shadow:3px 4px #1515153d}.audio-dock button:nth-child(2){transform:rotate(-1deg)}.audio-dock button:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:4px 6px #15151547}.audio-dock button[aria-pressed=false]{opacity:.55}.audio-dock button:disabled{opacity:.42}.audio-dock button>span{color:var(--blue-deep);font-size:20px;font-weight:900}.audio-dock button[aria-pressed=false]>span{color:#777}.audio-dock small{font-family:var(--plain);letter-spacing:.06em;font-size:7px;font-weight:900}.sketch-hero{z-index:3;text-align:center;align-content:center;justify-items:center;min-height:64vh;padding:7vh 24px 12vh;display:grid;position:relative}.scribble-kicker,.landing-note{color:var(--blue-deep);font-family:var(--plain);letter-spacing:.18em;margin:0;font-size:clamp(10px,1.1vw,14px);font-weight:900}.hero-logo-title{color:#fff;font-family:"Comic Neue", var(--scribble);letter-spacing:-.09em;-webkit-text-stroke:clamp(2px, .23vw, 4px) var(--ink);paint-order:stroke fill;filter:drop-shadow(4px 5px #08a5df2e);align-items:baseline;gap:clamp(15px,3vw,48px);margin:16px 0 12px;font-size:clamp(86px,15vw,230px);font-weight:700;line-height:.9;display:flex}.hero-logo-title span:first-child{transform:rotate(-3deg)}.hero-logo-title span:last-child{transform:rotate(2deg)translateY(7px)}.play-button{border:3px solid var(--ink);background:var(--blue);min-width:clamp(100px,10vw,200px);min-height:clamp(30px,4vw,45px);box-shadow:6px 8px 0 var(--ink);color:#fff;letter-spacing:.13em;text-shadow:2px 2px 0 var(--blue-deep);border-radius:46% 54% 43% 57%/59% 43% 57% 41%;font-size:clamp(15px,2vw,25px);font-weight:900;transition:transform .14s,box-shadow .14s;position:relative;transform:rotate(-1deg)}.play-button:hover{box-shadow:8px 12px 0 var(--ink);transform:rotate(1deg)translateY(-5px)}.play-button:active{box-shadow:2px 3px 0 var(--ink);transform:translateY(5px)}.quick-play-link{border:0;border-bottom:3px solid var(--orange);min-height:34px;color:var(--ink);letter-spacing:.11em;background:0 0;margin-top:13px;font-size:clamp(11px,1vw,14px);font-weight:900}.quick-play-link span{color:var(--orange-deep)}.quick-play-link:hover{color:var(--blue-deep);transform:translateY(-2px)rotate(-1deg)}.how-to-play-link{border-bottom:3px solid var(--orange);color:var(--ink);align-items:center;gap:7px;margin-top:18px;font-size:clamp(13px,1.25vw,17px);font-weight:900;text-decoration:none;transition:color .14s,transform .14s;display:inline-flex;transform:rotate(.5deg)}.landing-menu-links{flex-wrap:wrap;justify-content:center;gap:12px 22px;margin-top:18px;display:flex}.landing-menu-links .how-to-play-link{margin-top:0}.feedback-link{border-bottom-color:var(--blue)}.feedback-link span{color:var(--blue-deep)}.support-link{border-bottom-color:#fd0}.support-link span{color:var(--orange-deep)}.how-to-play-link span{color:var(--orange);font-family:var(--plain);font-size:.75em}.how-to-play-link:hover{color:var(--blue-deep);transform:rotate(-1deg)translateY(-2px)}.how-to-play-link:focus-visible{outline-offset:5px;outline:4px solid #ff7b2273}.landing-note{color:var(--ink);font-family:var(--scribble);letter-spacing:.04em;margin-top:25px;font-size:clamp(12px,1.3vw,17px);font-weight:700}.ocean-scene{z-index:2;isolation:isolate;height:43vh;min-height:300px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ocean-water{z-index:-1;transform-origin:50% 100%;animation:6.5s ease-in-out infinite ocean-breathe;position:absolute;inset:0 -2% -2%}.ocean-shape{width:100%;height:100%;fill:var(--blue);display:block;position:absolute;inset:0}.ocean-ripple{z-index:1;pointer-events:none;border-top:3px solid #ffffff4d;border-radius:50%;height:22%;display:block;position:absolute}.ripple-one{width:47%;animation:8s ease-in-out infinite ripple-drift;top:55%;left:10%;transform:rotate(-4deg)}.ripple-two{width:34%;animation:9s ease-in-out 1.5s infinite reverse ripple-drift;top:47%;right:4%;transform:rotate(5deg)}.ocean-scene>p{color:#fff;font-family:var(--plain);letter-spacing:.3em;text-align:center;margin:0;font-size:11px;font-weight:900;position:absolute;bottom:20px;left:0;right:0}.underwater-bubble-vfx{z-index:81;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.dive-cue{z-index:6;color:#fff;min-width:112px;font:900 8px var(--plain);letter-spacing:.17em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#004f7b80;border:2px solid #ffffffe6;border-radius:999px;justify-items:center;gap:2px;padding:7px 15px 5px;text-decoration:none;transition:background .16s,transform .16s;display:grid;position:absolute;bottom:48px;right:50%;transform:translate(50%);box-shadow:0 5px #00314e61}.dive-cue b{font-size:15px;line-height:.8;animation:1.4s ease-in-out infinite dive-cue-bob}.dive-cue:hover{background:#003d63bd;transform:translate(50%,-4px)}.landing-seo{z-index:4;background:linear-gradient(180deg, var(--blue) 0%, #078dc2 15%, #075e8e 42%, #04466f 72%, #023552 100%);color:#fff;isolation:isolate;border-top:0;min-height:100svh;position:relative;overflow:hidden}.landing-seo:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(at 16% 9%,#b0eeff33 0 3%,#0000 14%),radial-gradient(at 77% 13%,#bcf2ff29 0 4%,#0000 16%),linear-gradient(106deg,#0000 6%,#bdf1ff17 18%,#0000 31%),linear-gradient(74deg,#0000 56%,#bdf1ff14 69%,#0000 82%);position:absolute;inset:clamp(72px,10svh,112px) 0 0}.dive-transition{z-index:2;background:linear-gradient(180deg, var(--blue) 0%, #0799cf 58%, #078ec20f 100%);border-top:0;height:clamp(72px,10svh,112px);position:relative;overflow:hidden}.underwater-bubble{border:2px solid #ddfaffa3;border-radius:50%;display:block;position:absolute;box-shadow:inset 2px 2px #fff3}.underwater-ambience{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.underwater-bubble{opacity:.34}.underwater-bubble-one{width:27px;height:27px;animation:8s ease-in-out infinite bubble-drift;top:18%;left:4%}.underwater-bubble-two{width:15px;height:15px;animation:7s ease-in-out 1.3s infinite reverse bubble-drift;top:39%;right:6%}.underwater-bubble-three{width:11px;height:11px;animation:6.4s ease-in-out .7s infinite bubble-drift;top:61%;left:8%}.underwater-bubble-four{width:32px;height:32px;animation:9s ease-in-out 2s infinite reverse bubble-drift;top:78%;right:12%}.underwater-fish-shadow{filter:blur(.4px);background:#00263e38;border-radius:50%;width:94px;height:38px;position:absolute}.underwater-fish-shadow:after{clip-path:polygon(0 50%,100% 0,100% 100%);content:"";background:#00263e38;width:29px;height:30px;position:absolute;top:4px;right:-25px}.underwater-fish-shadow-one{animation:13s ease-in-out infinite shadow-fish-swim;top:28%;right:-24px;transform:rotate(-5deg)}.underwater-fish-shadow-two{animation:16s ease-in-out 3s infinite shadow-fish-swim-reverse;top:67%;left:-70px;transform:rotate(4deg)scale(.72)}.underwater-fish-shadow-two:after{left:-25px;right:auto;transform:scaleX(-1)}.deep-fish{--fish-angle:0deg;--fish-flip:1;width:clamp(58px,6vw,88px);height:clamp(28px,3vw,42px);transform:scaleX(var(--fish-flip)) rotate(var(--fish-angle));color:#ff873e8f;filter:drop-shadow(0 7px 8px #00203538);background:currentColor;border-radius:55% 45% 49% 51%/51% 56% 44% 49%;animation:8s ease-in-out infinite deep-fish-float;display:block;position:absolute}.deep-fish:before{clip-path:polygon(0 50%,100% 0,100% 100%);content:"";background:currentColor;width:41%;height:96%;position:absolute;top:2%;right:-33%}.deep-fish-one{--fish-angle:6deg;animation-delay:-2.1s;top:11%;left:3%}.deep-fish-two{--fish-angle:-5deg;--fish-flip:-1;color:#7bdeee6b;animation-duration:9.5s;animation-delay:-5s;top:43%;right:2%}.deep-fish-three{--fish-angle:3deg;color:#ff9f5c66;animation-duration:10.5s;animation-delay:-3.4s;top:74%;left:1.5%}.deep-card{--card-angle:0deg;width:clamp(38px,4vw,56px);height:clamp(56px,5.8vw,82px);transform:rotate(var(--card-angle));color:#0d2633b3;font-family:var(--scribble);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f6fdff9e;border:2px solid #0b3247a8;border-radius:6px 8px 6px 7px;animation:8.5s ease-in-out infinite deep-card-float;display:block;position:absolute;box-shadow:4px 6px #00233a2e}.deep-card:before{content:attr(data-rank);font-size:clamp(13px,1.6vw,22px);font-weight:900;position:absolute;top:5px;left:7px}.deep-card:after{content:attr(data-suit);text-align:center;font-family:Georgia,serif;font-size:clamp(22px,2.8vw,39px);position:absolute;bottom:10%;left:0;right:0}.deep-card.red{color:#da2b39b3}.deep-card-one{--card-angle:-9deg;animation-delay:-4.2s;top:24%;right:7%}.deep-card-two{--card-angle:8deg;animation-duration:10s;animation-delay:-1.7s;top:56%;left:5%}.deep-card-three{--card-angle:-5deg;animation-duration:9.2s;animation-delay:-6.1s;top:85%;right:8%}.underwater-reef{background:#ff772880;border-radius:56% 44% 0 0;width:95px;height:70px;position:absolute;bottom:-19px}.underwater-reef:before,.underwater-reef:after{content:"";border:5px solid #2db190a3;border-bottom:0;border-radius:60% 60% 0 0;width:13px;position:absolute;bottom:35px}.underwater-reef:before{height:83px;left:21px;transform:rotate(-13deg)}.underwater-reef:after{height:58px;right:20px;transform:rotate(17deg)}.underwater-reef-left{left:-25px}.underwater-reef-right{right:-31px;transform:scale(.82)rotate(-4deg)}.landing-seo-inner{z-index:2;width:min(1160px,100% - 40px);margin:0 auto;padding:clamp(38px,6vw,78px) 0 34px;position:relative}.seo-eyebrow{color:var(--blue-deep);font-family:var(--plain);letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:900}.landing-seo h1,.seo-guide-article h1{max-width:900px;font-family:"Comic Neue", var(--scribble);letter-spacing:-.045em;margin:0;font-size:clamp(44px,7vw,88px);line-height:.94}.landing-seo-lede{color:#373737;max-width:790px;font-family:var(--plain);margin:24px 0 0;font-size:clamp(17px,2vw,23px);font-weight:700;line-height:1.55}.landing-seo .seo-eyebrow{color:#b9efff;text-shadow:0 2px #002f4c59}.landing-seo h1{color:#fff;text-shadow:0 5px #002b4573}.landing-seo-lede{color:#e4f8ff;text-shadow:0 2px #002b453d}.landing-seo-actions{flex-wrap:wrap;gap:14px;margin-top:31px;display:flex}.seo-primary-cta,.seo-secondary-cta,.seo-play-link{border:3px solid var(--ink);min-height:52px;font-family:var(--plain);letter-spacing:.1em;border-radius:9px 6px 11px 7px;justify-content:center;align-items:center;gap:14px;padding:11px 20px;font-size:12px;font-weight:900;text-decoration:none;transition:transform .14s,box-shadow .14s;display:inline-flex}.seo-primary-cta{background:var(--orange);box-shadow:5px 6px 0 var(--ink);color:#fff}.seo-primary-cta span{font-size:20px;line-height:0}.seo-secondary-cta{color:var(--ink);background:#fff}.landing-seo .seo-secondary-cta{background:#ecfafff0}.seo-primary-cta:hover,.seo-secondary-cta:hover,.seo-play-link:hover{box-shadow:7px 9px 0 var(--ink);transform:translateY(-3px)rotate(-.5deg)}.landing-how,.landing-why,.landing-guides,.landing-faq{grid-template-columns:56px minmax(0,1fr);gap:clamp(18px,3vw,42px);margin-top:clamp(75px,10vw,135px);display:grid}.seo-section-number{border:3px solid var(--ink);background:var(--orange);color:#fff;width:48px;height:48px;font:900 11px var(--plain);border-radius:50%;place-items:center;display:grid;transform:rotate(-3deg)}.seo-section-number.blue{background:var(--blue);transform:rotate(3deg)}.landing-seo h2,.seo-related-guides h2{margin:0 0 25px;font-size:clamp(29px,4vw,48px);line-height:1.05}.landing-how ol{counter-reset:seo-step;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.landing-how li{border:3px solid var(--ink);min-height:185px;box-shadow:5px 6px 0 var(--blue);counter-increment:seo-step;background:#fff;border-radius:12px 7px 13px 8px;padding:48px 20px 20px;position:relative}.landing-seo .landing-how li{color:var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f6fdfff0;box-shadow:5px 6px #002b458f}.landing-how li:before{color:var(--orange-deep);content:"0" counter(seo-step);font:900 10px var(--plain);letter-spacing:.12em;position:absolute;top:16px;left:18px}.landing-how li strong{margin-bottom:10px;font-size:21px;display:block}.landing-how li span{color:var(--muted);font-family:var(--plain);font-size:14px;font-weight:700;line-height:1.55}.landing-benefit-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.landing-benefit-grid article{border-top:4px solid var(--orange);padding:20px 5px 0}.landing-benefit-grid article:nth-child(2){border-top-color:var(--blue)}.landing-benefit-grid strong{font-size:21px}.landing-benefit-grid p,.landing-guides>div>p{color:var(--muted);font-family:var(--plain);font-size:14px;font-weight:700;line-height:1.65}.landing-seo .landing-benefit-grid article{border:2px solid #caf4ff4d;border-top:4px solid var(--orange);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00385b3b;border-radius:10px;padding:20px 17px 17px}.landing-seo .landing-benefit-grid article:nth-child(2){border-top-color:#6bddff}.landing-seo .landing-benefit-grid p,.landing-seo .landing-guides>div>p{color:#d7f4ff}.landing-guide-grid{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:26px;display:grid}.landing-guide-grid a{border:3px solid var(--ink);min-height:176px;color:var(--ink);background:#fff;border-radius:10px 6px 12px 8px;align-content:start;padding:20px;text-decoration:none;transition:transform .14s,box-shadow .14s;display:grid;box-shadow:4px 5px #c9c9c9}.landing-seo .landing-guide-grid a{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f6fdfff0;box-shadow:4px 5px #00243c8a}.landing-guide-grid a:first-child{background:var(--blue-pale);box-shadow:5px 6px 0 var(--blue);grid-column:span 2}.landing-seo .landing-guide-grid a:first-child{background:#d6f6fff5;box-shadow:5px 6px #0026408c}.landing-guide-grid a:hover{box-shadow:6px 8px 0 var(--orange);transform:translateY(-4px)rotate(-.4deg)}.landing-guide-grid strong{font-size:21px;line-height:1.15}.landing-guide-grid span{color:var(--muted);font-family:var(--plain);margin-top:9px;font-size:13px;font-weight:700;line-height:1.5}.landing-guide-grid em{color:var(--orange-deep);font:900 9px var(--plain);letter-spacing:.12em;align-self:end;margin-top:18px;font-style:normal}.landing-faq details{border-top:3px dashed var(--ink)}.landing-faq details:last-child{border-bottom:3px dashed var(--ink)}.landing-seo .landing-faq details{border-color:#dbf8ff9e}.landing-faq summary{cursor:pointer;padding:20px 44px 20px 2px;font-size:19px;font-weight:900;list-style:none;position:relative}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{border:2px solid var(--ink);background:var(--blue-pale);width:29px;height:29px;color:var(--blue-deep);content:"+";font:900 18px var(--plain);border-radius:50%;place-items:center;display:grid;position:absolute;top:17px;right:5px}.landing-faq details[open] summary:after{background:var(--orange);color:#fff;content:"−"}.landing-faq details p{max-width:780px;color:var(--muted);font-family:var(--plain);margin:-6px 0 22px;font-size:14px;font-weight:700;line-height:1.65}.landing-seo .landing-faq details p{color:#d8f5ff}.landing-final-cta{border:4px solid var(--ink);background:var(--blue);box-shadow:8px 10px 0 var(--ink);color:#fff;border-radius:15px 9px 17px 10px;justify-content:space-between;align-items:center;gap:25px;margin-top:clamp(76px,10vw,130px);padding:clamp(27px,5vw,52px);display:flex;transform:rotate(-.5deg)}.landing-seo .landing-final-cta{background:var(--orange);box-shadow:8px 10px #001e31c7}.landing-final-cta p{font:900 10px var(--plain);letter-spacing:.2em;margin:0 0 7px}.landing-final-cta h2{margin:0;font-size:clamp(28px,4vw,45px)}.seo-primary-cta.inverse{color:var(--ink);background:#fff;flex:none}.landing-seo-footer{border-top:3px solid var(--ink);justify-content:space-between;gap:20px;margin-top:85px;padding:24px 2px 0;display:flex}.landing-seo-footer strong{font-size:17px}.landing-seo-footer a{color:var(--blue-deep);font:900 11px var(--plain)}.landing-seo-footer span{color:var(--muted);font:800 11px var(--plain)}.landing-seo .landing-seo-footer{border-top-color:#dbf8ff8c}.landing-seo .landing-seo-footer a{color:#fff}.landing-seo .landing-seo-footer span{color:#c5ecf9}@keyframes dive-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes bubble-drift{0%,to{transform:translateY(16px)}50%{transform:translate(14px,-22px)}}@keyframes deep-fish-float{0%,to{transform:translate3d(0, 0, 0) scaleX(var(--fish-flip)) rotate(var(--fish-angle))}48%{transform:translate3d(13px, -11px, 0) scaleX(var(--fish-flip)) rotate(var(--fish-angle))}72%{transform:translate3d(4px, -5px, 0) scaleX(var(--fish-flip)) rotate(var(--fish-angle))}}@keyframes deep-card-float{0%,to{transform:translate3d(0, 0, 0) rotate(var(--card-angle))}42%{transform:translate3d(8px, -14px, 0) rotate(var(--card-angle))}72%{transform:translate3d(-3px, -7px, 0) rotate(var(--card-angle))}}@keyframes shadow-fish-swim{0%,12%{transform:translate(0)rotate(-5deg)}82%,to{transform:translate(-118vw)rotate(3deg)}}@keyframes shadow-fish-swim-reverse{0%,10%{transform:translate(0)rotate(4deg)scale(.72)}84%,to{transform:translate(118vw)rotate(-2deg)scale(.72)}}.seo-guide-shell{background:linear-gradient(180deg, var(--blue-pale) 0, white 360px);min-height:100vh}.seo-site-header{border-bottom:3px solid var(--ink);background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:12px max(22px,50% - 580px);display:flex}.seo-brand{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:flex}.seo-brand>span{border:3px solid var(--ink);width:43px;height:50px;box-shadow:3px 4px 0 var(--blue);color:var(--blue-deep);background:#fff;border-radius:7px 5px 8px 6px;place-items:center;font-size:20px;display:grid;transform:rotate(-5deg)}.seo-brand strong{letter-spacing:.04em;font-size:17px}.seo-play-link{background:var(--orange);min-height:42px;box-shadow:3px 4px 0 var(--ink);color:#fff;border-width:2px;padding:8px 15px;font-size:9px}.seo-guide-article{width:min(900px,100% - 40px);margin:0 auto;padding:clamp(54px,8vw,90px) 0 100px}.seo-breadcrumbs{color:var(--muted);font:800 10px var(--plain);text-transform:uppercase;flex-wrap:wrap;gap:9px;margin-bottom:40px;display:flex}.seo-breadcrumbs a{color:var(--blue-deep)}.seo-guide-article h1{max-width:850px;font-size:clamp(42px,7vw,76px)}.seo-review-line{color:#58636b;font:750 12px/1.5 var(--plain);letter-spacing:.02em;margin:16px 0 0}.seo-review-line a{color:var(--blue-deep)}.seo-short-answer{border:3px solid var(--ink);max-width:820px;box-shadow:5px 6px 0 var(--orange);background:#fff8c9;border-radius:10px 7px 12px 8px;margin:28px 0 22px;padding:20px 24px}.seo-short-answer h2{color:var(--orange-deep);font:900 12px var(--plain);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.seo-short-answer p{color:#252525;font:750 clamp(16px, 2vw, 19px)/1.62 var(--plain);margin:0}.seo-guide-intro{color:#303030;max-width:790px;font:700 clamp(17px, 2vw, 22px)/1.6 var(--plain);margin:25px 0 28px}.seo-card-count{margin:52px 0 0}.seo-card-count h2{margin:0 0 16px;font-size:clamp(25px,3.5vw,36px)}.seo-card-count table{border:3px solid var(--ink);border-collapse:separate;border-spacing:0;width:100%;box-shadow:6px 7px 0 var(--blue);font:750 15px/1.45 var(--plain);background:#fff;border-radius:13px 8px 15px 9px;overflow:hidden}.seo-card-count caption{color:#56616a;text-align:left;padding:0 0 12px;font-size:13px}.seo-card-count th,.seo-card-count td{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);text-align:left;padding:15px}.seo-card-count tr>:last-child{border-right:0}.seo-card-count tbody tr:last-child>*{border-bottom:0}.seo-card-count thead th{background:var(--blue-pale);color:var(--blue-deep);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.seo-card-count tbody th{background:#fff8c9}.seo-guide-body{gap:53px;margin-top:75px;display:grid}.seo-guide-body section{border-left:5px solid var(--blue);padding-left:clamp(20px,4vw,38px)}.seo-guide-body section:nth-child(2n){border-left-color:var(--orange)}.seo-guide-body h2{margin:0 0 14px;font-size:clamp(25px,3.5vw,37px);line-height:1.12}.seo-guide-body p,.seo-guide-body li{color:#424242;font:650 16px/1.78 var(--plain)}.seo-guide-body p{margin:0}.seo-guide-body ul{gap:8px;margin:18px 0 0;padding-left:22px;display:grid}.seo-takeaway{border:3px solid var(--ink);box-shadow:5px 6px 0 var(--orange);font:750 16px/1.65 var(--plain);background:#fff3aa;border-radius:10px 6px 12px 7px;margin-top:65px;padding:22px 24px;transform:rotate(-.5deg)}.seo-takeaway strong{font-family:var(--scribble);font-size:19px}.seo-guide-faq{margin-top:82px}.seo-guide-faq>h2,.seo-editorial-note>h2{margin:0 0 24px;font-size:clamp(29px,4vw,43px);line-height:1.08}.seo-guide-faq article{border-top:3px dashed var(--ink);padding:22px 2px}.seo-guide-faq article:last-child{border-bottom:3px dashed var(--ink)}.seo-guide-faq h3{margin:0 0 8px;font-size:clamp(19px,2.5vw,24px);line-height:1.25}.seo-guide-faq p,.seo-editorial-note p,.seo-sources li{color:#424242;font:650 15px/1.72 var(--plain)}.seo-guide-faq p,.seo-editorial-note p{margin:0}.seo-editorial-note{border-left:5px solid var(--orange);background:#fff9e3;margin-top:78px;padding:25px clamp(20px,4vw,34px)}.seo-editorial-note>p+p{margin-top:20px}.seo-editorial-note a,.seo-sources a,.seo-about-article a{color:var(--blue-deep);font-weight:900}.seo-sources{margin-top:25px}.seo-sources h3{margin:0 0 10px;font-size:20px}.seo-sources ul{gap:12px;margin:0;padding-left:20px;display:grid}.seo-sources li span{color:#626b72;font-size:13px;display:block}.seo-about-article .seo-guide-body{margin-top:62px}.seo-related-guides{margin-top:85px}.seo-related-guides>div{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.seo-related-guides a{border:2px solid var(--ink);min-height:116px;color:var(--ink);background:#fff;border-radius:8px 5px 9px 6px;align-content:space-between;padding:16px;text-decoration:none;display:grid}.seo-related-guides a:hover{box-shadow:4px 5px 0 var(--blue);transform:translateY(-3px)}.seo-related-guides a strong{line-height:1.2}.seo-related-guides a span{color:var(--orange-deep);font:900 9px var(--plain);letter-spacing:.08em;margin-top:14px}.seo-footer{border-top:3px solid var(--ink);background:#fff;justify-content:space-between;gap:20px;padding:27px max(22px,50% - 580px);display:flex}.seo-footer a{color:var(--blue-deep);font-weight:900}.seo-footer span{color:var(--muted);font:800 10px var(--plain)}.fish{z-index:3;background:var(--orange);filter:drop-shadow(0 8px #d3530f2e)drop-shadow(0 13px 18px #1f5e7e33);transform-origin:50%;will-change:transform;border-radius:54% 46% 48% 52%/50% 54% 46% 50%;width:clamp(115px,14vw,215px);height:clamp(60px,7.2vw,105px);position:absolute;box-shadow:inset 0 2px #ffffff29}.fish:before{background:var(--orange);clip-path:polygon(0 50%,100% 0,100% 100%);content:"";width:43%;height:94%;position:absolute;top:3%;right:-35%}.fish-left{animation:6.5s ease-in-out -1.4s infinite both fish-float-left;top:48%;left:19%;transform:rotate(6deg)}.fish-right{animation:7.25s ease-in-out -2.1s infinite both fish-float-right;top:29%;right:20%;transform:scaleX(-1)rotate(5deg)}.sketch-card{z-index:4;width:clamp(72px,8.3vw,118px);height:clamp(106px,12vw,170px);font-family:var(--scribble);transform-origin:50%;will-change:transform;background:#fff;border:2px solid #1d1d1be6;border-radius:8px 11px 7px 10px;place-content:center;display:grid;position:absolute;box-shadow:inset 0 1px #ffffffe6,6px 8px #1366923d,0 18px 24px #0e53772e}.sketch-card b{font-size:clamp(20px,3vw,38px);position:absolute;top:9px;left:11px}.sketch-card span{font-family:Georgia,serif;font-size:clamp(42px,6vw,82px)}.sketch-card.red{color:var(--red)}.ocean-card-left{animation:6.8s ease-in-out -1.7s infinite both card-float-left;bottom:-42px;left:6%;transform:rotate(8deg)}.ocean-card-diamond{animation:7.1s ease-in-out -3.2s infinite both card-float-diamond;bottom:9%;left:37%;transform:rotate(-10deg)}.ocean-card-middle{animation:7.4s ease-in-out -2.4s infinite both card-float-middle;bottom:-9%;left:59%;transform:rotate(-19deg)}.ocean-card-right{animation:6.2s ease-in-out -4.1s infinite both card-float-right;bottom:3%;right:5%;transform:rotate(8deg)}@keyframes ocean-breathe{0%,to{transform:translateY(3px)scaleX(1)}30%{transform:translate(-5px,-9px)scaleX(1.008)}68%{transform:translate(5px,7px)scaleX(.996)}}@keyframes ripple-drift{0%,to{opacity:.78;translate:-8px}50%{opacity:1;translate:12px -5px}}@keyframes fish-float-left{0%,to{transform:translate(0,0)rotate(6deg)}50%{transform:translate(13px,-9px)rotate(9deg)}}@keyframes fish-float-right{0%,to{transform:translate(0,0)scaleX(-1)rotate(5deg)}50%{transform:translate(-11px,-8px)scaleX(-1)rotate(8deg)}}@keyframes card-float-left{0%,to{transform:translate(0,0)rotate(8deg)}50%{transform:translate(5px,-14px)rotate(11deg)}}@keyframes card-float-middle{0%,to{transform:translate(0,0)rotate(-19deg)}50%{transform:translate(7px,-17px)rotate(-16deg)}}@keyframes card-float-diamond{0%,to{transform:translate(0,0)rotate(-10deg)}50%{transform:translate(-5px,-12px)rotate(-7deg)}}@keyframes card-float-right{0%,to{transform:translate(0,0)rotate(8deg)}50%{transform:translate(-5px,-13px)rotate(5deg)}}.entry-backdrop{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffffb8;place-items:center;padding:28px 18px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0;overflow:auto}@keyframes fade-in{0%{opacity:0}}.entry-card{border:3px solid var(--ink);background:var(--paper);width:min(470px,100%);box-shadow:11px 12px 0 var(--orange), 18px 19px 0 var(--ink);border-radius:22px 13px 24px 16px;position:relative;transform:rotate(-.5deg)}.entry-card:before{content:"";background:#08a5df66;width:74px;height:26px;position:absolute;top:-15px;left:42%;transform:rotate(3deg)}.entry-close{z-index:3;border:3px solid var(--ink);background:var(--orange);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);color:#fff;font:900 28px/1 var(--plain);border-radius:50%;place-items:center;display:grid;position:absolute;top:-18px;right:-16px;transform:rotate(5deg)}.entry-tabs{border-bottom:3px solid var(--ink);border-radius:19px 10px 0 0;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.entry-tabs button{border:0;border-right:3px solid var(--ink);background:var(--blue-pale);min-height:62px;color:var(--blue-deep);letter-spacing:.1em;font-size:18px;font-weight:900}.entry-tabs button:last-child{border-right:0}.entry-tabs button.active{background:var(--blue);color:#fff;text-shadow:1px 1px 0 var(--blue-deep)}.entry-form{gap:19px;padding:30px 34px 27px;display:grid}.form-heading{align-items:flex-start;gap:14px;display:flex}.step-badge{border:3px solid var(--ink);background:var(--orange);color:#fff;width:42px;height:42px;font:900 13px var(--plain);border-radius:45% 55% 51% 49%;flex:none;place-items:center;display:grid;transform:rotate(-7deg)}.form-heading h2{margin:-3px 0 3px;font-size:27px;line-height:1.15}.form-heading p{color:var(--muted);font-family:var(--plain);margin:0;font-size:12px}.entry-form label{gap:7px;display:grid}.entry-form label>span{font-family:var(--plain);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.entry-form input,.entry-form select{border:3px solid var(--ink);width:100%;height:50px;font-family:var(--plain);background:#fff;border-radius:9px 5px 11px 7px;padding:0 13px;font-size:15px;font-weight:700}.entry-form input:focus,.entry-form select:focus{box-shadow:5px 5px 0 var(--blue);outline:0}.entry-form .code-input{letter-spacing:.2em;text-transform:uppercase;font-weight:900}.form-error{border:3px solid var(--ink);color:#9b221e;font:700 12px/1.4 var(--plain);background:#fff0ed;margin:-3px 0;padding:9px 11px}.primary-button,.ask-button{border:3px solid var(--ink);background:var(--orange);min-height:52px;box-shadow:5px 6px 0 var(--ink);color:#fff;letter-spacing:.04em;border-radius:11px 7px 13px 8px;justify-content:space-between;align-items:center;padding:0 18px;font-size:14px;font-weight:900;transition:transform .12s,box-shadow .12s;display:inline-flex;transform:rotate(-.5deg)}.primary-button:hover:not(:disabled),.ask-button:hover:not(:disabled){box-shadow:7px 9px 0 var(--ink);transform:rotate(.5deg)translateY(-3px)}.primary-button:active:not(:disabled),.ask-button:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translateY(4px)}.primary-button:disabled,.ask-button:disabled{color:#707070;opacity:.75;background:#bdbdbd}.primary-button span,.ask-button span{font-family:var(--plain);font-size:22px}.privacy-note{border-top:2px dashed var(--ink);color:var(--muted);text-align:center;margin:0 28px;padding:15px 0 18px;font-size:12px}.privacy-note span{color:var(--blue)}.home-profile-chip{border:3px solid var(--ink);min-width:220px;box-shadow:5px 6px 0 var(--blue);color:var(--ink);text-align:left;background:#fff;border-radius:12px 7px 14px 8px;align-items:center;gap:9px;margin:-4px 0 14px;padding:7px 9px;display:flex;transform:rotate(-1deg)}.home-profile-chip:hover{box-shadow:6px 8px 0 var(--orange);transform:translateY(-2px)rotate(-1deg)}.home-profile-chip>span:nth-child(2){display:grid}.home-profile-chip strong{font:900 10px var(--plain)}.home-profile-chip small{color:var(--orange-deep);font:900 8px var(--plain)}.home-profile-chip>b{border:2px solid var(--ink);background:var(--blue-pale);font:900 9px var(--plain);border-radius:6px;margin-left:auto;padding:5px 7px}.home-profile-menu{gap:7px;min-width:255px;margin:-4px 0 14px;display:grid}.home-profile-menu .home-profile-chip{min-width:0;margin:0}.home-profile-shortcuts{grid-template-columns:1fr 1fr;gap:7px;display:grid}.home-achievements-button,.home-daily-button{border:3px solid var(--ink);min-height:34px;color:var(--ink);font:900 8px/1.1 var(--plain);background:#fff5c8;padding:4px 7px}.home-achievements-button{box-shadow:4px 5px 0 var(--orange);border-radius:8px 12px 7px 10px;transform:rotate(.7deg)}.home-daily-button{text-align:left;background:#fff0cf;border-radius:12px 7px 10px 6px;grid-template-columns:auto 1fr;display:grid;transform:rotate(-.5deg);box-shadow:4px 5px #ef8b43}.home-achievements-button span,.home-daily-button span{color:var(--orange-deep);font-size:13px}.home-achievements-button strong{margin-left:4px;font-size:8px}.home-daily-button span{grid-row:1/3;align-self:center}.home-daily-button b{color:#a44516;font-size:6px}.home-daily-button strong{font-size:8px}.home-achievements-button:hover,.home-daily-button:hover{box-shadow:5px 7px 0 var(--blue);transform:translateY(-2px)}.locker-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#043d5bc7;place-items:center;padding:22px;animation:.24s ease-out both winner-backdrop-in;display:grid;position:fixed;inset:0;overflow:auto}.cosmetic-locker{border:3px solid var(--ink);width:min(760px,100%);max-height:min(760px,100dvh - 32px);box-shadow:10px 12px 0 var(--orange), 15px 17px 0 var(--ink);background:#fefcf5;border-radius:18px 10px 20px 12px;overflow:hidden}.locker-header{border-bottom:3px solid var(--ink);background:#fff;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:15px 18px;display:grid}.locker-header .eyebrow{margin:0 0 2px;font-size:8px}.locker-header h2{color:#fff;-webkit-text-stroke:2px var(--ink);filter:drop-shadow(3px 3px 0 var(--blue));margin:0;font-size:34px;line-height:.95}.locker-header>button{border:3px solid var(--ink);width:38px;height:38px;color:var(--ink);font:900 25px/1 var(--plain);box-shadow:3px 3px 0 var(--orange);background:#fff;border-radius:50%;place-items:center;padding:0 0 3px;display:grid}.locker-balance{font:900 9px var(--plain);justify-items:end;display:grid}.locker-balance strong{color:var(--orange-deep);font-size:12px}.locker-preview{border-bottom:3px dashed var(--ink);background:var(--blue-pale);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:92px;padding:13px 22px;display:grid}.locker-preview>div{display:grid}.locker-preview>div strong{font-size:22px}.locker-preview>div span{color:var(--blue-deep);font:900 9px var(--plain);letter-spacing:.08em;text-transform:uppercase}.locker-card-back{border:3px solid var(--ink);border-radius:7px 4px 8px 5px;width:48px;height:66px;display:block;transform:rotate(3deg);box-shadow:3px 4px #15151552}.locker-tabs{border-bottom:3px solid var(--ink);background:#fff;grid-template-columns:repeat(4,1fr);display:grid}.locker-tabs button{border:0;border-right:2px solid var(--ink);min-height:40px;color:var(--muted);font:900 9px var(--plain);letter-spacing:.05em;text-transform:uppercase;background:#fff}.locker-tabs button:last-child{border-right:0}.locker-tabs button.active{background:var(--orange);color:#fff}.locker-error{color:#8d201b;font:800 10px var(--plain);background:#fff0ec;border:2px solid #9a2d28;margin:10px 16px 0;padding:8px 10px}.locker-loading{min-height:260px;color:var(--muted);font:900 12px var(--plain);text-align:center;margin:0;padding:80px 20px}.cosmetic-grid{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:390px;padding:16px;display:grid;overflow-y:auto}.cosmetic-item{border:3px solid var(--ink);background:#fff;border-radius:11px 7px 13px 8px;grid-template-rows:1fr auto;grid-template-columns:64px minmax(0,1fr);column-gap:10px;min-width:0;display:grid;overflow:hidden;box-shadow:4px 5px #aaa}.cosmetic-item.rare{box-shadow:4px 5px 0 var(--blue)}.cosmetic-item.epic{box-shadow:4px 5px #9b65c7}.cosmetic-item.equipped{box-shadow:4px 5px 0 var(--orange);background:#fff7d1}.cosmetic-item-preview{background:var(--blue-pale);place-items:center;min-height:88px;padding:9px;display:grid}.cosmetic-item-preview .locker-card-back{width:39px;height:54px}.cosmetic-item-preview>strong{border:2px solid var(--ink);color:var(--orange-deep);font:900 9px var(--plain);text-align:center;text-transform:uppercase;background:#fff0bd;padding:6px 7px;transform:rotate(-2deg)}.cosmetic-item-copy{min-width:0;padding:9px 9px 6px 0}.cosmetic-item-copy small{color:var(--blue-deep);font:900 7px var(--plain);letter-spacing:.12em;text-transform:uppercase}.cosmetic-item-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 3px;font-size:16px;overflow:hidden}.cosmetic-item-copy p{color:var(--muted);font:700 9px/1.3 var(--plain);margin:0}.cosmetic-item>button{border:0;border-top:3px solid var(--ink);background:var(--orange);color:#fff;min-height:35px;font:900 9px var(--plain);letter-spacing:.05em;grid-column:1/-1}.cosmetic-item>button:disabled{color:#6d6d6d;background:#d6d6d6}.cosmetic-item.equipped>button:disabled{background:var(--blue);color:#fff}.achievements-backdrop{z-index:81;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#112d4dd1;place-items:center;padding:22px;animation:.24s ease-out both winner-backdrop-in;display:grid;position:fixed;inset:0;overflow:auto}.achievements-panel{border:3px solid var(--ink);width:min(820px,100%);max-height:min(790px,100dvh - 32px);box-shadow:10px 12px 0 #f3c84b, 15px 17px 0 var(--ink);background:#fefcf5;border-radius:14px 20px 11px 18px;overflow:hidden}.achievements-header{border-bottom:3px solid var(--ink);background:#fff;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:15px 18px;display:grid}.achievements-header .eyebrow{margin:0 0 2px;font-size:8px}.achievements-header h2{color:#ffd84d;-webkit-text-stroke:2px var(--ink);filter:drop-shadow(3px 3px 0 var(--blue));margin:0;font-size:34px;line-height:.95}.achievements-header>button{border:3px solid var(--ink);width:38px;height:38px;color:var(--ink);font:900 25px/1 var(--plain);background:#fff;border-radius:50%;place-items:center;padding:0 0 3px;display:grid;box-shadow:3px 3px #f3c84b}.achievements-balance{font:900 9px var(--plain);justify-items:end;display:grid}.achievements-balance strong{color:#8a5a00;font-size:11px}.achievement-stats{border-bottom:3px dashed var(--ink);background:#fff5c8;grid-template-columns:repeat(4,1fr);display:grid}.achievement-stats>span{border-right:2px solid var(--ink);justify-items:center;padding:9px 5px;display:grid}.achievement-stats>span:last-child{border-right:0}.achievement-stats small{color:var(--muted);font:900 7px var(--plain);letter-spacing:.1em}.achievement-stats strong{font-size:17px}.achievement-tabs{border-bottom:3px solid var(--ink);background:#fff;grid-template-columns:repeat(4,1fr);display:grid}.achievement-tabs button{border:0;border-right:2px solid var(--ink);min-height:40px;color:var(--muted);font:900 9px var(--plain);letter-spacing:.05em;text-transform:uppercase;background:#fff}.achievement-tabs button:last-child{border-right:0}.achievement-tabs button.active{color:var(--ink);background:#f3c84b}.achievements-error{color:#8d201b;font:800 10px var(--plain);background:#fff0ec;border:2px solid #9a2d28;margin:10px 16px 0;padding:8px 10px}.achievements-loading{min-height:300px;color:var(--muted);font:900 12px var(--plain);text-align:center;margin:0;padding:100px 20px}.achievement-grid{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-height:430px;padding:15px;display:grid;overflow-y:auto}.achievement-card{border:3px solid var(--ink);background:#fff;border-radius:11px 7px 13px 8px;grid-template-columns:58px minmax(0,1fr);min-width:0;display:grid;overflow:hidden;box-shadow:4px 5px #aaa}.achievement-card.silver{box-shadow:4px 5px #74b9cc}.achievement-card.gold{box-shadow:4px 5px #e6b62e}.achievement-card.unlocked{background:#fff9d9}.achievement-card.locked .achievement-icon{filter:grayscale();opacity:.6}.achievement-icon{border-right:2px dashed var(--ink);background:var(--blue-pale);min-height:88px;font:900 27px var(--plain);place-items:center;display:grid}.achievement-card.gold .achievement-icon{background:#fff0a6}.achievement-copy{min-width:0;padding:9px 9px 7px}.achievement-copy small{color:var(--orange-deep);font:900 7px var(--plain);letter-spacing:.1em;text-transform:uppercase}.achievement-copy h3{margin:2px 0 3px;font-size:16px}.achievement-copy p{color:var(--muted);font:700 9px/1.3 var(--plain);margin:0}.achievement-progress{border-top:2px solid var(--ink);grid-column:1/-1;padding:6px 8px 8px}.achievement-progress>div{font:900 8px var(--plain);justify-content:space-between;gap:8px;margin-bottom:5px;display:flex}.achievement-progress b{color:var(--orange-deep);text-align:right;font-size:7px}.achievement-progress>i{border:2px solid var(--ink);background:#fff;border-radius:99px;height:9px;display:block;position:relative;overflow:hidden}.achievement-progress>i:after{width:var(--achievement-progress);background:linear-gradient(90deg, var(--blue), #79d9ea);content:"";position:absolute;inset:0 auto 0 0}.achievement-card.unlocked .achievement-progress>i:after{background:linear-gradient(90deg,#efb91f,#ffe16e)}.achievements-note{border-top:2px dashed var(--ink);color:var(--muted);font:800 8px var(--plain);text-align:center;background:#fff;padding:8px 14px 10px}.daily-backdrop{z-index:82;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#401f12cc;place-items:center;padding:22px;animation:.24s ease-out both winner-backdrop-in;display:grid;position:fixed;inset:0;overflow:auto}.daily-panel{border:3px solid var(--ink);width:min(840px,100%);max-height:min(800px,100dvh - 32px);box-shadow:10px 12px 0 #ef8b43, 15px 17px 0 var(--ink);background:#fffaf0;border-radius:20px 11px 15px 8px;overflow:hidden}.daily-header{border-bottom:3px solid var(--ink);background:#fff;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:15px 18px;display:grid}.daily-header .eyebrow{margin:0 0 2px;font-size:8px}.daily-header h2{color:#ff9a4d;-webkit-text-stroke:2px var(--ink);filter:drop-shadow(3px 3px #ffd06e);margin:0;font-size:34px;line-height:.95}.daily-header>button{border:3px solid var(--ink);width:38px;height:38px;color:var(--ink);font:900 25px/1 var(--plain);background:#fff;border-radius:50%;place-items:center;padding:0 0 3px;display:grid;box-shadow:3px 3px #ef8b43}.daily-balance{font:900 9px var(--plain);justify-items:end;display:grid}.daily-balance strong{color:var(--orange-deep);font-size:11px}.streak-section{border-bottom:3px dashed var(--ink);background:#fff0cf;padding:10px 14px 12px}.streak-heading{justify-content:space-between;align-items:end;gap:10px;margin-bottom:8px;display:flex}.streak-heading>div{display:grid}.streak-heading small{color:#a44516;font:900 7px var(--plain);letter-spacing:.12em}.streak-heading strong{font-size:19px}.streak-heading>span{color:var(--muted);font:900 8px var(--plain)}.daily-login-awarded{color:#a44516;font:900 7px var(--plain);text-align:right;margin:-4px 0 7px}.streak-track{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.streak-track>div{border:2px solid var(--ink);background:#fff;border-radius:7px 4px 9px 5px;justify-items:center;min-width:0;padding:5px 2px;display:grid;box-shadow:2px 3px #bbb}.streak-track>div.claimed{background:#fff7c8;box-shadow:2px 3px #efb52c}.streak-track>div.today{box-shadow:3px 4px 0 var(--ink);background:#ffbf77;border-width:3px;transform:translateY(-2px)rotate(-1deg)}.streak-track small{font:900 6px var(--plain)}.streak-track strong{color:#e86f28;font-size:16px}.streak-track span{font:900 6px var(--plain);white-space:nowrap}.streak-track em{color:var(--blue-deep);font:900 6px var(--plain)}.daily-quest-heading{border-bottom:3px solid var(--ink);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 16px;display:flex}.daily-quest-heading>div{display:grid}.daily-quest-heading small{color:var(--orange-deep);font:900 7px var(--plain);letter-spacing:.12em}.daily-quest-heading strong{font-size:13px}.daily-quest-heading>span{border:2px solid var(--ink);background:var(--blue-pale);font:900 7px var(--plain);padding:4px 7px}.daily-error{color:#8d201b;font:800 10px var(--plain);background:#fff0ec;border:2px solid #9a2d28;margin:10px 16px 0;padding:8px 10px}.daily-loading{min-height:300px;color:var(--muted);font:900 12px var(--plain);text-align:center;margin:0;padding:100px 20px}.daily-quest-list{scrollbar-width:thin;gap:10px;max-height:390px;padding:14px;display:grid;overflow-y:auto}.daily-quest{border:3px solid var(--ink);background:#fff;border-radius:10px 6px 12px 7px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;column-gap:10px;display:grid;overflow:hidden;box-shadow:4px 5px #aaa}.daily-quest.completed{background:#fff8d1;box-shadow:4px 5px #efb52c}.daily-quest.claimed{box-shadow:4px 5px 0 var(--blue);background:#edf9f9}.daily-quest-icon{border-right:2px dashed var(--ink);background:#fff0cf;place-items:center;height:100%;min-height:82px;font-size:24px;display:grid}.daily-quest-copy{min-width:0;padding:8px 0}.daily-quest-copy small{color:var(--orange-deep);font:900 7px var(--plain);letter-spacing:.1em}.daily-quest-copy h3{margin:1px 0 2px;font-size:16px}.daily-quest-copy p{color:var(--muted);font:700 9px var(--plain);margin:0}.daily-quest-reward{justify-items:end;padding-right:10px;display:grid}.daily-quest-reward b{color:var(--blue-deep);font:900 9px var(--plain)}.daily-quest-reward span{color:var(--orange-deep);font:900 8px var(--plain)}.daily-quest-progress{grid-column:2/4;padding:0 10px 8px 0}.daily-quest-progress>div{font:900 7px var(--plain);justify-content:space-between;margin-bottom:3px;display:flex}.daily-quest-progress>i{border:2px solid var(--ink);background:#fff;border-radius:99px;height:9px;display:block;position:relative;overflow:hidden}.daily-quest-progress>i:after{width:var(--daily-progress);content:"";background:linear-gradient(90deg,#ff9148,#ffd36d);position:absolute;inset:0 auto 0 0}.daily-quest>button{border:0;border-top:3px solid var(--ink);color:#fff;min-height:34px;font:900 9px var(--plain);letter-spacing:.05em;background:#ef8b43;grid-column:1/-1}.daily-quest>button:disabled{color:#666;background:#d3d3d3}.daily-quest.completed>button:not(:disabled){background:var(--blue)}.daily-quest.claimed>button:disabled{color:var(--ink);background:#7fc8d7}.daily-note{border-top:2px dashed var(--ink);color:var(--muted);font:800 8px var(--plain);text-align:center;background:#fff;padding:8px 14px 10px}.login-reward-toast{z-index:95;top:max(18px, env(safe-area-inset-top));border:3px solid var(--ink);min-width:min(390px,100% - 24px);box-shadow:6px 7px 0 #ef8b43, 9px 10px 0 var(--ink);background:#fff0cf;border-radius:12px 7px 14px 8px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:8px 10px;animation:.35s ease-out both reward-toast-in;display:grid;position:fixed;left:50%;transform:translate(-50%)rotate(-.4deg)}.login-reward-toast>span{font-size:27px}.login-reward-toast>div{display:grid}.login-reward-toast small{color:#a44516;font:900 7px var(--plain);letter-spacing:.1em}.login-reward-toast strong{font-size:15px}.login-reward-toast p{color:var(--blue-deep);font:900 9px var(--plain);margin:0}.login-reward-toast button{border:2px solid var(--ink);font:900 8px var(--plain);background:#fff;padding:5px 7px}.login-reward-toast button:last-child{border-radius:50%;width:27px;height:27px;padding:0;font-size:15px}@keyframes reward-toast-in{0%{opacity:0;transform:translate(-50%,-18px)rotate(-.4deg)}to{opacity:1;transform:translate(-50%)rotate(-.4deg)}}.achievement-unlocks{border:3px solid var(--ink);background:#fff9d9;border-radius:10px 7px 12px 8px;margin-bottom:10px;overflow:hidden;transform:rotate(-.3deg);box-shadow:5px 6px #e6b62e}.achievement-unlocks>header{border-bottom:2px solid var(--ink);background:#f3c84b;align-items:center;gap:8px;padding:7px 10px;display:flex}.achievement-unlocks>header>span{font-size:21px}.achievement-unlocks>header div{display:grid}.achievement-unlocks>header small{font:900 7px var(--plain);letter-spacing:.1em}.achievement-unlocks>header strong{font-size:13px}.achievement-unlocks>div{gap:5px;padding:7px;display:grid}.achievement-unlocks article{border:2px solid var(--ink);background:#fff;grid-template-columns:34px 1fr auto;align-items:center;gap:7px;padding:5px 7px;display:grid}.achievement-unlocks article>span{text-align:center;font-size:20px}.achievement-unlocks article>div{display:grid}.achievement-unlocks article strong{font-size:12px}.achievement-unlocks article small{color:var(--muted);font:700 8px var(--plain)}.achievement-unlocks article>b{color:var(--orange-deep);font:900 8px/1.35 var(--plain);text-align:right}.winner-achievements-button{border:3px solid var(--ink);min-height:34px;color:var(--ink);font:900 9px var(--plain);background:#fff5c8;border-radius:8px 5px 9px 6px;box-shadow:3px 3px #e6b62e}.winner-achievements-button span{color:#a46d00;font-size:13px}.daily-completions{border:3px solid var(--ink);background:#fff0cf;border-radius:7px 11px 8px 13px;margin-bottom:10px;overflow:hidden;transform:rotate(.3deg);box-shadow:5px 6px #ef8b43}.daily-completions>header{border-bottom:2px solid var(--ink);background:#ffad69;align-items:center;gap:8px;padding:7px 10px;display:flex}.daily-completions>header>span{border:2px solid var(--ink);width:24px;height:24px;font:900 13px var(--plain);background:#fff;border-radius:50%;place-items:center;display:grid}.daily-completions>header div{display:grid}.daily-completions>header small{font:900 7px var(--plain);letter-spacing:.1em}.daily-completions>header strong{font-size:13px}.daily-completions article{border:2px solid var(--ink);background:#fff;grid-template-columns:32px 1fr auto;align-items:center;gap:7px;margin:6px;padding:5px 7px;display:grid}.daily-completions article>span{text-align:center;font-size:20px}.daily-completions article>div{display:grid}.daily-completions article strong{font-size:11px}.daily-completions article small{color:var(--muted);font:700 8px var(--plain)}.daily-completions article>b{color:var(--orange-deep);font:900 8px var(--plain)}.daily-completions>button{border:0;border-top:2px solid var(--ink);color:#fff;width:100%;min-height:31px;font:900 8px var(--plain);background:#ef8b43}.winner-daily-button{border:3px solid var(--ink);min-height:34px;color:var(--ink);font:900 9px var(--plain);background:#fff0cf;border-radius:6px 9px 5px 10px;box-shadow:3px 3px #ef8b43}.game-shell{background:#fff;min-height:100dvh;overflow-x:hidden}.game-header{z-index:10;border-bottom:3px solid var(--ink);background:#fff;align-items:center;gap:18px;min-height:76px;padding:10px clamp(18px,3vw,44px);display:flex;position:relative}.brand{color:var(--ink);align-items:center;gap:11px;font-size:21px;font-weight:900;display:inline-flex}.brand-mark{border:3px solid var(--ink);width:42px;height:49px;box-shadow:4px 4px 0 var(--blue);color:var(--blue-deep);background:#fff;border-radius:7px 4px 8px 5px;place-items:center;font-size:22px;display:grid;transform:rotate(-7deg)}.game-brand span:last-child{font-size:23px}.room-code{border:3px solid var(--ink);background:var(--blue-pale);min-height:42px;box-shadow:3px 3px 0 var(--blue);border-radius:9px 6px 10px 7px;align-items:center;gap:10px;padding:0 12px;display:flex;transform:rotate(1deg)}.room-code small,.room-code span{font:900 9px var(--plain);letter-spacing:.1em}.room-code strong{color:var(--blue-deep);font:900 15px var(--plain);letter-spacing:.16em}.room-code span{border-left:2px solid var(--ink);color:var(--ink);letter-spacing:0;padding-left:9px}.connection-pill{font:900 10px var(--plain);text-transform:uppercase;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.connection-pill i,.seat-card>i{border:2px solid var(--ink);background:var(--orange);border-radius:50%;width:11px;height:11px}.connection-pill.online i{background:var(--blue)}.game-locker-button{border:3px solid var(--ink);min-height:40px;box-shadow:3px 3px 0 var(--orange);color:var(--muted);font:900 8px var(--plain);background:#fff5c8;border-radius:8px 5px 9px 6px;padding:0 9px;transform:rotate(-.5deg)}.game-locker-button strong{color:var(--ink);font-size:10px;display:block}.game-profile-buttons{align-items:center;gap:7px;display:flex}.game-achievements-button{border:3px solid var(--ink);color:#8a5a00;min-height:40px;font:900 13px var(--plain);background:#fff5c8;border-radius:7px 9px 6px 10px;padding:0 8px;transform:rotate(.6deg);box-shadow:3px 3px #e6b62e}.game-achievements-button strong{color:var(--ink);font-size:8px;display:block}.game-daily-button{border:3px solid var(--ink);color:#a44516;min-height:40px;font:900 13px var(--plain);background:#fff0cf;border-radius:9px 6px 10px 5px;padding:0 8px;transform:rotate(-.5deg);box-shadow:3px 3px #ef8b43}.game-daily-button strong{color:var(--ink);font-size:8px;display:block}.text-button{border:0;border-bottom:2px solid var(--ink);background:0 0;padding:4px 1px;font-weight:900}.text-button:hover{color:var(--orange-deep)}.error-toast{z-index:40;border:3px solid var(--ink);width:min(500px,100% - 32px);box-shadow:6px 7px 0 var(--orange), 9px 10px 0 var(--ink);color:#8d201b;font:800 13px var(--plain);background:#fff1ed;border-radius:10px 6px 12px 7px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%)rotate(-1deg)}.error-toast button{color:var(--ink);font:900 25px/1 var(--plain);background:0 0;border:0}.lobby-wrap{background:#fff;align-content:center;min-height:calc(100vh - 76px);padding:55px max(22px,50vw - 470px) 150px;display:grid;position:relative;overflow:clip}.lobby-ocean{z-index:0;transform-origin:50% 100%;height:28%;animation:6.5s ease-in-out infinite ocean-breathe;position:absolute;bottom:-10%;left:-4%;right:-4%}.lobby-heading,.seat-grid,.lobby-action{z-index:1;position:relative}.lobby-heading{text-align:center;max-width:680px;margin:0 auto 35px}.eyebrow{color:var(--blue-deep);font:900 11px var(--plain);letter-spacing:.18em;margin:0 0 15px}.lobby-heading h1{color:#fff;-webkit-text-stroke:2px var(--ink);filter:drop-shadow(4px 4px 0 var(--blue));margin:0;font-size:clamp(50px,7vw,84px);line-height:.95}.lobby-heading>p:last-child{color:var(--muted);font-family:var(--plain);margin:18px auto 0;font-size:15px;line-height:1.5}.lobby-heading strong{color:var(--orange-deep);letter-spacing:.14em}.seat-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.seat-card{border:3px solid var(--ink);min-height:96px;box-shadow:5px 6px 0 var(--blue);background:#fff;border-radius:13px 8px 15px 9px;align-items:center;gap:15px;padding:15px 18px;display:flex;position:relative}.seat-card:nth-child(2n){box-shadow:5px 6px 0 var(--orange);transform:rotate(.6deg)}.seat-card.occupied{animation:.26s both seat-in;animation-delay:calc(var(--seat-index) * 70ms)}@keyframes seat-in{0%{opacity:0;transform:translateY(10px)rotate(-2deg)}}.avatar{border:3px solid var(--ink);background:var(--orange);color:#fff;border-radius:48% 52% 43% 57%;flex:none;place-items:center;width:54px;height:54px;font-size:24px;font-weight:900;display:grid;transform:rotate(-5deg)}.avatar.small{background:var(--orange);width:36px;height:36px;font-size:16px}.cosmetic-avatar.avatar_coral{background:var(--orange)}.cosmetic-avatar.avatar_lagoon{background:#0aa7d8}.cosmetic-avatar.avatar_sunset{background:#e9577d}.cosmetic-avatar.avatar_abyss{background:#4b357e}.cosmetic-avatar.frame_bubbles{box-shadow:0 0 0 3px white, 0 0 0 6px #77dcf4, 4px 5px 0 var(--ink);border-color:#087fb2}.cosmetic-avatar.frame_coral{box-shadow:0 0 0 3px #ff8067, 0 0 0 6px #ffcf90, 4px 5px 0 var(--ink);border-color:#c93636}.cosmetic-avatar.frame_gold{box-shadow:0 0 0 3px #ffd84d, 0 0 0 6px #fff1a6, 4px 5px 0 var(--ink);border-color:#6f4c00}.player-cosmetic-title{width:max-content;color:var(--orange-deep);font:900 7px var(--plain);letter-spacing:.06em;text-transform:uppercase;background:#fff0bd;border-radius:999px;margin:-1px 0 3px;padding:2px 6px;display:block}.seat-card h2{margin:0 0 3px;font-size:19px}.seat-card h2 span{border:2px solid var(--ink);background:var(--blue-pale);color:var(--blue-deep);font:900 8px var(--plain);margin-left:9px;padding:2px 5px}.seat-card h2 span.bot-label{background:var(--orange);color:#fff}.seat-card p{color:var(--muted);font:700 11px var(--plain);margin:0}.seat-card>i{background:#bbb;margin-left:auto}.seat-card>i.present{background:var(--blue)}.seat-card.bot-seat{border-style:dashed}.seat-card.bot-seat>i{margin-right:22px}.remove-bot{border:2px solid var(--ink);width:25px;height:25px;color:var(--ink);font:900 17px/1 var(--plain);box-shadow:2px 2px 0 var(--orange);background:#fff;border-radius:50%;place-items:center;padding:0 0 2px;display:grid;position:absolute;top:8px;right:8px}.remove-bot:hover{box-shadow:3px 3px 0 var(--orange);transform:translate(-1px,-1px)}.seat-card.empty{color:#777;border-style:dashed;box-shadow:3px 4px #cfcfcf}.empty-avatar{border:3px dashed var(--ink);width:54px;height:54px;color:var(--blue);border-radius:50%;place-items:center;font-size:29px;display:grid}.lobby-action{justify-items:center;margin-top:30px;display:grid}.lobby-action p{font-size:15px;font-weight:700}.lobby-buttons{justify-content:center;gap:12px;width:min(520px,100%);display:flex}.deal-button{background:var(--orange);width:min(310px,100%)}.add-bot-button{border:3px solid var(--ink);max-width:230px;min-height:48px;box-shadow:5px 6px 0 var(--blue);color:var(--blue-deep);font:900 10px var(--plain);letter-spacing:.04em;opacity:1;visibility:visible;white-space:nowrap;background:#fff;border-radius:10px 6px 12px 7px;padding:0 17px;transition:min-height .32s,max-width .36s,transform .32s,border-width .36s,background-color .32s,box-shadow .32s,padding .36s,color .32s,font-size .32s,opacity .24s,visibility linear;overflow:hidden}.add-bot-button span{margin-right:5px;font-size:18px}.add-bot-button:hover{box-shadow:6px 8px 0 var(--blue);transform:translateY(-2px)rotate(-1deg)}.add-bot-button.bot-offer-active{border-color:var(--ink);min-height:60px;box-shadow:0 0 0 5px #ff7b2257, 7px 8px 0 var(--orange), 10px 11px 0 var(--ink);color:var(--ink);background:#fff2bf;padding:0 28px;font-size:12px;animation:1.35s ease-in-out infinite add-bot-attention}.add-bot-button.bot-offer-active span{color:var(--orange-deep);font-size:23px}.add-bot-button.bot-seats-full{max-width:0;min-height:0;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;border-width:0;padding-left:0;padding-right:0;transition-delay:0s,0s,0s,0s,0s,0s,0s,0s,0s,0s,.36s}@keyframes add-bot-attention{0%,48%,to{transform:translate(0)rotate(0)scale(1)}8%{transform:translate(-4px,-1px)rotate(-2deg)scale(1.045)}16%{transform:translate(4px,-2px)rotate(2deg)scale(1.045)}24%{transform:translate(-3px,-1px)rotate(-1.5deg)scale(1.035)}32%{transform:translate(3px,-1px)rotate(1.5deg)scale(1.025)}40%{transform:translate(-1px)rotate(-.5deg)scale(1.01)}}.lobby-action small{font-family:var(--plain);margin-top:12px;font-weight:800}.invite-friends-button{border:0;border-bottom:3px solid var(--blue);min-height:39px;color:var(--blue-deep);font:900 11px var(--plain);letter-spacing:.08em;background:#fff;margin-bottom:13px}.matchmaking-status{border:3px dashed var(--ink);font:800 12px var(--plain);background:#ffffffe6;border-radius:10px;align-items:center;gap:9px;padding:12px 18px;display:flex}.matchmaking-status i{border:2px solid var(--ink);background:var(--blue);border-radius:50%;width:12px;height:12px;animation:.9s ease-in-out infinite alternate matchmaking-pulse}@keyframes matchmaking-pulse{to{background:var(--orange);transform:scale(1.45)}}.bot-fallback{border:0 solid var(--ink);width:min(600px,100%);max-height:0;font:800 11px/1.35 var(--plain);opacity:0;visibility:hidden;pointer-events:none;background:#fff8e8;border-radius:10px 7px 12px 8px;justify-content:space-between;align-items:center;gap:14px;margin-top:0;padding:0 12px;transition:max-height .42s cubic-bezier(.2,.8,.25,1),margin-top .42s,transform .42s cubic-bezier(.2,.8,.25,1.12),border-width .32s,box-shadow .32s,padding .42s,opacity .26s,visibility 0s linear .42s;display:flex;overflow:hidden;transform:translateY(12px)rotate(-.5deg)scale(.97);box-shadow:0 0 #0000}.bot-fallback.bot-fallback-visible{max-height:100px;box-shadow:4px 5px 0 var(--orange);opacity:1;visibility:visible;pointer-events:auto;border-width:3px;margin-top:15px;padding:10px 12px;transition-delay:0s;transform:translateY(0)rotate(-.5deg)scale(1)}.bot-fallback button{border:2px solid var(--ink);background:var(--orange);color:#fff;font:900 9px var(--plain);border-radius:7px;flex:none;padding:9px 11px}.invite-backdrop{z-index:95;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffc;place-items:center;padding:22px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0;overflow:auto}.invite-panel{border:3px solid var(--ink);width:min(450px,100%);box-shadow:9px 10px 0 var(--blue), 14px 15px 0 var(--ink);text-align:center;background:#fff;border-radius:18px 11px 21px 13px;justify-items:center;padding:28px;display:grid;position:relative;transform:rotate(-.4deg)}.invite-panel h2{margin:0;font-size:31px;line-height:1.05}.invite-panel>p:not(.eyebrow){color:var(--muted);font:700 12px/1.4 var(--plain);margin:8px 0 14px}.invite-close{border:3px solid var(--ink);background:var(--orange);color:#fff;width:38px;height:38px;font:900 24px/1 var(--plain);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.invite-qr{border:3px solid var(--ink);width:220px;height:220px;color:var(--muted);font:800 11px var(--plain);background:#fff;border-radius:10px 7px 12px 8px;place-items:center;padding:8px;display:grid}.invite-qr img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.invite-link-field{text-align:left;gap:5px;width:100%;margin-top:15px;display:grid}.invite-link-field span{font:900 9px var(--plain);letter-spacing:.12em;text-transform:uppercase}.invite-link-field input{border:3px solid var(--ink);width:100%;height:43px;font:700 11px var(--plain);border-radius:8px;padding:0 10px}.invite-actions{grid-template-columns:1fr .75fr;gap:10px;width:100%;margin-top:12px;display:grid}.invite-actions .primary-button{justify-content:center;min-height:45px}.share-button{border:3px solid var(--ink);background:var(--blue);color:#fff;font:900 11px var(--plain);box-shadow:4px 5px 0 var(--ink);border-radius:9px}.share-button:disabled{opacity:.5}.table-layout{grid-template-columns:minmax(0,1fr) 310px;min-height:calc(100vh - 76px);display:grid;position:relative}.table-layout.pond-talk-collapsed{grid-template-columns:minmax(0,1fr)}.game-board{background:radial-gradient(circle at 20% 25%, #ffffff30 0 2px, transparent 3px) 0 0 / 54px 46px, var(--blue);min-width:0;color:var(--ink);grid-template-rows:auto minmax(430px,1fr) auto;display:grid;position:relative;overflow:hidden}.game-board:before,.game-board:after{z-index:0;content:"";border:3px solid #ffffff47;border-radius:50%;width:360px;height:120px;position:absolute}.game-board:before{top:33%;left:8%;transform:rotate(-6deg)}.game-board:after{top:19%;right:8%;transform:rotate(7deg)}.table-pond{z-index:1;min-height:430px;position:relative}.table-announcement{border:2px solid var(--ink);width:100%;box-shadow:3px 4px 0 var(--ink);text-align:left;background:#fff;border-radius:9px 6px 10px 7px;grid-template-columns:27px minmax(0,1fr);align-items:center;column-gap:7px;padding:6px 8px 7px;display:grid;position:relative;transform:rotate(-1deg)}.table-announcement:before,.table-announcement:after{display:none}.table-announcement>span{border:2px solid var(--ink);width:25px;height:25px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:50%;grid-row:1/span 2;place-items:center;font-family:Georgia,serif;font-size:12px;display:grid;transform:rotate(-5deg)}.table-announcement strong{font-size:clamp(12px,1.25vw,15px);line-height:1.05}.table-announcement p{max-width:none;font:800 clamp(8px, .8vw, 10px)/1.25 var(--plain);grid-column:2;margin:2px 0 0}.table-announcement.turn{background:var(--orange);color:#fff;text-shadow:2px 2px 0 var(--orange-deep)}.table-announcement.turn>span{color:var(--orange);text-shadow:none}.table-announcement.fishing{background:var(--blue);color:#fff;text-shadow:2px 2px 0 var(--blue-deep)}.table-announcement.fishing>span{color:var(--blue-deep);text-shadow:none}.pond-center-announcement-layer{z-index:30;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.pond-center-announcement{width:min(310px,100% - 44px);box-shadow:5px 6px 0 var(--ink);border-width:3px;border-radius:14px 10px 16px 11px;grid-template-columns:42px minmax(0,1fr);column-gap:10px;padding:10px 13px 12px;animation:2.8s cubic-bezier(.2,.78,.25,1) both pond-center-announcement-life}.pond-center-announcement>span{width:38px;height:38px;box-shadow:3px 3px 0 var(--ink);border-width:2px;font-size:18px}.pond-center-announcement strong{font-size:clamp(20px,3vw,30px);line-height:.95}.pond-center-announcement p{font:900 clamp(9px, 1vw, 12px)/1.2 var(--plain);margin-top:4px}@keyframes pond-center-announcement-life{0%{opacity:0;transform:translateY(24px)rotate(-5deg)scale(.72)}12%{opacity:1;transform:translateY(-7px)rotate(2deg)scale(1.05)}18%,72%{opacity:1;transform:translateY(0)rotate(-1deg)scale(1)}to{opacity:0;transform:translateY(-18px)rotate(2deg)scale(.9)}}.card-transfer-layer{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.flying-card{left:var(--from-x);top:var(--from-y);aspect-ratio:.68;border:3px solid var(--ink);background:repeating-linear-gradient(45deg, var(--orange), var(--orange) 5px, #ff9d5b 5px, #ff9d5b 9px);width:clamp(34px,4vw,52px);animation:card-transfer-flight .94s var(--flight-delay) cubic-bezier(.24, .68, .3, 1) both;border-radius:6px 4px 7px 5px;position:absolute;transform:translate(-50%,-50%);box-shadow:4px 5px #15151573}.flying-card:after{content:"";border:2px dashed #ffffffbf;border-radius:3px;position:absolute;inset:7px}@keyframes card-transfer-flight{0%{left:var(--from-x);top:var(--from-y);opacity:0;transform:translate(-50%,-50%)rotate(-13deg)scale(.82)}9%{opacity:1}37%{transform:translate(-50%,-68%)rotate(7deg)scale(1.08)}66%{left:var(--to-x);top:var(--to-y);opacity:1;transform:translate(calc(-50% - 5px),calc(-50% - 8px))rotate(-3deg)scale(1.03)}87%{left:var(--to-x);top:var(--to-y);opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}to{left:var(--to-x);top:var(--to-y);opacity:0;transform:translate(-50%,-50%)rotate(0)scale(1)}}.book-ceremony-paused{cursor:wait}.book-source-hidden{visibility:hidden}.book-ceremony-layer{z-index:45;pointer-events:auto;touch-action:none;position:absolute;inset:0;overflow:hidden}.book-ceremony-card{left:var(--book-source-x);top:var(--book-source-y);width:var(--book-source-width,clamp(58px, 6.5vw, 82px));height:var(--book-source-height,auto);aspect-ratio:.68;transform:translate(-50%, -50%) rotate(var(--book-source-rotation,0deg));border:3px solid var(--ink);border-radius:var(--book-source-radius,9px 5px 11px 7px);box-shadow:var(--book-source-shadow,4px 5px 0 #15151561);color:var(--ink);animation:book-ceremony-flight 4.2s var(--book-delay) cubic-bezier(.22, .72, .25, 1) both;background:#fff;place-items:center;animation-play-state:paused;display:grid;position:absolute;overflow:hidden}.book-ceremony-layer[data-ready=true] .book-ceremony-card{animation-play-state:running}.book-ceremony-card.red{color:var(--red)}@keyframes book-ceremony-flight{0%{left:var(--book-source-x);top:var(--book-source-y);width:var(--book-source-width);height:var(--book-source-height);opacity:1;transform:translate(-50%, -50%) rotate(var(--book-source-rotation,0deg));border-width:var(--book-source-border-width,3px);border-radius:var(--book-source-radius,9px 5px 11px 7px);box-shadow:var(--book-source-shadow,4px 5px 0 #15151561)}31%{left:var(--book-center-x);top:var(--book-center-y);width:var(--book-source-width);height:var(--book-source-height);opacity:1;transform:translate(calc(-50% + var(--book-center-offset)), -50%) rotate(0) scale(1);border-width:var(--book-source-border-width,3px);border-radius:var(--book-source-radius,9px 5px 11px 7px);box-shadow:var(--book-source-shadow,4px 5px 0 #15151561)}60%{left:var(--book-center-x);top:var(--book-center-y);width:var(--book-source-width);height:var(--book-source-height);opacity:1;transform:translate(calc(-50% + var(--book-center-offset)), -50%) rotate(0) scale(1);border-width:var(--book-source-border-width,3px);border-radius:var(--book-source-radius,9px 5px 11px 7px);box-shadow:var(--book-source-shadow,4px 5px 0 #15151561);animation-timing-function:cubic-bezier(.18,.78,.22,1)}90%{left:var(--book-approach-x);top:var(--book-approach-y);width:var(--book-arrival-width);height:var(--book-arrival-height);opacity:1;transform:translate(calc(-50% + var(--book-stack-x)), calc(-50% + var(--book-stack-y))) rotate(var(--book-end-rotation));box-shadow:3px 3px 0 var(--orange);animation-timing-function:cubic-bezier(.18,.82,.2,1)}to{left:var(--book-destination-x);top:var(--book-destination-y);width:var(--book-final-width);height:var(--book-final-height);opacity:1;transform:translate(calc(-50% + var(--book-stack-x)), calc(-50% + var(--book-stack-y))) rotate(var(--book-end-rotation));box-shadow:3px 3px 0 var(--orange);border-width:2px;border-radius:5px 3px 6px 4px}}.book-celebration-vfx{z-index:100;opacity:0;pointer-events:none;transition:opacity 80ms linear;position:absolute;overflow:visible}.book-celebration-vfx.is-active{opacity:1}.book-celebration-vfx canvas{width:100%;height:100%;display:block}.turn-banner{z-index:3;border-bottom:3px solid var(--ink);background:#fff;align-items:center;gap:11px;min-height:58px;padding:0 26px;display:flex;position:relative}.turn-banner>span{border:2px solid var(--ink);background:#bbb;border-radius:50%;width:12px;height:12px}.turn-banner>span.your-turn-dot{background:var(--orange);box-shadow:3px 3px 0 var(--ink)}.turn-banner p{font-family:var(--plain);margin:0;font-size:12px}.turn-banner strong{font-family:var(--scribble);font-size:15px}.pond-count{align-items:center;gap:8px;margin-left:auto;display:flex}.pond-count i{color:var(--blue)}.pond-count span{font:900 10px var(--plain);text-transform:uppercase}.pond-count b{color:var(--orange-deep);font-size:14px}.opponents-row{z-index:4;pointer-events:none;position:absolute;inset:0}.opponent-seat{pointer-events:auto;width:clamp(142px,17vw,190px);min-width:0;position:absolute}.opponent-seat.is-asking{z-index:8}.opponents-1 .opponent-seat:first-child{top:18px;left:50%;transform:translate(-50%)}.opponents-2 .opponent-seat:first-child{top:38px;left:24%;transform:translate(-50%)}.opponents-2 .opponent-seat:nth-child(2){top:38px;left:76%;transform:translate(-50%)}.opponents-3 .opponent-seat:first-child{top:50%;left:14px;transform:translateY(-50%)}.opponents-3 .opponent-seat:nth-child(2){top:18px;left:50%;transform:translate(-50%)}.opponents-3 .opponent-seat:nth-child(3){top:50%;right:14px;transform:translateY(-50%)}.opponents-4 .opponent-seat:first-child{top:50%;left:12px;transform:translateY(-50%)}.opponents-4 .opponent-seat:nth-child(2){top:18px;left:34%;transform:translate(-50%)}.opponents-4 .opponent-seat:nth-child(3){top:18px;left:66%;transform:translate(-50%)}.opponents-4 .opponent-seat:nth-child(4){top:50%;right:12px;transform:translateY(-50%)}.opponents-5 .opponent-seat:first-child{top:18px;left:12px}.opponents-5 .opponent-seat:nth-child(2){bottom:16px;left:12px}.opponents-5 .opponent-seat:nth-child(3){top:14px;left:50%;transform:translate(-50%)}.opponents-5 .opponent-seat:nth-child(4){top:18px;right:12px}.opponents-5 .opponent-seat:nth-child(5){bottom:16px;right:12px}.opponents-2 .opponent-seat:nth-child(2) .opponent-request-rank,.opponents-3 .opponent-seat:nth-child(3) .opponent-request-rank,.opponents-4 .opponent-seat:nth-child(2) .opponent-request-rank,.opponents-4 .opponent-seat:nth-child(4) .opponent-request-rank,.opponents-5 .opponent-seat:nth-child(4) .opponent-request-rank,.opponents-5 .opponent-seat:nth-child(5) .opponent-request-rank{left:auto;right:calc(100% + 9px)}.opponents-4 .opponent-seat:nth-child(3) .opponent-request-rank{left:calc(100% + 9px);right:auto}.opponents-5 .opponent-seat:nth-child(3) .opponent-request-rank{top:calc(100% + 10px);left:50%;transform:translate(-50%)rotate(-1deg)}.opponent{border:3px solid var(--ink);width:100%;box-shadow:5px 6px 0 var(--ink);color:var(--ink);background:#fff;border-radius:13px 8px 14px 9px;padding:13px 11px 10px;transition:opacity .18s,filter .18s,transform .13s,box-shadow .18s;position:relative}.opponent-seat.inactive-turn .opponent:not(.targeted){opacity:.64;filter:saturate(.62);box-shadow:5px 6px #aaa}.opponent-seat.inactive-turn .opponent.targeted,.opponent-seat.inactive-turn .opponent:not(:disabled):hover{opacity:1;filter:none}.opponent-seat.inactive-turn .opponent-books{opacity:.64;filter:saturate(.62)}.opponent-books{transition:opacity .18s,filter .18s}.opponent-seat:nth-child(2n) .opponent{transform:rotate(1deg)}.opponent:not(:disabled):hover,.opponent.targeted{box-shadow:7px 10px 0 var(--orange);transform:translateY(-5px)rotate(-1deg)}.opponent.targeted:after{border:2px solid var(--ink);background:var(--orange);color:#fff;content:"ASKING";font:900 8px var(--plain);padding:3px 8px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-2deg)}.opponent.taking-turn{box-shadow:6px 7px 0 var(--ink)}.turn-timer-frame{z-index:7;border-radius:inherit;pointer-events:none;display:block;position:absolute;inset:-4px;overflow:hidden}.timer-edge{background:var(--orange);border-radius:999px;transition:transform .1s linear,background-color .18s;display:block;position:absolute}.timer-edge-top,.timer-edge-bottom{height:5px;transform:scaleX(calc(var(--timer-top) / 100));left:0;right:0}.timer-edge-right,.timer-edge-left{width:5px;transform:scaleY(calc(var(--timer-right) / 100));top:0;bottom:0}.timer-edge-top{transform:scaleX(calc(var(--timer-top) / 100));transform-origin:0;top:0}.timer-edge-right{transform:scaleY(calc(var(--timer-right) / 100));transform-origin:50% 0;right:0}.timer-edge-bottom{transform:scaleX(calc(var(--timer-bottom) / 100));transform-origin:100%;bottom:0}.timer-edge-left{transform:scaleY(calc(var(--timer-left) / 100));transform-origin:50% 100%;left:0}.turn-timer-frame.timer-warning .timer-edge{background:var(--red);animation:.62s ease-in-out infinite alternate turn-timer-border-danger}.opponent-turn-timer{z-index:4}.opponent:disabled{cursor:default}.mini-hand{height:51px;margin-bottom:9px;position:relative}.mini-hand i{top:0;left:calc(50% - 18px + (var(--card-index) - 2) * 8px);width:36px;height:49px;transform:rotate(calc((var(--card-index) - 2) * 4deg));transform-origin:50% 100%;border:2px solid var(--ink);background:repeating-linear-gradient(45deg, var(--orange), var(--orange) 4px, #ff9d5b 4px, #ff9d5b 7px);border-radius:4px;position:absolute}.opponent-meta{text-align:left;align-items:center;gap:8px;display:flex}.opponent-meta>span:last-child{min-width:0;display:grid}.opponent-name-line{align-items:center;gap:5px;min-width:0;display:flex}.opponent-meta strong{text-overflow:ellipsis;font-size:15px;overflow:hidden}.opponent-request-rank{z-index:7;border:2px solid var(--ink);width:max-content;min-width:82px;max-width:104px;min-height:60px;box-shadow:3px 4px 0 var(--orange), 5px 6px 0 var(--ink);color:var(--orange-deep);text-align:center;pointer-events:none;transform-origin:50%;background:#fff3bd;border-radius:9px 6px 10px 7px;place-content:center;padding:6px;animation:.42s cubic-bezier(.2,.78,.25,1) both action-callout-enter;display:grid;position:absolute;top:20px;left:calc(100% + 9px);transform:rotate(-1deg)}.opponent-request-rank small{color:var(--ink);font:900 clamp(7px, .65vw, 9px) var(--plain);letter-spacing:.06em}.opponent-request-rank strong{color:var(--orange-deep);font:900 clamp(20px, 2.2vw, 28px)/1 var(--scribble);text-overflow:clip;overflow:visible}.opponent-request-rank.response{--callout-duration:4.6s;background:var(--blue-pale);min-width:98px;max-width:124px;box-shadow:3px 4px 0 var(--blue), 5px 6px 0 var(--ink);color:var(--blue-deep);animation:action-callout-life var(--callout-duration) cubic-bezier(.2, .78, .25, 1) both}.opponent-request-rank.response strong{color:var(--blue-deep);font-size:clamp(13px,1.3vw,18px);line-height:1.05}.reaction-effect{pointer-events:none;place-items:center;display:grid;overflow:visible}.reaction-effect canvas{display:block;width:100%!important;height:100%!important}.opponent-reaction-effect{z-index:8;filter:drop-shadow(3px 4px #15151538);width:92px;height:92px;animation:3.6s cubic-bezier(.18,.86,.24,1) both reaction-effect-life;position:absolute;top:92px;left:calc(100% + 12px)}.opponents-2 .opponent-seat:nth-child(2) .opponent-reaction-effect,.opponents-3 .opponent-seat:nth-child(3) .opponent-reaction-effect,.opponents-4 .opponent-seat:nth-child(2) .opponent-reaction-effect,.opponents-4 .opponent-seat:nth-child(4) .opponent-reaction-effect,.opponents-5 .opponent-seat:nth-child(4) .opponent-reaction-effect,.opponents-5 .opponent-seat:nth-child(5) .opponent-reaction-effect{left:auto;right:calc(100% + 12px)}.opponents-4 .opponent-seat:nth-child(3) .opponent-reaction-effect{left:calc(100% + 12px);right:auto}.opponent-meta strong em{border:1px solid var(--ink);background:var(--orange);color:#fff;font:900 6px var(--plain);vertical-align:middle;border-radius:3px;margin-left:5px;padding:1px 3px;font-style:normal}.opponent-meta small{color:var(--muted);font:800 8px var(--plain);margin-top:2px}.opponent-books{color:#fff;text-shadow:1px 1px 0 var(--blue-deep);justify-items:center;gap:6px;margin-top:10px;display:grid}.opponent-books>span{font:900 9px var(--plain);letter-spacing:.08em;text-transform:uppercase}.opponent-books>span b{border:2px solid var(--ink);background:var(--orange);color:#fff;min-width:20px;height:20px;text-shadow:none;border-radius:50%;place-items:center;margin-left:3px;display:inline-grid}.felt-center{z-index:1;place-items:center;min-height:185px;display:grid;position:absolute;inset:0}.pond-ripple{color:#fff;text-align:center;border:3px solid #ffffffb3;border-radius:50%;place-content:center;width:145px;height:72px;line-height:.8;display:grid;position:relative;transform:rotate(-4deg)}.pond-ripple:before,.pond-ripple:after{content:"";border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:-15px -29px}.pond-ripple:after{inset:-30px -59px}.pond-ripple span{letter-spacing:.2em;font-size:13px}.pond-ripple strong{letter-spacing:.06em;font-size:24px}.pond-books{z-index:3;justify-items:start;gap:8px;width:min(46%,420px);display:grid;position:absolute;bottom:16px;left:18px}.pond-books header{color:#fff;text-shadow:2px 2px 0 var(--blue-deep);align-items:center;gap:8px;display:flex}.pond-books header strong{text-transform:uppercase;font-size:15px}.pond-books header span{border:2px solid var(--ink);background:var(--orange);color:#fff;min-width:27px;height:27px;font:900 10px var(--plain);text-shadow:none;border-radius:50%;place-items:center;display:grid}.pond-books>em{color:#ffffffd1;font:800 9px var(--plain);font-style:normal}.pond-book-ranks{flex-wrap:wrap;justify-content:center;gap:5px;min-width:0;display:flex}.pond-books .pond-book-ranks{justify-content:flex-start;width:100%}.pond-book{border:2px solid var(--ink);width:43px;height:49px;box-shadow:3px 3px 0 var(--orange);background:#fff;border-radius:5px 3px 6px 4px;place-items:center;display:grid;transform:rotate(-2deg)}.pond-book:nth-child(2n){transform:rotate(2deg)}.pond-book>strong{color:var(--orange-deep);font-size:18px;line-height:1}.pond-book>span{gap:1px;font:10px Georgia,serif;display:flex}.pond-book i{color:var(--ink);font-style:normal}.pond-book i.red{color:var(--red)}.pond-book-ranks.compact{justify-content:center}.pond-book-ranks.compact .pond-book{width:34px;height:39px;box-shadow:2px 3px 0 var(--orange)}.pond-book-ranks.compact .pond-book>strong{font-size:14px}.pond-book-ranks.compact .pond-book>span{font-size:8px}.player-zone{z-index:3;border-top:3px solid var(--ink);background:#ffffffeb;grid-template-columns:minmax(0,1fr);align-items:end;gap:0;padding:18px 25px 20px;display:grid;position:relative}.local-action-callout-layer{z-index:31;pointer-events:none;justify-content:center;align-items:flex-end;gap:12px;width:min(360px,100% - 36px);display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.local-action-callout{z-index:9;border:2px solid var(--ink);width:max-content;min-width:96px;max-width:128px;min-height:62px;box-shadow:3px 4px 0 var(--orange), 5px 6px 0 var(--ink);text-align:center;pointer-events:none;transform-origin:50%;background:#fff3bd;border-radius:9px 6px 10px 7px;place-content:center;padding:7px 9px;animation:.42s cubic-bezier(.2,.78,.25,1) both action-callout-enter;display:grid;position:relative;transform:rotate(-1deg)}.local-action-callout small{color:var(--ink);font:900 8px var(--plain);letter-spacing:.06em}.local-action-callout strong{color:var(--orange-deep);font:900 24px/1 var(--scribble)}.local-action-callout.response{--callout-duration:4.6s;background:var(--blue-pale);box-shadow:3px 4px 0 var(--blue), 5px 6px 0 var(--ink);animation:action-callout-life var(--callout-duration) cubic-bezier(.2, .78, .25, 1) both}.local-action-callout.response strong{color:var(--blue-deep);font-size:17px;line-height:1.05}.local-reaction-effect{filter:drop-shadow(3px 4px #15151538);flex:0 0 110px;width:110px;height:110px;animation:3.6s cubic-bezier(.18,.86,.24,1) both reaction-effect-life}.opponent-request-rank.asking.answer-visible,.local-action-callout.asking.answer-visible{--callout-duration:4.6s;animation:action-callout-answer-life var(--callout-duration) cubic-bezier(.2, .78, .25, 1) both}@keyframes action-callout-enter{0%{opacity:0;translate:0 12px;scale:.72}70%{opacity:1;translate:0 -4px;scale:1.08}to{opacity:1;translate:0;scale:1}}@keyframes action-callout-answer-life{0%,84%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -12px;scale:.84}}@keyframes action-callout-life{0%{opacity:0;translate:0 12px;scale:.72}8%{opacity:1;translate:0 -4px;scale:1.08}14%,84%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -12px;scale:.84}}@keyframes reaction-effect-life{0%{opacity:0;translate:0 16px;scale:.45}10%{opacity:1;translate:0 -5px;scale:1.12}16%,82%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -16px;scale:.72}}.hand-area{isolation:isolate;border:3px solid var(--ink);opacity:.72;background:#fff;border-radius:12px 7px 14px 8px;min-width:0;padding:15px 14px 8px;transition:box-shadow .18s,opacity .18s,transform .18s;position:relative;overflow:visible;box-shadow:6px 7px #b9b9b9}.hand-area.ready{box-shadow:none;opacity:1;transform:translateY(-2px)}.local-turn-timer{z-index:7}@keyframes turn-timer-border-danger{0%{filter:drop-shadow(0 0 #e1373200);opacity:.82}to{filter:drop-shadow(0 0 5px #e13732d9);opacity:1}}.hand-label{align-items:center;gap:9px;margin-bottom:9px;display:flex}.hand-label span{font-size:18px;font-weight:900}.hand-label small{border:2px solid var(--ink);background:var(--blue-pale);font:900 9px var(--plain);border-radius:12px;padding:3px 7px}.hand-label i{color:var(--blue-deep);font:900 8px var(--plain);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-style:normal}.reaction-picker{z-index:12;align-items:center;gap:5px;display:flex;position:absolute;top:8px;right:10px}.reaction-picker button{border:2px solid var(--ink);width:34px;height:34px;box-shadow:2px 3px 0 var(--ink);background:#fff;border-radius:50%;place-items:center;padding:2px;line-height:1;transition:transform .13s,box-shadow .13s,background-color .13s;display:grid;overflow:hidden;transform:rotate(-1deg)}.reaction-picker-preview{width:100%;height:100%}.reaction-picker button:nth-child(2n){transform:rotate(2deg)}.reaction-picker button:hover,.reaction-picker button:focus-visible{background:var(--blue-pale);box-shadow:3px 5px 0 var(--orange);outline:0;transform:translateY(-3px)rotate(-2deg)scale(1.08)}.reaction-picker button:active{box-shadow:1px 1px 0 var(--ink);transform:translateY(1px)scale(.96)}.card-fan{--hand-card-width:clamp(69px, 8.3vw, 92px);box-sizing:border-box;justify-content:flex-start;align-items:flex-end;width:100%;min-height:194px;padding:25px clamp(210px,22vw,310px) 24px 18px;display:flex;overflow:visible}.card-slot{width:var(--hand-card-width);min-width:18px;max-width:var(--hand-card-width);flex:0 1 var(--hand-card-width);transform:rotate(calc((var(--card-position) - (var(--card-total) - 1) / 2) * 1.1deg));transform-origin:50% 120%}.card-slot:last-child{min-width:var(--hand-card-width);flex:0 0 var(--hand-card-width)}.card-slot.dealt-card{animation:.42s cubic-bezier(.2,.78,.25,1.12) both deal-card}.card-slot.receiving-card{animation:deal-card .42s var(--transfer-delay) cubic-bezier(.2, .78, .25, 1.12) both}.card-slot.leaving-card{z-index:20;animation:leave-card .42s var(--transfer-delay) cubic-bezier(.2, .78, .25, 1.12) both}@keyframes deal-card{0%{opacity:0;transform:translate(34vw,-42vh)rotate(18deg)scale(.72)}72%{opacity:1;transform:translate(-5px, -8px) rotate(calc((var(--card-position) - (var(--card-total) - 1) / 2) * 1.1deg)) scale(1.03)}to{opacity:1;transform:rotate(calc((var(--card-position) - (var(--card-total) - 1) / 2) * 1.1deg))}}@keyframes leave-card{0%{opacity:1;transform:rotate(calc((var(--card-position) - (var(--card-total) - 1) / 2) * 1.1deg))}28%{opacity:1;transform:translate(-5px, -8px) rotate(calc((var(--card-position) - (var(--card-total) - 1) / 2) * 1.1deg)) scale(1.03)}to{opacity:0;transform:translate(34vw,-42vh)rotate(18deg)scale(.72)}}.playing-card{width:var(--hand-card-width);border:3px solid var(--ink);height:clamp(108px,13vw,144px);color:var(--ink);background:#fff;border-radius:9px 5px 11px 7px;place-items:center;transition:transform .13s,box-shadow .13s;display:grid;position:relative;overflow:hidden;box-shadow:4px 5px #15151561}.playing-card:hover,.playing-card.selected{box-shadow:5px 8px 0 var(--orange), 8px 11px 0 var(--ink);transform:translateY(-19px)rotate(-2deg)}.playing-card.red{color:var(--red)}.card-corner{font-family:var(--scribble);justify-items:center;line-height:.9;display:grid;position:absolute;top:7px;left:8px}.card-corner strong{font-size:clamp(14px,1.8vw,20px)}.card-corner i{font-family:Georgia,serif;font-size:clamp(11px,1.5vw,15px);font-style:normal}.card-corner-bottom{inset:auto 8px 7px auto;transform:rotate(180deg)}.card-suit{font-family:Georgia,serif;font-size:clamp(28px,4vw,43px)}.empty-hand{color:var(--muted);font:800 9px var(--plain);font-family:var(--scribble);align-self:center;font-size:13px}.turn-controls{z-index:5;max-width:min(310px,38%);display:flex;position:absolute;bottom:12px;right:14px}.ask-button{background:var(--orange);text-align:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;font-size:clamp(12px,1.05vw,15px);line-height:1.2}.ask-button>span{font:inherit}.ask-button strong{color:#fff;font:900 1.08em var(--scribble)}.ask-button>b{font:900 20px var(--plain)}.event-feed{z-index:4;border-left:3px solid var(--ink);background:#fff;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;max-height:calc(100vh - 76px);padding:20px 16px 14px;display:grid;position:relative}.event-title{border-bottom:3px dashed var(--ink);justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.event-title h2{margin:0;font-size:21px}.event-title>div{align-items:center;gap:7px;display:flex}.event-title span{border:2px solid var(--ink);background:var(--blue);color:#fff;font:900 8px var(--plain);letter-spacing:.12em;padding:3px 7px;transform:rotate(3deg)}.pond-talk-close{border:2px solid var(--ink);width:27px;height:27px;color:var(--ink);font:900 20px/1 var(--plain);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:50%;place-items:center;padding:0 0 2px;display:grid}.pond-talk-close:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.event-feed ol{scrollbar-width:thin;min-height:0;margin:0;padding:11px 2px 8px;list-style:none;overflow:auto}.event-feed li.pond-update{color:#5e6670;border-bottom:2px dashed #c8c8c8;grid-template-columns:12px 1fr;gap:9px;padding:11px 2px;display:grid}.event-feed li.pond-update>i{border:2px solid var(--ink);background:var(--orange);border-radius:50%;width:10px;height:10px;margin-top:5px}.event-feed p{margin:0 0 5px;font-size:13px;line-height:1.4}.event-feed time{color:var(--muted);font:800 8px var(--plain)}.chat-message{border:2px solid var(--ink);background:#fff9f2;border-radius:11px 11px 11px 2px;width:88%;margin:9px auto 9px 0;box-shadow:3px 3px #1818182e;padding:9px 10px!important}.chat-message.mine{background:#dff2fc;border-radius:11px 11px 2px;margin-left:auto;margin-right:3px}.chat-meta{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.chat-meta strong{color:var(--blue-dark,#287ab3);font:900 10px var(--plain);letter-spacing:.04em}.chat-message p{overflow-wrap:anywhere;margin:0}.chat-emoji-message{width:84px;height:84px;margin:9px auto 9px 0;padding:0!important}.chat-emoji-message.mine{margin-left:auto;margin-right:3px}.chat-message-emote{cursor:pointer;filter:drop-shadow(2px 3px #1515152e);width:84px;height:84px;transition:scale .14s}.chat-message-emote:hover{scale:1.08}.pond-talk-empty{color:var(--muted);text-align:center;font-size:12px;padding:34px 12px!important}.pond-chat-form{border-top:3px dashed var(--ink);padding-top:11px}.pond-chat-form label{color:var(--blue);font:900 8px var(--plain);letter-spacing:.17em;margin-bottom:6px;display:block}.pond-chat-form>div:last-child{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.pond-chat-form input{border:2px solid var(--ink);min-width:0;height:40px;font:700 12px var(--plain);background:#fff;border-radius:7px;outline:0;padding:0 9px}.pond-chat-form input:focus{box-shadow:3px 3px 0 var(--blue)}.pond-chat-form button{border:2px solid var(--ink);background:var(--orange);color:#fff;font:900 10px var(--plain);box-shadow:2px 2px 0 var(--ink);border-radius:7px;padding:0 11px}.pond-chat-form button:disabled{cursor:default;opacity:.45}.pond-chat-form>.chat-emoji-picker{scrollbar-width:none;gap:6px;margin-bottom:9px;padding:2px 2px 4px;display:flex;overflow-x:auto}.pond-chat-form>.chat-emoji-picker::-webkit-scrollbar{display:none}.pond-chat-form .chat-emoji-picker button{width:42px;min-width:42px;height:42px;min-height:42px;color:var(--ink);box-shadow:2px 2px 0 var(--blue);background:#fff;border-radius:50%;place-items:center;padding:2px;display:grid;overflow:hidden}.chat-emoji-option{width:100%;height:100%}.pond-chat-form .chat-emoji-picker button:hover,.pond-chat-form .chat-emoji-picker button:focus-visible{background:var(--blue-pale);box-shadow:2px 4px 0 var(--orange);outline:0;transform:translateY(-2px)}.pond-talk-open{z-index:8;isolation:isolate;border:3px solid var(--ink);color:var(--ink);font:900 12px var(--plain);box-shadow:4px 4px 0 var(--orange);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;display:flex;position:absolute;top:86px;right:18px;transform:rotate(1deg)}.pond-talk-dot{color:var(--blue);font-size:13px}.pond-talk-label{color:var(--ink);font:inherit}.pond-talk-unread{z-index:2;border:2px solid var(--ink);background:var(--orange);color:#fff;min-width:23px;height:23px;font:900 9px var(--plain);box-shadow:2px 2px 0 var(--ink);border-radius:999px;place-items:center;padding:0 5px;line-height:1;display:grid;position:absolute;top:-12px;right:-12px}.pond-talk-notified{animation:.7s cubic-bezier(.2,.9,.3,1.18) both pond-talk-new-message}.pond-talk-notified .pond-talk-unread{animation:.7s cubic-bezier(.2,.9,.3,1.2) both pond-talk-unread-pop}.pond-talk-open:hover{box-shadow:5px 5px 0 var(--orange);transform:translate(-1px,-1px)rotate(1deg)}@keyframes pond-talk-new-message{0%,to{transform:translate(0)rotate(1deg)scale(1)}18%{transform:translate(-3px,-3px)rotate(-3deg)scale(1.08)}38%{transform:translate(2px,-2px)rotate(3deg)scale(1.04)}58%{transform:translate(-1px)rotate(-1deg)scale(1.02)}}@keyframes pond-talk-unread-pop{0%{opacity:0;transform:scale(.25)rotate(-18deg)}45%{opacity:1;transform:scale(1.35)rotate(7deg)}72%{transform:scale(.9)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.winner-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08a5dfc2;place-items:center;padding:28px 16px;animation:.45s ease-out both winner-backdrop-in;display:grid;position:fixed;inset:0;overflow:auto}.winner-panel{border:3px solid var(--ink);width:min(540px,100%);box-shadow:11px 13px 0 var(--orange), 17px 19px 0 var(--ink);text-align:center;background:#fff;border-radius:19px 11px 22px 14px;padding:32px;animation:.7s cubic-bezier(.2,.85,.24,1.18) both winner-panel-in;position:relative;transform:rotate(-.7deg)}.winner-panel:before,.winner-panel:after{color:var(--orange);content:"✦";-webkit-text-stroke:1px var(--ink);font-size:34px;position:absolute;top:18%}.winner-panel:before{left:-21px;transform:rotate(-15deg)}.winner-panel:after{right:-21px;transform:rotate(15deg)}.winner-crown{color:var(--orange);-webkit-text-stroke:2px var(--ink);margin-bottom:4px;font-size:52px}.winner-panel h2{color:#fff;-webkit-text-stroke:2px var(--ink);filter:drop-shadow(3px 3px 0 var(--blue));margin:0 0 9px;font-size:42px;line-height:1}.winner-panel.lost h2{filter:drop-shadow(3px 3px 0 var(--red))}.winner-panel.lost .winner-crown{color:var(--blue)}.winner-panel>p:not(.eyebrow){color:var(--muted);font-family:var(--plain);margin:0;font-size:13px}.scoreboard{border:3px solid var(--ink);text-align:left;border-bottom:0;margin:18px 0}.scoreboard div{border-bottom:3px solid var(--ink);font-family:var(--plain);grid-template-columns:28px 1fr auto;gap:8px;padding:10px 12px;font-size:11px;display:grid}.scoreboard div:nth-child(odd){background:var(--blue-pale)}.scoreboard span{color:var(--blue-deep);font-weight:900}.scoreboard b{color:var(--orange-deep)}.match-rewards{border:3px solid var(--ink);box-shadow:4px 5px 0 var(--blue);text-align:left;background:#fff8dc;border-radius:11px 7px 13px 9px;margin:0 0 18px;overflow:hidden;transform:rotate(.4deg)}.match-rewards.practice{background:var(--blue-pale);box-shadow:4px 5px #7ab8cf}.match-rewards>header{border-bottom:2px solid var(--ink);background:var(--orange);color:#fff;min-height:35px;font:900 10px var(--plain);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.match-rewards.practice>header{background:var(--blue)}.match-rewards>header>span{border:2px solid var(--ink);color:var(--ink);letter-spacing:.04em;background:#fff;border-radius:999px;padding:3px 7px;font-size:8px}.match-rewards>header .level-up-badge{background:#ffeb3b;animation:.65s cubic-bezier(.2,.9,.3,1.25) .5s both reward-level-up}.reward-totals{border-bottom:2px dashed var(--ink);grid-template-columns:1fr 1fr;display:grid}.reward-totals>div{padding:9px 12px;display:grid}.reward-totals>div+div{border-left:2px dashed var(--ink)}.reward-totals small{color:var(--muted);font:900 7px var(--plain);letter-spacing:.12em}.reward-totals b{color:var(--orange-deep);font:900 19px var(--scribble)}.reward-totals em{color:var(--muted);font:800 8px var(--plain);font-style:normal}.reward-level-progress{padding:8px 11px 9px}.reward-level-progress>div{color:var(--ink);font:900 7px var(--plain);letter-spacing:.05em;justify-content:space-between;margin-bottom:5px;display:flex}.reward-level-progress>div small{color:var(--blue-deep);font:inherit}.reward-level-progress>i{border:2px solid var(--ink);background:#fff;border-radius:999px;height:11px;display:block;position:relative;overflow:hidden}.reward-level-progress>i:after{width:var(--reward-progress);border-right:2px solid var(--ink);background:linear-gradient(90deg, var(--blue), #4dd3e8);content:"";animation:.9s ease-out .35s both reward-progress-fill;position:absolute;inset:0 auto 0 0}.reward-breakdown{border-top:2px solid var(--ink);background:#fff;grid-template-columns:repeat(3,1fr);display:grid}.reward-breakdown>span{color:var(--muted);font:900 7px var(--plain);letter-spacing:.04em;gap:1px;padding:6px 8px;display:grid}.reward-breakdown>span+span{border-left:2px solid var(--ink)}.reward-breakdown b{color:var(--blue-deep)}.reward-breakdown em{color:var(--orange-deep);font-style:normal}@keyframes reward-progress-fill{0%{width:0}to{width:var(--reward-progress)}}@keyframes reward-level-up{0%{opacity:0;transform:scale(.4)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(1deg)}}.winner-panel .primary-button{width:100%}.winner-actions{gap:12px;display:grid}.winner-share-button{border:3px solid var(--ink);background:var(--blue-pale);min-height:44px;color:var(--ink);font:900 12px var(--plain);letter-spacing:.04em;box-shadow:4px 5px 0 var(--ink);cursor:pointer;border-radius:10px 7px 11px 8px;transition:transform .12s,box-shadow .12s,background .12s}.winner-share-button:hover:not(:disabled){box-shadow:5px 6px 0 var(--ink);background:#d8f6ff;transform:translate(-1px,-1px)}.winner-share-button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(3px,4px)}.winner-share-button:disabled{cursor:wait;opacity:.65}.winner-share-status{min-height:16px;font-weight:900;color:var(--blue-deep)!important;margin:-5px 0 -7px!important;font-size:11px!important}.winner-actions .text-button{justify-self:center}.winner-rematch-error{color:#a7352c;font-family:var(--plain);margin:0;font-size:12px;font-weight:800}@keyframes winner-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes winner-panel-in{0%{opacity:0;transform:translateY(70px)rotate(-5deg)scale(.7)}70%{opacity:1;transform:translateY(-8px)rotate(1deg)scale(1.03)}to{opacity:1;transform:rotate(-.7deg)scale(1)}}@media (max-width:1000px){.table-layout{grid-template-columns:1fr}.event-feed{border-top:3px solid var(--ink);border-left:0;max-height:390px}.event-feed ol{max-height:230px}}@media (max-width:780px),(max-width:930px) and (max-height:560px) and (pointer:coarse){:is(html:has(.game-shell),body:has(.game-shell),html:has(.embedded-landing),body:has(.embedded-landing)){overscroll-behavior:none;height:100%;overflow:hidden}:is(.app-shell:has(.game-shell),.app-shell:has(.embedded-landing)){height:100dvh;min-height:0;overflow:hidden}.embedded-landing,.game-shell{height:100%;min-height:0;overflow:hidden}.audio-dock{top:auto;right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));grid-auto-flow:column;transform:none}.audio-dock button{width:44px;min-height:44px}.sketch-hero{min-height:57svh;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 7svh max(16px, env(safe-area-inset-left));align-content:center}.hero-logo-title{white-space:nowrap;flex-direction:row;align-items:baseline;gap:clamp(8px,3vw,18px);margin:12px 0 14px;font-size:clamp(58px,18vw,92px);line-height:.9}.hero-logo-title span:last-child{transform:rotate(2deg)translateY(4px)}.play-button{min-width:118px;min-height:48px;font-size:18px}.quick-play-link{min-height:32px;margin-top:7px;font-size:10px}.landing-menu-links{gap:10px 18px;margin-top:14px}.how-to-play-link{min-height:44px;margin-top:0;font-size:14px}.landing-note{margin-top:14px}.ocean-scene{height:43svh}.ocean-scene .ocean-shape{width:max(100%,137.6svh);left:50%;right:auto;transform:translate(-50%)}.fish-left{left:7%}.fish-right{right:8%}.ocean-card-diamond{left:33%}.ocean-card-middle{left:60%}.entry-backdrop{padding:max(12px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-items:center}.entry-card{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:7px 8px 0 var(--orange), 11px 12px 0 var(--ink);overflow:hidden}.entry-card:before{display:none}.entry-close{width:44px;height:44px;top:6px;right:6px;transform:rotate(3deg)}.entry-tabs button{min-height:54px;font-size:15px}.entry-tabs button:last-child{padding-right:42px}.entry-form{gap:15px;padding:22px 18px 21px}.form-heading{padding-right:8px}.form-heading h2{font-size:23px}.entry-form input,.entry-form select{font-size:16px}.game-header{min-height:calc(62px + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 7px max(10px, env(safe-area-inset-left));flex-wrap:nowrap;gap:7px;position:sticky;top:0}.game-brand span:last-child{display:none}.brand{gap:0}.brand-mark{width:36px;height:42px;box-shadow:3px 3px 0 var(--blue);font-size:19px}.room-code{gap:7px;min-width:0;min-height:44px;padding:0 9px}.room-code strong{letter-spacing:.12em;font-size:12px}.room-code small,.room-code span{font-size:7px}.connection-pill{white-space:nowrap;width:auto;margin-left:auto;margin-right:0;font-size:8px}.connection-pill i{width:9px;height:9px}.text-button{white-space:nowrap;flex:none;min-height:44px;font-size:12px}.error-toast{top:calc(72px + env(safe-area-inset-top));width:calc(100% - 24px)}.lobby-wrap{height:calc(100dvh - 62px - env(safe-area-inset-top));min-height:0;padding:18px 14px calc(14px + env(safe-area-inset-bottom));grid-template-rows:auto auto auto;align-content:start;gap:clamp(14px,3dvh,24px);overflow:clip}.lobby-heading{margin-bottom:0}.lobby-heading h1{font-size:clamp(45px,12vw,64px)}.lobby-heading>p:last-child{margin-top:13px;font-size:13px}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0}.seat-card{gap:8px;min-height:clamp(54px,9dvh,72px);padding:7px 9px}.seat-card>div:nth-child(2){min-width:0}.seat-card h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar,.empty-avatar{width:38px;height:38px;font-size:17px}.seat-card h2{font-size:14px}.seat-card p{font-size:9px}.remove-bot{width:32px;height:32px;top:3px;right:3px}.seat-card.bot-seat>i{margin-right:28px}.lobby-action{padding-bottom:env(safe-area-inset-bottom);margin-top:0}.invite-friends-button{min-height:32px;margin-bottom:7px;font-size:9px}.matchmaking-status{padding:8px 12px;font-size:10px}.bot-fallback{font-size:9px}.bot-fallback.bot-fallback-visible{margin-top:8px;padding:7px 8px}.bot-fallback button{padding:7px 8px;font-size:8px}.add-bot-button,.deal-button{min-height:42px}.add-bot-button.bot-offer-active{min-height:49px;padding:0 16px;font-size:10px}.lobby-ocean .ocean-shape{width:190%;left:50%;right:auto;transform:translate(-50%)}.invite-backdrop{padding:max(8px, env(safe-area-inset-top)) 9px max(8px, env(safe-area-inset-bottom));align-items:center}.invite-panel{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:6px 7px 0 var(--blue), 9px 10px 0 var(--ink);padding:18px 15px 15px;overflow:auto}.invite-panel h2{max-width:80%;font-size:24px}.invite-panel>p:not(.eyebrow){margin:5px 0 8px;font-size:10px}.invite-qr{width:min(190px,45dvh);height:min(190px,45dvh);padding:5px}.invite-link-field{margin-top:9px}.invite-link-field input{height:40px;font-size:10px}.invite-actions{margin-top:8px}.invite-actions .primary-button,.share-button{min-height:41px}.table-layout{height:calc(100dvh - 62px - env(safe-area-inset-top));min-height:0;overflow:hidden}.game-board{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}.turn-banner{gap:8px;min-height:54px;padding:8px 14px}.turn-banner p{line-height:1.25}.table-pond{min-height:0}.opponent-seat{width:clamp(118px,22vw,150px)}.felt-center{min-height:180px}.pond-ripple{transform:rotate(-4deg)}.pond-books{width:min(48%,300px);bottom:12px;left:14px;transform:none}.local-action-callout-layer{bottom:16px}.player-zone{grid-template-columns:1fr;gap:0;padding:16px 14px 20px}.card-slot{min-width:0}.turn-controls{max-width:42%;bottom:10px;right:10px}.ask-button{min-height:42px}.event-feed{z-index:70;width:100%;height:min(68dvh,580px);max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));border:3px solid var(--ink);box-shadow:0 -8px 0 var(--orange), 0 -12px 0 var(--ink);padding:14px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;border-bottom:0;border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0}.event-feed ol{overscroll-behavior:contain;max-height:none}.event-title{padding-bottom:10px}.event-title h2{font-size:20px}.pond-talk-close{width:44px;height:44px;font-size:25px}.pond-chat-form input{height:44px;font-size:16px}.pond-chat-form button{min-width:58px;min-height:44px}.pond-talk-open{z-index:46;top:auto;right:calc(10px + env(safe-area-inset-right));bottom:calc(67px + env(safe-area-inset-bottom));min-height:44px;padding:8px 12px;position:fixed}.active-game-shell .audio-dock{top:auto;right:calc(10px + env(safe-area-inset-right));bottom:calc(clamp(205px, 30dvh, 255px) + env(safe-area-inset-bottom));grid-auto-flow:column;gap:4px;left:auto;transform:none}.active-game-shell .audio-dock button{border-radius:9px 6px 10px 7px;width:34px;min-height:34px;padding:2px;box-shadow:2px 3px #1515153d}.active-game-shell .audio-dock button>span{font-size:15px}.active-game-shell .audio-dock small{font-size:6px}.active-game-shell .pond-talk-open{top:auto;right:calc(10px + env(safe-area-inset-right));bottom:calc(clamp(205px, 30dvh, 255px) + 40px + env(safe-area-inset-bottom));min-height:34px;box-shadow:3px 3px 0 var(--orange);border-width:2px;gap:4px;padding:5px 8px;font-size:9px;left:auto}.active-game-shell .pond-talk-open .pond-talk-dot{font-size:10px}.active-game-shell .pond-talk-unread{min-width:19px;height:19px;padding:0 4px;font-size:8px;top:-9px;right:-9px}.pond-center-announcement{width:min(300px,100% - 32px)}}@media (max-width:530px){.scribble-kicker{max-width:270px;line-height:1.5}.landing-note{max-width:280px}.sketch-hero{min-height:57svh;padding-top:max(18px, env(safe-area-inset-top))}.hero-logo-title{font-size:clamp(56px,18vw,76px)}.ocean-scene{min-height:265px}.fish{width:105px;height:55px}.fish-left{top:53%;left:7%}.fish-right{top:34%;right:5%}.ocean-card-left{left:-1%}.ocean-card-diamond{left:29%}.ocean-card-middle{left:58%}.ocean-card-right{right:-1%}.sketch-card{width:62px;height:92px}.sketch-card b{font-size:19px;top:7px;left:8px}.sketch-card span{font-size:38px}.entry-backdrop{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));overflow:hidden}.entry-card{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}.entry-tabs button{min-height:44px;font-size:13px}.entry-form{gap:10px;padding:13px 12px 12px}.form-heading{gap:8px}.step-badge{width:32px;height:32px;font-size:10px}.form-heading h2{font-size:18px}.entry-form label{gap:4px}.entry-form input,.entry-form select{height:42px}.entry-form .primary-button{min-height:43px}.privacy-note{margin:0 15px}.room-code small,.room-code span{display:none}.connection-pill{order:initial;justify-content:flex-start;width:auto}.lobby-wrap{padding:12px 8px calc(10px + env(safe-area-inset-bottom));gap:clamp(10px,2.2dvh,18px)}.lobby-heading{margin-bottom:0}.lobby-heading h1{font-size:clamp(25px,8vw,34px)}.lobby-heading>p:last-child{margin-top:5px;font-size:9px;line-height:1.2}.eyebrow{margin-bottom:4px;font-size:7px}.seat-grid{gap:5px}.seat-card{min-height:clamp(46px,8dvh,58px);box-shadow:3px 4px 0 var(--blue);border-width:2px;gap:5px;padding:5px 6px}.seat-card:nth-child(2n){box-shadow:3px 4px 0 var(--orange)}.avatar,.empty-avatar{border-width:2px;width:31px;height:31px;font-size:14px}.seat-card h2{margin-bottom:0;font-size:11px}.seat-card h2 span,.seat-card p{display:none}.seat-card>i{border-width:1px;width:8px;height:8px}.remove-bot{width:25px;height:25px;font-size:15px}.seat-card.bot-seat>i{margin-right:22px}.lobby-action{margin-top:0}.invite-friends-button{min-height:25px;margin-bottom:3px;font-size:7px}.matchmaking-status{border-width:2px;padding:5px 8px;font-size:8px}.bot-fallback{gap:5px;font-size:7px}.bot-fallback.bot-fallback-visible{border-width:2px;margin-top:4px;padding:4px 5px}.bot-fallback button{padding:5px;font-size:6px}.lobby-action small{margin-top:4px;font-size:8px}.lobby-buttons{flex-direction:row;gap:5px}.add-bot-button,.deal-button{width:50%;min-height:36px;padding:0 6px;font-size:8px}.add-bot-button.bot-offer-active{min-height:42px;padding:0 9px;font-size:9px}.add-bot-button span{font-size:13px}.turn-banner{min-height:44px;padding:4px 8px}.turn-banner p{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.turn-banner strong{font-size:13px}.pond-count{gap:4px}.pond-count span{font-size:0}.pond-count b{font-size:13px}.game-board{grid-template-rows:auto minmax(0,1fr) auto}.table-pond{min-height:0}.opponent-seat{width:min(29vw,104px)}.opponents-3 .opponent-seat:first-child,.opponents-4 .opponent-seat:first-child{left:7px}.opponents-3 .opponent-seat:nth-child(3),.opponents-4 .opponent-seat:nth-child(4){right:7px}.opponents-5 .opponent-seat:first-child,.opponents-5 .opponent-seat:nth-child(2){left:7px}.opponents-5 .opponent-seat:nth-child(4),.opponents-5 .opponent-seat:nth-child(5){right:7px}.opponent{box-shadow:3px 4px 0 var(--ink);border-width:2px;padding:7px 5px 6px}.turn-timer-frame{inset:-3px}.timer-edge-top,.timer-edge-bottom{height:4px}.timer-edge-right,.timer-edge-left{width:4px}.opponent:not(:disabled):hover,.opponent.targeted{box-shadow:4px 6px 0 var(--orange);transform:translateY(-3px)rotate(-1deg)}.mini-hand{height:36px;margin-bottom:5px}.mini-hand i{left:calc(50% - 12.5px + (var(--card-index) - 2) * 5.5px);width:25px;height:34px}.avatar.small{border-width:2px;width:28px;height:28px;font-size:12px}.opponent-meta{gap:5px}.opponent-meta strong{font-size:11px}.opponent-meta small{font-size:6.5px}.opponent-meta strong em{display:none}.opponent-books{gap:4px;margin-top:5px}.opponent-books>span{font-size:7px}.opponent-books>span b{border-width:1px;min-width:17px;height:17px;font-size:8px}.pond-book-ranks.compact{gap:3px}.pond-book-ranks.compact .pond-book{width:25px;height:29px;box-shadow:2px 2px 0 var(--orange);border-width:1px}.pond-book-ranks.compact .pond-book>strong{font-size:11px}.pond-book-ranks.compact .pond-book>span{display:none}.opponent-request-rank{min-width:54px;max-width:62px;min-height:42px;box-shadow:2px 2px 0 var(--orange), 3px 4px 0 var(--ink);padding:4px;top:8px}.opponent-request-rank small{font-size:6px}.opponent-request-rank strong{font-size:19px}.opponent-request-rank.response{min-width:66px;max-width:78px;box-shadow:2px 2px 0 var(--blue), 3px 4px 0 var(--ink)}.opponent-request-rank.response strong{font-size:11px}.opponent-reaction-effect{filter:drop-shadow(2px 2px #1515152e);width:64px;height:64px;top:58px;left:calc(100% + 6px)}.opponents-2 .opponent-seat:nth-child(2) .opponent-reaction-effect,.opponents-3 .opponent-seat:nth-child(3) .opponent-reaction-effect,.opponents-4 .opponent-seat:nth-child(2) .opponent-reaction-effect,.opponents-4 .opponent-seat:nth-child(4) .opponent-reaction-effect{left:auto;right:calc(100% + 6px)}.opponents-4 .opponent-seat:nth-child(3) .opponent-reaction-effect{left:calc(100% + 6px);right:auto}.felt-center{min-height:205px}.pond-ripple{width:112px;height:58px}.pond-ripple:before{inset:-11px -20px}.pond-ripple:after{inset:-22px -40px}.pond-ripple span{font-size:10px}.pond-ripple strong{font-size:20px}.pond-books{gap:5px;width:120px;bottom:9px;left:8px;transform:none}.pond-books header{gap:5px}.pond-books header strong{font-size:11px}.pond-books header span{min-width:22px;height:22px;font-size:8px}.pond-books>em{font-size:7px}.pond-book-ranks{gap:3px}.pond-book{width:27px;height:32px;box-shadow:2px 2px 0 var(--orange);border-width:1px}.pond-book>strong{font-size:12px}.pond-book>span{display:none}.player-zone{padding:7px 8px calc(9px + env(safe-area-inset-bottom));gap:0}.local-action-callout-layer{gap:7px;width:calc(100% - 18px);bottom:10px}.local-action-callout{min-width:68px;max-width:86px;min-height:45px;box-shadow:2px 2px 0 var(--orange), 3px 4px 0 var(--ink);padding:4px 6px}.local-action-callout small{font-size:6px}.local-action-callout strong{font-size:19px}.local-action-callout.response{box-shadow:2px 2px 0 var(--blue), 3px 4px 0 var(--ink)}.local-action-callout.response strong{font-size:11px}.local-reaction-effect{filter:drop-shadow(2px 2px #1515152e);flex-basis:74px;width:74px;height:74px}.hand-area{padding:7px 6px 50px;box-shadow:4px 5px #b9b9b9}.hand-area.ready{box-shadow:none}.hand-label{margin-bottom:0}.hand-label span{font-size:15px}.hand-label small{padding:2px 6px;font-size:8px}.hand-label i{display:none}.reaction-picker{gap:3px;top:4px;right:5px}.reaction-picker button{width:27px;height:27px;box-shadow:1px 2px 0 var(--ink);border-width:1.5px;font-size:16px}.card-fan{--hand-card-width:clamp(52px, 17vw, 64px);min-height:clamp(112px,18dvh,140px);padding:17px 4px 10px 7px;overflow:visible}.card-slot{min-width:0}.playing-card{width:var(--hand-card-width);height:clamp(84px,13dvh,98px)}.playing-card:hover,.playing-card.selected{transform:translateY(-15px)rotate(-2deg)}.card-corner{top:5px;left:6px}.card-corner-bottom{inset:auto 6px 5px auto}.card-corner strong{font-size:14px}.card-corner i{font-size:11px}.card-suit{font-size:29px}.turn-controls{max-width:calc(100% - 14px);bottom:7px;right:7px}.ask-button{min-height:38px;padding:6px 10px;font-size:11px}.table-announcement{grid-template-columns:23px minmax(0,1fr);padding:5px 6px 6px}.table-announcement>span{width:21px;height:21px;font-size:10px}.table-announcement strong{font-size:11px}.table-announcement p{font-size:7.5px}.pond-center-announcement{width:min(270px,100% - 24px);box-shadow:4px 5px 0 var(--ink);border-width:2px;grid-template-columns:34px minmax(0,1fr);column-gap:8px;padding:8px 10px 9px}.pond-center-announcement>span{width:31px;height:31px;font-size:15px}.pond-center-announcement strong{font-size:clamp(18px,7vw,24px)}.pond-center-announcement p{font-size:8.5px}.event-feed ol{display:block}.winner-backdrop{padding:max(14px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.winner-panel{max-height:calc(100dvh - 16px);box-shadow:5px 6px 0 var(--orange), 8px 9px 0 var(--ink);scrollbar-width:thin;padding:13px 11px;overflow:hidden auto}.winner-crown{font-size:30px}.winner-panel h2{font-size:27px}.winner-panel>p:not(.eyebrow){font-size:10px}.scoreboard{margin:8px 0}.scoreboard div{padding:5px 7px;font-size:9px}.match-rewards{margin-bottom:9px}.match-rewards>header{min-height:28px;padding:4px 7px;font-size:8px}.reward-totals>div{padding:5px 8px}.reward-totals b{font-size:15px}.reward-level-progress{padding:5px 7px 6px}.reward-breakdown>span{padding:4px 5px;font-size:6px}.winner-panel .primary-button{min-height:40px}.winner-actions{gap:7px}.winner-share-button{min-height:36px;font-size:10px}.winner-share-status{min-height:11px;font-size:8px!important}}@media (max-width:380px){.game-header{gap:5px;padding-left:7px;padding-right:7px}.brand-mark{width:33px;height:39px}.room-code{padding:0 7px}.room-code strong{letter-spacing:.08em;font-size:11px}.connection-pill{gap:3px;font-size:0}.text-button{font-size:11px}.hero-logo-title{font-size:clamp(52px,17.5vw,66px)}.landing-menu-links{gap:7px 14px}.entry-tabs button{font-size:13px}.opponent-seat{width:min(30vw,98px)}.opponents-3 .opponent-seat:first-child,.opponents-4 .opponent-seat:first-child,.opponents-5 .opponent-seat:first-child,.opponents-5 .opponent-seat:nth-child(2){left:5px}.opponents-3 .opponent-seat:nth-child(3),.opponents-4 .opponent-seat:nth-child(4),.opponents-5 .opponent-seat:nth-child(4),.opponents-5 .opponent-seat:nth-child(5){right:5px}.opponent-request-rank{min-width:49px;max-width:55px}.player-zone{padding-left:8px;padding-right:8px}.card-fan{--hand-card-width:56px;padding-left:4px;padding-right:2px}.playing-card{height:94px}.pond-talk-open{right:calc(8px + env(safe-area-inset-right))}.active-game-shell .audio-dock,.active-game-shell .pond-talk-open{right:calc(8px + env(safe-area-inset-right));left:auto}}@media (max-width:930px) and (max-height:560px) and (orientation:landscape){.sketch-hero{width:56%;min-height:100svh;padding:max(10px, env(safe-area-inset-top)) 18px max(12px, env(safe-area-inset-bottom));align-content:center}.hero-logo-title{flex-direction:row;gap:clamp(8px,2vw,16px);margin:7px 0 9px;font-size:clamp(44px,8vw,68px);line-height:.9}.hero-logo-title span:last-child{transform:rotate(2deg)translateY(3px)}.scribble-kicker{font-size:8px}.play-button{min-width:100px;min-height:38px;font-size:14px}.landing-menu-links{gap:8px 14px;margin-top:8px}.how-to-play-link{min-height:32px;font-size:11px}.landing-note{margin-top:7px;font-size:9px}.ocean-scene{width:44%;height:100svh;min-height:0;left:56%}.ocean-scene .ocean-shape{width:max(100%,320svh)}.fish{width:72px;height:38px}.sketch-card{width:43px;height:64px}.entry-backdrop{padding:max(7px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-items:center;overflow:hidden}.entry-card{max-height:calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;overflow:hidden}.entry-tabs button{min-height:40px;font-size:12px}.entry-form{gap:7px;padding:9px 12px 10px}.form-heading{gap:7px}.step-badge{width:30px;height:30px;font-size:9px}.form-heading h2{font-size:17px}.form-heading p{display:none}.entry-form label{gap:3px}.entry-form input,.entry-form select{height:36px}.entry-form .primary-button{min-height:37px}.privacy-note{margin:0 10px;font-size:8px}.game-header{min-height:calc(50px + env(safe-area-inset-top));padding-top:calc(3px + env(safe-area-inset-top));padding-bottom:3px}.brand-mark{width:30px;height:34px;font-size:16px}.room-code,.text-button{min-height:36px}.lobby-wrap,.table-layout{height:calc(100dvh - 50px - env(safe-area-inset-top));min-height:0}.lobby-wrap{padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:6px}.lobby-heading{margin-bottom:4px}.lobby-heading h1{font-size:clamp(25px,6vw,34px)}.lobby-heading>p:last-child{margin-top:4px;font-size:8px;line-height:1.15}.eyebrow{margin-bottom:3px;font-size:7px}.seat-grid{gap:5px}.seat-card{min-height:clamp(42px,11dvh,54px);padding:4px 6px}.avatar,.empty-avatar{width:30px;height:30px;font-size:13px}.seat-card h2{margin-bottom:0;font-size:10px}.seat-card p{display:none}.lobby-action{margin-top:4px}.lobby-action small{margin-top:3px;font-size:7px}.add-bot-button,.deal-button{min-height:33px}.game-board{grid-template-rows:auto minmax(0,1fr) auto}.turn-banner{min-height:36px;padding:3px 9px}.turn-banner p{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.turn-banner strong{font-size:11px}.table-pond{min-height:0}.opponent-seat{width:min(19vw,112px)}.player-zone{padding:4px 7px calc(5px + env(safe-area-inset-bottom))}.hand-area{padding:4px 5px 39px}.hand-label{margin-bottom:0}.hand-label span{font-size:13px}.hand-label small{padding:1px 5px;font-size:7px}.reaction-picker{gap:2px;top:3px;right:5px}.reaction-picker button{width:24px;height:24px;font-size:14px}.card-fan{--hand-card-width:clamp(46px, 8vw, 58px);min-height:76px;padding:6px 150px 4px 5px}.playing-card{height:68px}.playing-card:hover,.playing-card.selected{transform:translateY(-8px)rotate(-2deg)}.turn-controls{max-width:145px;bottom:6px;right:6px}.ask-button{min-height:31px;padding:4px 8px;font-size:9px}.ask-button>b{font-size:15px}.audio-dock button{width:36px;min-height:36px}.active-game-shell .audio-dock button{width:32px;min-height:32px}.active-game-shell .audio-dock{top:auto;right:calc(8px + env(safe-area-inset-right));bottom:calc(166px + env(safe-area-inset-bottom));grid-auto-flow:column;position:fixed;left:auto;transform:none}.active-game-shell .pond-talk-open{top:auto;right:calc(8px + env(safe-area-inset-right));bottom:calc(203px + env(safe-area-inset-bottom));min-height:32px;padding:4px 7px;font-size:8px;position:fixed;left:auto}.event-feed{height:min(84dvh,430px)}.winner-backdrop{padding:max(7px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));overflow:hidden}.winner-panel{max-height:calc(100dvh - 14px);box-shadow:4px 5px 0 var(--orange), 7px 8px 0 var(--ink);padding:9px 12px;overflow:hidden auto}.winner-crown{margin-bottom:0;font-size:24px}.winner-panel h2{margin-bottom:4px;font-size:23px}.winner-panel>p:not(.eyebrow){font-size:8px}.scoreboard{margin:6px 0}.scoreboard div{padding:3px 7px;font-size:8px}.match-rewards{margin-bottom:6px}.reward-totals>div{padding:4px 6px}.reward-level-progress{padding:4px 6px 5px}.reward-breakdown>span{padding:3px 4px}.winner-panel .primary-button{min-height:34px}.winner-share-button{min-height:30px;font-size:9px}}@media (max-width:780px){.landing-seo-inner,.seo-guide-article{width:min(100% - 28px,900px)}.landing-seo-inner{padding-top:36px}.dive-transition{height:clamp(64px,9svh,90px)}.dive-cue{min-width:102px;padding:6px 12px 4px;font-size:7px;bottom:45px}.underwater-fish-shadow{opacity:.72}.underwater-reef{opacity:.78}.landing-seo h1,.seo-guide-article h1{font-size:clamp(40px,12vw,60px)}.landing-seo-lede,.seo-guide-intro{font-size:17px}.landing-how,.landing-why,.landing-guides,.landing-faq{grid-template-columns:40px minmax(0,1fr);gap:12px;margin-top:76px}.seo-section-number{border-width:2px;width:36px;height:36px;font-size:8px}.landing-how ol,.landing-benefit-grid,.landing-guide-grid,.seo-related-guides>div{grid-template-columns:1fr}.landing-guide-grid a:first-child{grid-column:auto}.landing-how li{min-height:0}.landing-final-cta{flex-direction:column;align-items:stretch}.landing-final-cta .seo-primary-cta{width:100%}.landing-seo-footer,.seo-footer{flex-direction:column;align-items:flex-start}.seo-site-header{min-height:67px;padding:8px 14px}.seo-brand>span{width:35px;height:41px;font-size:16px}.seo-brand strong{font-size:12px}.seo-play-link{min-height:38px;padding:7px 10px}.seo-guide-article{padding-top:45px;padding-bottom:70px}.seo-breadcrumbs{margin-bottom:28px}.seo-guide-body{gap:43px;margin-top:58px}.seo-guide-body section{border-left-width:4px;padding-left:18px}.seo-guide-body p,.seo-guide-body li{font-size:15px}.seo-short-answer{padding:17px 18px}.seo-editorial-note{border-left-width:4px}.seo-footer{padding:22px 16px}}.mini-hand i.cards_classic,.locker-card-back.cards_classic{background:repeating-linear-gradient(45deg, var(--orange), var(--orange) 4px, #ff9d5b 4px, #ff9d5b 7px)}.mini-hand i.cards_sunset,.locker-card-back.cards_sunset{background:repeating-radial-gradient(circle at 100% 100%,#ffd166 0 5px,#ee6c7b 6px 10px,#813a73 11px 15px)}.mini-hand i.cards_deep,.locker-card-back.cards_deep{background:radial-gradient(circle at 28% 24%,#7ce6ff 0 3px,#0000 4px),radial-gradient(circle at 68% 66%,#49bddd 0 2px,#0000 3px),linear-gradient(145deg,#102c57,#245b78)}.mini-hand i.cards_koi,.locker-card-back.cards_koi{background:radial-gradient(at 35% 40%,#fff 0 7%,#ff6838 8% 19%,#0000 20%),radial-gradient(at 68% 62%,#fff 0 7%,#ff6838 8% 19%,#0000 20%),linear-gradient(135deg,#8eddf0,#e5fbff)}@media (max-width:620px){.locker-backdrop,.achievements-backdrop,.daily-backdrop{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-items:stretch}.cosmetic-locker{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:5px 6px 0 var(--orange), 8px 9px 0 var(--ink);border-radius:12px 7px 14px 8px}.achievements-panel{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:5px 6px 0 #f3c84b, 8px 9px 0 var(--ink);border-radius:12px 7px 14px 8px}.daily-panel{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:5px 6px 0 #ef8b43, 8px 9px 0 var(--ink);border-radius:12px 7px 14px 8px}.locker-header{gap:8px;padding:10px 11px}.locker-header h2{font-size:25px}.locker-header>button{width:34px;height:34px;font-size:17px}.locker-balance{font-size:7px}.locker-balance strong{font-size:9px}.locker-preview{gap:9px;min-height:72px;padding:8px 12px}.locker-preview>div strong{font-size:16px}.locker-preview>div span{font-size:7px}.locker-card-back{width:38px;height:53px}.locker-tabs button{min-height:37px;padding:2px;font-size:7px}.cosmetic-grid{max-height:calc(100dvh - 235px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-columns:1fr;gap:9px;padding:10px}.cosmetic-item{grid-template-columns:58px minmax(0,1fr)}.cosmetic-item-preview{min-height:76px}.achievements-header{gap:8px;padding:10px 11px}.achievements-header h2{font-size:23px}.achievements-header>button{width:34px;height:34px;font-size:17px}.achievements-balance{font-size:7px}.achievements-balance strong{font-size:8px}.achievement-stats small{font-size:6px}.achievement-stats strong{font-size:13px}.achievement-tabs button{min-height:37px;padding:2px;font-size:7px}.achievement-grid{max-height:calc(100dvh - 220px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-columns:1fr;gap:9px;padding:10px}.daily-header{gap:8px;padding:10px 11px}.daily-header h2{font-size:24px}.daily-header>button{width:34px;height:34px;font-size:17px}.daily-balance{font-size:7px}.daily-balance strong{font-size:8px}.streak-section{padding:8px 7px 9px}.streak-heading strong{font-size:15px}.streak-heading>span{font-size:6px}.streak-track{gap:3px}.streak-track>div{padding:4px 1px}.streak-track span,.streak-track em{font-size:5px}.daily-quest-heading{min-height:42px;padding:6px 10px}.daily-quest-heading strong{font-size:10px}.daily-quest-list{max-height:calc(100dvh - 255px - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:8px;padding:9px}.daily-quest{grid-template-columns:48px minmax(0,1fr) auto;column-gap:7px}.daily-quest-icon{min-height:76px}.daily-quest-copy h3{font-size:14px}.daily-quest-reward{padding-right:7px}.login-reward-toast{top:max(10px, env(safe-area-inset-top));gap:6px;min-width:calc(100% - 18px);padding:6px 7px}}@media (max-width:780px){.game-profile-buttons{gap:4px}.game-locker-button{min-height:38px;padding:0 6px;font-size:0}.game-locker-button strong{font-size:8px}.game-achievements-button{width:38px;min-height:38px;padding:0}.game-achievements-button strong{display:none}.game-daily-button{width:38px;min-height:38px;padding:0}.game-daily-button strong{display:none}}@media (max-width:380px){.home-profile-menu{min-width:210px;margin-bottom:11px}.home-profile-chip{padding:5px 7px}.home-profile-chip>b{padding:4px 5px;font-size:8px}.locker-header .eyebrow,.locker-balance span{display:none}.locker-header{grid-template-columns:minmax(0,1fr) auto auto}.achievements-header .eyebrow,.achievements-balance span{display:none}.achievements-header{grid-template-columns:minmax(0,1fr) auto auto}.achievement-stats>span{padding:7px 2px}.daily-header .eyebrow,.daily-balance span{display:none}.daily-header{grid-template-columns:minmax(0,1fr) auto auto}.streak-heading>span{text-align:right;max-width:120px}.daily-quest-heading>span{display:none}.login-reward-toast>span{font-size:21px}.login-reward-toast strong{font-size:12px}}@media (hover:none){.audio-dock button:hover{transform:rotate(1deg);box-shadow:3px 4px #1515153d}.audio-dock button:nth-child(2):hover{transform:rotate(-1deg)}.playing-card:hover:not(.selected){transform:none;box-shadow:4px 5px #15151561}.opponent:not(:disabled):hover:not(.targeted){box-shadow:5px 6px 0 var(--ink);transform:none}.reaction-picker button:hover{box-shadow:2px 3px 0 var(--ink);background:#fff;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}