:root{--navy:#0f3a5a;--outline:#123e63;--label:#2a7aa6;--coral:#e2574c;--ocean:#1786c9;--ocean-light:#4fb6ef;--ocean-dark:#0f5f94;--aqua:#e8fbfb;--aqua-light:#fff;--aqua-dark:#b3e6ea;--mint:#3fdcc0;--mint-light:#9cf3e2;--mint-dark:#21a891;--paper:#f7fdff;--paper-dark:#c3dde8;--font-ko:"Noto Sans KR",sans-serif;--font-num:"Inter","Noto Sans KR",sans-serif;--font-pixel:"Press Start 2P","Courier New",monospace;--font-pixel-label:"Silkscreen","Courier New",monospace;font-family:var(--font-ko);color:var(--navy)}*{box-sizing:border-box}[hidden]{display:none!important}button,select,input{font:inherit}button{cursor:pointer}body{min-height:100vh;image-rendering:pixelated;background:#7fd3ea;margin:0}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.primary-button,.secondary-button{border:3px solid var(--outline);min-height:54px;color:var(--navy);padding:0 24px 4px;font-size:22px;font-weight:700}.primary-button{background:var(--mint);box-shadow:inset 0 -6px 0 var(--mint-dark),inset 3px 6px 0 var(--mint-light)}.secondary-button{background:var(--paper);box-shadow:inset 0 -6px 0 var(--paper-dark),inset 3px 6px 0 #fff}.primary-button:active,.secondary-button:active{box-shadow:none;padding-bottom:0}.swimmer{position:relative}.swimmer-sprite{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(4px 5px #021b2a59);transform-origin:50%;display:block}.swimmer-large{width:230px;height:108px;transform:none}.swimmer.stroke .swimmer-sprite{animation:.36s ease-out spriteStroke}.swimmer.keytap .swimmer-sprite{animation:.12s ease-out spriteKey}.swimmer.error .swimmer-sprite{filter:grayscale(.25)sepia(.45)saturate(2)hue-rotate(320deg)drop-shadow(4px 5px #021b2a59);animation:.55s spriteError}@keyframes spriteStroke{45%{transform:translate(7px,-4px)rotate(-2deg)}}@keyframes spriteKey{0%{transform:translate(0)rotate(0)}45%{transform:translate(7px,-3px)rotate(-1.5deg)}to{transform:translate(12px)rotate(1deg)}}@keyframes spriteError{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (width<=650px){.swimmer-large{width:190px;height:90px;transform:none}}.swimmer{width:172px;height:84px}@media (width<=650px){.swimmer{width:140px;height:70px}}.swimmer--swimming .swimmer-sprite{-webkit-mask-image:linear-gradient(#000 47%,#00000038 55%,#0000 68%);mask-image:linear-gradient(#000 47%,#00000038 55%,#0000 68%)}.swimmer-frame{animation:.5s step-end infinite paddle;position:absolute;inset:0}.swimmer-frame--b{animation-delay:-.25s}@keyframes paddle{0%{opacity:1}50%{opacity:0}}.swimmer--swimming:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#ffffffd9 0 14px,#0000 14px 22px);height:3px;position:absolute;top:49%;left:12%;right:5%}@media (prefers-reduced-motion:reduce){.swimmer-frame{animation:none}.swimmer-frame--b{opacity:0}}.avatar-preview{border:3px solid var(--outline);background:url(/assets/coastal-channel-photo-2026.webp) 50%/cover no-repeat;place-items:center;height:210px;margin-bottom:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 6px #123e6380}.avatar-label{border:3px solid var(--outline);background:var(--mint);box-shadow:inset 0 -5px 0 var(--mint-dark),inset 2px 4px 0 var(--mint-light);color:var(--navy);padding:5px 12px 8px;font-size:15px;font-weight:700;position:absolute;bottom:10px;right:12px}.avatar-preview .swimmer-large{width:276px;height:130px}.custom-grid{grid-template-columns:repeat(3,1fr);gap:14px 28px;display:grid}.custom-grid fieldset{border:0;margin:0;padding:0}.custom-grid legend{color:var(--label);margin-bottom:10px;font-size:17px;font-weight:500;display:block}.choice-row,.swatch-row{gap:8px;display:flex}.choice{border:3px solid var(--outline);min-height:52px;color:var(--navy);background:var(--paper);box-shadow:inset 0 -6px 0 var(--paper-dark),inset 3px 6px 0 #fff;flex:1;padding-bottom:4px;font-size:18px;font-weight:700}.choice.selected{color:#fff;background:var(--ocean);box-shadow:inset 0 -6px 0 var(--ocean-dark),inset 3px 6px 0 var(--ocean-light)}.swatch{border:3px solid var(--outline);background:var(--swatch);width:44px;height:44px;box-shadow:inset 0 -5px #00000040}.swatch.selected{box-shadow:inset 0 -5px 0 #00000040,0 0 0 3px var(--outline);border:4px solid #fff}@media (width<=650px){.custom-grid{grid-template-columns:1fr}.avatar-preview .swimmer-large{width:228px;height:108px}}.race-options{grid-template-columns:1fr 1fr;gap:18px 20px;display:grid}.race-options label span{color:var(--label);margin-bottom:8px;font-size:17px;font-weight:500;display:block}.race-options select,.race-options .time-input{border:3px solid var(--outline);width:100%;height:52px;color:var(--navy);box-shadow:inset 0 5px 0 var(--aqua-dark);background-color:#fff;border-radius:0;padding:0 14px 0 16px;font-size:18px;font-weight:700}.race-options select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2 5h12v2h-2v2h-2v2H6V9H4V7H2z' fill='%23123e63'/%3E%3C/svg%3E") right 14px center/16px no-repeat}.race-options select:focus,.race-options .time-input:focus{border-color:var(--ocean);box-shadow:inset 0 5px 0 var(--aqua-dark),0 0 0 4px var(--mint);outline:0}.button-row{grid-template-columns:1fr 2fr;gap:12px;margin-top:22px;display:grid}@media (width<=650px){.race-options{grid-template-columns:1fr}}.setup-screen{background:linear-gradient(#7fe3ff1a,#7fe3ff1a),url(/assets/coastal-channel-photo-2026.webp) 50%/cover no-repeat fixed;min-height:100vh;padding:24px}.setup-screen>.brand{border-bottom:3px solid var(--outline);background:var(--ocean);width:calc(100% + 48px);min-height:76px;box-shadow:inset 0 -6px 0 var(--ocean-dark),inset 0 6px 0 var(--ocean-light);grid-template-rows:28px 20px;grid-template-columns:62px auto;align-items:center;margin:-24px -24px 28px;padding:10px 36px 14px;display:grid}.brand-mark{border:3px solid var(--outline);background:var(--mint);width:48px;height:48px;box-shadow:inset 0 -6px 0 var(--mint-dark),inset 3px 6px 0 var(--mint-light);grid-row:1/3;place-items:center;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated;display:block}.setup-screen>.brand strong{color:#fff;font-family:var(--font-pixel);text-shadow:3px 3px 0 var(--outline);font-size:clamp(14px,1.6vw,20px);font-weight:400}.setup-screen>.brand small{color:#c9fff4;font-family:var(--font-pixel-label);letter-spacing:1px;font-size:13px;font-weight:700}.setup-card{border:3px solid var(--outline);background:var(--aqua);width:min(760px,100%);box-shadow:inset 0 -6px 0 var(--aqua-dark),inset 3px 6px 0 var(--aqua-light),10px 10px 0 #123e6373;margin:auto;padding:26px 30px 34px}.setup-card h1{color:var(--navy);letter-spacing:-.02em;margin:0 0 22px;font-size:clamp(24px,5vw,34px);font-weight:700}.setup-card>.primary-button{width:100%;margin-top:22px}@media (width<=650px){.setup-screen{padding:12px}.setup-screen>.brand{width:calc(100% + 24px);margin:-12px -12px 22px;padding:8px 16px 12px}.setup-card{padding:20px 15px 26px}}.shark{z-index:7;color:#183848;position:absolute;top:236px;left:2%}@media (width<=650px){.shark{top:198px}}.shark{transform:translate(-48%,-50%)}.shark img{image-rendering:pixelated;filter:drop-shadow(4px 5px #03141e59)}@media (width<=650px){.shark{transform:translate(-48%,-50%)scale(.75)}}.shark:after{content:"";height:4px;position:absolute}.shark{opacity:.86;filter:hue-rotate(5deg)saturate(.8)brightness(.72);overflow:hidden}.shark img{max-width:none}.shark:after{left:2%;right:2%}.shark img{object-position:center}@media (width<=650px){.shark img{width:100%;height:100%;transform:none}}.shark{z-index:5;opacity:.82;filter:hue-rotate(5deg)saturate(.82)brightness(.78);width:96px;height:76px;z-index:6!important;opacity:1!important;filter:drop-shadow(5px 7px #021c2b73)!important;overflow:visible!important}.shark img{object-fit:contain!important;width:100%!important;height:100%!important;transform:none!important}.shark:after{bottom:5px}.shark{width:110px;height:87px}@media (width<=650px){.shark{width:90px;height:72px}}.shark{transition:none}.shark.attack-lunge{z-index:9;animation:.62s cubic-bezier(.2,.85,.25,1) both sharkLunge}.shark.attack-lunge:before{content:"";background:radial-gradient(circle at 12% 65%,#fff8dc 0 5px,#0000 6px),radial-gradient(circle at 44% 28%,#8cf2ff 0 4px,#0000 5px),radial-gradient(circle at 76% 72%,#fff8dc 0 3px,#0000 4px);width:62px;height:34px;animation:.62s ease-out both sharkBubbles;position:absolute;top:42%;right:72%}@keyframes sharkLunge{0%{filter:drop-shadow(5px 7px #021c2b73);transform:translate(-48%,-50%)scale(1)}35%{filter:sepia(.25)saturate(1.8)hue-rotate(325deg)drop-shadow(8px 8px #500e146b);transform:translate(-28%,-54%)scale(1.22)rotate(-3deg)}70%{transform:translate(-42%,-50%)scale(1.08)rotate(2deg)}to{transform:translate(-48%,-50%)scale(1)}}@keyframes sharkBubbles{0%{opacity:0;transform:translate(25px)scale(.3)}35%{opacity:1}to{opacity:0;transform:translate(-48px)scale(1.35)}}@media (width<=650px){@keyframes sharkLunge{0%{transform:translate(-48%,-50%)scale(.75)}35%{transform:translate(-28%,-54%)scale(.95)rotate(-3deg)}70%{transform:translate(-42%,-50%)scale(.82)rotate(2deg)}to{transform:translate(-48%,-50%)scale(.75)}}}.game-screen .shark{width:132px;height:104px}@media (width<=650px){.game-screen .shark{width:108px;height:86px}}.shark:after{background:linear-gradient(90deg,var(--gauge-color,var(--mint)) calc(100% * var(--gauge-left,5) / var(--gauge-max,5)),#123e6380 0);-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(100% / var(--gauge-max,5) - 2px),transparent 0 calc(100% / var(--gauge-max,5)));-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(100% / var(--gauge-max,5) - 2px),transparent 0 calc(100% / var(--gauge-max,5)));mask:repeating-linear-gradient(90deg,#000 0 calc(100% / var(--gauge-max,5) - 2px),transparent 0 calc(100% / var(--gauge-max,5)))}.shark[data-gauge=low]{--gauge-color:#ffd33d}.shark[data-gauge=danger]{--gauge-color:var(--coral)}.shark.attack-lunge:after{animation:.62s step-end gaugeHit}@keyframes gaugeHit{0%,40%,80%{opacity:.3}20%,60%,to{opacity:1}}.ocean-stage{background:linear-gradient(#ff9d6c 0 28%,#f6d085 28% 38%,#137f9c 38% 64%,#07546e 64%);overflow:hidden}.ocean-stage:after{content:"";background:repeating-linear-gradient(0deg,#0000 0 24px,#5ee8ff2e 24px 27px);position:absolute;inset:38% 0 0}.player{position:absolute;top:215px;left:12%}@media (width<=650px){.player{top:177px}}.ocean-stage:after{display:none}.player{transform:translate(-45%,-50%)}@media (width<=650px){.player{transform:translate(-45%,-50%)scale(.8)}}.ocean-stage{margin:0}.map-world{will-change:transform;width:280%;height:100%;transition:transform .5s cubic-bezier(.22,.8,.3,1);position:absolute;inset:0 auto 0 0}.player.surge:after{content:"";border-top:6px solid #bdf7ff;border-bottom:4px dashed #71d9ed;position:absolute}.map-world.camera-kick{filter:brightness(1.12)saturate(1.08)}@keyframes swimSurge{0%{margin-left:0;transform:translate(-45%,-50%)}45%{margin-left:18px;transform:translate(-45%,-58%)rotate(-3deg)}to{margin-left:0;transform:translate(-45%,-50%)}}@keyframes splashBurst{0%{opacity:0;transform:translate(20px)scale(.3)}40%{opacity:1}to{opacity:0;transform:translate(-24px)scale(1.35)}}@media (width<=650px){@keyframes swimSurge{0%{margin-left:0;transform:translate(-45%,-50%)scale(.8)}45%{margin-left:14px;transform:translate(-45%,-58%)scale(.8)rotate(-3deg)}to{margin-left:0;transform:translate(-45%,-50%)scale(.8)}}}.map-world{height:72%;top:1%;bottom:auto}@media (width<=650px){.map-world{height:66%;top:2%}}.player{z-index:7;width:112px;height:72px}.ocean-stage:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(at 18% 20%,#dcfaee3b,#0000 18%),radial-gradient(at 63% 32%,#82e1e424,#0000 23%),repeating-linear-gradient(90deg,#0000 0 58px,#03273c1f 58px 61px);position:absolute;inset:0}.ocean-stage:before{display:none}.map-world:before{content:"";z-index:0;position:absolute;inset:0}.map-world:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 5px,#fff7da09 5px 7px);position:absolute;inset:0}.retro-island{height:auto;image-rendering:pixelated}.ocean-stage{max-width:none;box-shadow:none;border-left:0;border-right:0}.map-world:before{bottom:auto}.map-world:after{height:139%;bottom:auto}@media (width<=650px){.map-world:before,.map-world:after{height:152%}}.map-world{width:3780%}@media (width<=650px){.map-world{width:4860%}}.game-screen .map-world{width:3780%;transition:none}.game-screen .player:after{content:"";pointer-events:none;border-top:7px solid #fffffff2;border-radius:50%;width:110px;height:28px;animation:.72s ease-in-out infinite alternate swimWake;position:absolute;top:58%;left:-36px;box-shadow:-24px 9px 0 -5px #7eeeffe6,18px 5px 0 -7px #ffffffe6}@keyframes swimWake{0%{opacity:.55;transform:translate(10px)scaleX(.78)}to{opacity:1;transform:translate(-12px)scaleX(1.08)}}@media (width<=650px){.game-screen .map-world{width:4860%}}.map-world:before{background-repeat:repeat-x;background-size:auto 100%}.retro-island{z-index:3;pointer-events:none;opacity:.96;filter:drop-shadow(7px 9px #0114265c);width:190px;position:absolute}.marine-life{z-index:3;width:125px;height:auto;image-rendering:pixelated;opacity:.72;filter:drop-shadow(4px 5px #01142640);pointer-events:none;animation:4.8s ease-in-out infinite alternate marineDrift;position:absolute}@keyframes marineDrift{0%{transform:translateY(-5px)}to{transform:translateY(7px)}}.player{width:174px;height:96px}@media (width<=650px){.player{width:142px;height:80px}.retro-island,.marine-life{transform:scale(.82)}}.map-world,.player{transition:none}.player.surge{animation:none}.game-screen .ocean-stage{background:linear-gradient(#031d2b14,#031d2b3d),url(/assets/coastal-channel-photo-2026.webp) 50%/cover no-repeat}.game-screen .map-world:before{background:0 0}.map-world:before{image-rendering:auto;filter:none;background-color:#07596b;background-position:50%,0;background-repeat:no-repeat,repeat-x;background-size:100% 100%,4258px 532px}.marine-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.marine-layer .marine-life{opacity:.88;filter:drop-shadow(5px 6px #01142657)brightness(1.06)}.ocean-stage{z-index:0;border:0;width:100vw;height:100vh;min-height:0;position:absolute;inset:0}@media (width<=650px){.ocean-stage{height:100vh;min-height:0}}.ocean-stage{background:#07596b}.map-world:before{image-rendering:auto;filter:none;background:linear-gradient(#021c3014,#0000 38%,#021e301f) 0 0/100% 100% no-repeat;height:139%}@media (width<=650px){.map-world:before{background-size:100% 100%;height:152%}}.player.surge:before,.player.surge:after{content:"";z-index:10;pointer-events:none;position:absolute}.player.surge:before{border-top:11px solid #fff8dc;border-radius:50%;width:105px;height:48px;animation:.76s ease-out both successFoam;top:43px;left:-42px;box-shadow:-18px 7px 0 -5px #7eeeff,18px -8px 0 -6px #fff8dc,40px 4px 0 -9px #7eeeff}.player.surge:after{background:radial-gradient(circle at 10% 80%,#fff8dc 0 5px,#0000 6px),radial-gradient(circle at 38% 30%,#7eeeff 0 4px,#0000 5px),radial-gradient(circle at 68% 12%,#fff8dc 0 6px,#0000 7px),radial-gradient(circle at 88% 55%,#7eeeff 0 3px,#0000 4px);border:0;width:74px;height:58px;animation:.76s ease-out both successDrops;top:15px;left:18px}@keyframes successFoam{0%{opacity:0;transform:translate(45px)scale(.25)}30%{opacity:1}to{opacity:0;transform:translate(-55px)scale(1.45)}}@keyframes successDrops{0%{opacity:0;transform:translateY(18px)scale(.35)}30%{opacity:1}to{opacity:0;transform:translate(32px,-38px)scale(1.25)}}.game-screen .map-world{height:52%;top:34%;bottom:auto}.game-screen .retro-island{display:none}@media (width<=650px){.game-screen .map-world{height:44%;top:41%}}.game-screen .player{width:209px;height:115px}.game-screen .player .swimmer{width:206px;height:101px}@media (width<=650px){.game-screen .player{width:170px;height:96px}.game-screen .player .swimmer{width:168px;height:84px}}.game-screen .map-world{transition:none}.game-screen .marine-layer--fixed{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.game-screen .marine-layer--fixed .marine-life{opacity:.72;filter:drop-shadow(4px 5px #01142647)brightness(1.03);height:auto;animation:none;position:absolute;transform:translate(-50%,-50%)}.game-screen .landmark-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.game-screen .landmark-layer .retro-island{opacity:.82;image-rendering:auto;filter:drop-shadow(5px 7px #0114264d);width:clamp(68px,6.5vw,96px);height:auto;display:block;position:absolute}.landmark-palm{top:69%;left:2%}.landmark-rock{top:46%;left:26%}.landmark-light{top:34%;right:2%}.landmark-buoy{top:69%;right:26%}.game-header{z-index:20;grid-template-columns:repeat(3,1fr) auto;gap:8px;width:calc(100% - 20px);margin:auto;display:grid;position:relative}.game-header>div,.sound-button{border:3px solid var(--outline);padding:8px 14px 12px}.game-header>div{background:var(--aqua);box-shadow:inset 0 -6px 0 var(--aqua-dark),inset 3px 6px 0 var(--aqua-light)}.game-header span{color:var(--label);font-family:var(--font-pixel-label);font-size:12px;font-weight:700;display:block}.game-header strong{color:var(--navy);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.sound-button{color:#fff;background:var(--ocean);min-width:112px;box-shadow:inset 0 -6px 0 var(--ocean-dark),inset 3px 6px 0 var(--ocean-light);font-family:var(--font-pixel-label);font-size:16px;font-weight:700}@media (width<=650px){.game-header{grid-template-columns:repeat(3,1fr)}.game-header>div{padding:6px 8px 9px}.game-header strong{font-size:20px}.sound-button{grid-column:1/-1;min-height:34px;padding:5px}}.result-screen{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b2a449e;place-items:center;display:grid;position:fixed;inset:0}.result-card{z-index:2;border:3px solid var(--outline);background:var(--aqua);width:min(450px,100% - 30px);box-shadow:inset 0 -6px 0 var(--aqua-dark),inset 3px 6px 0 var(--aqua-light),9px 9px 0 #123e6380;text-align:center;padding:28px 30px 30px;animation:.36s steps(4,end) both cardPop;position:relative}@keyframes cardPop{0%{opacity:0;transform:translateY(24px)scale(.86)}to{opacity:1;transform:none}}.result-card>p:first-child{color:var(--ocean);font-family:var(--font-pixel-label);letter-spacing:2px;margin:0 0 8px;font-size:15px;font-weight:700}.result-card.caught>p:first-child{color:var(--coral)}.result-card h1{color:var(--navy);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(26px,6vw,38px);font-weight:900}.result-card>p{color:var(--label);font-size:17px;font-weight:700}.result-card strong{color:var(--ocean);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:20px}.result-card button{width:100%;margin-top:12px}.shark-splash{z-index:1;text-align:center;animation:1s both sharkAttack;position:absolute}.shark-splash img{width:260px;max-width:75vw;image-rendering:pixelated;filter:drop-shadow(7px 8px #123e6380);display:block}.shark-splash b{color:#fff;font-family:var(--font-pixel);text-shadow:4px 4px 0 var(--ocean);font-size:30px;font-weight:400;display:block}@keyframes sharkAttack{0%{transform:translate(-100vw)scale(.2)}70%{transform:translate(0)scale(1.4)}to{opacity:.15;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.result-card{animation:none}}.timer-bar{z-index:20;border:3px solid var(--outline);background:#ffffffd9;width:calc(100% - 20px);height:22px;margin:8px auto;position:relative}.timer-bar div{background:linear-gradient(90deg,var(--mint),var(--ocean));width:100%;height:100%;transition:width .3s linear}.timer-bar strong{color:#fff;font-family:var(--font-num);font-variant-numeric:tabular-nums;text-shadow:2px 2px 0 var(--outline);font-size:14px;font-weight:700;line-height:16px;position:absolute;inset:0 8px auto auto}.typing-console{z-index:20;border:3px solid var(--outline);background:var(--aqua);width:min(760px,100% - 30px);box-shadow:inset 0 -6px 0 var(--aqua-dark),inset 3px 6px 0 var(--aqua-light),8px 8px 0 #123e6373;text-align:center;margin:0;padding:14px 22px 20px;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.route-meta{color:var(--label);justify-content:space-between;font-size:14px;font-weight:500;display:flex}.route-meta strong{color:var(--ocean);font-family:var(--font-pixel-label);font-size:13px;font-weight:700}.route-meta b{font-family:var(--font-num);font-variant-numeric:tabular-nums}.target-word{color:var(--navy);letter-spacing:6px;margin:4px 0 8px;font-size:clamp(30px,6vw,52px);font-weight:900}.typing-console input{border:3px solid var(--outline);width:min(520px,100%);height:52px;color:var(--ocean);text-align:center;background:#fff;border-radius:0;outline:0;padding:0 16px;font-size:22px;font-weight:700}.typing-console input:focus{border-color:var(--ocean);box-shadow:0 0 0 4px var(--mint)}.message{min-height:18px;color:var(--ocean-dark);margin:8px 0 0;font-size:15px;font-weight:700}.message.miss{color:var(--coral)}@media (width<=650px){.typing-console{bottom:36px}.target-word{letter-spacing:2px}}.game-screen{background:#7fd3ea;width:100vw;height:100vh;min-height:100vh;padding:0;position:relative;overflow:hidden}.bottom-restart{z-index:20;color:#fff;text-shadow:1px 1px 0 var(--outline);background:0 0;border:0;margin:0;font-weight:700;display:block;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.compact-progress{display:none}.keyboard-open .game-screen{height:var(--app-height);min-height:0;transform:translateY(var(--app-top));flex-direction:column;gap:4px;padding:6px 0;display:flex;position:fixed;top:0;left:0}.keyboard-open .game-header,.keyboard-open .timer-bar{flex:none;margin:0 auto}.keyboard-open .ocean-stage{flex:1;height:auto;min-height:0;position:relative;inset:auto}.keyboard-open .game-screen .map-world{height:60%;top:40%}.keyboard-open .game-screen .player{width:96px;height:54px}.keyboard-open .game-screen .player .swimmer{width:94px;height:47px}.keyboard-open .game-screen .shark{width:62px;height:49px}.keyboard-open .landmark-layer{display:none}.keyboard-open .game-screen .marine-layer--fixed .marine-life{transform:translate(-50%,-50%)scale(.55)}.keyboard-open .typing-console{flex:none;margin:0 auto;padding:6px 12px 8px;position:relative;bottom:auto;left:auto;transform:none}.keyboard-open .target-word{margin:0 0 4px;font-size:28px}.keyboard-open .typing-console input{height:44px}.keyboard-open .message{min-height:0;margin-top:2px}.keyboard-open .bottom-restart,.keyboard-compact .ocean-stage{display:none}.keyboard-compact .compact-progress{border:3px solid var(--outline);background:#ffffffd9;flex:none;width:calc(100% - 20px);height:12px;margin:0 auto;display:block}.keyboard-compact .compact-progress i{background:var(--mint);height:100%;display:block}.keyboard-compact .game-header>div,.keyboard-compact .sound-button{padding:2px 8px}.keyboard-compact .game-header strong{font-size:16px}.keyboard-compact .route-meta{display:none}.keyboard-compact .target-word{font-size:24px}.keyboard-compact .typing-console input{height:40px}