*{box-sizing:border-box}html,body,#root{margin:0;height:100%}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:#07131f;color:#eaf6ff;font-family:Chalkboard SE,Comic Sans MS,Segoe Print,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow:hidden}button{font:inherit;font-weight:700;border:3px solid #111;background:#235179;color:#eaf6ff;border-radius:12px;padding:10px 16px;cursor:pointer;box-shadow:4px 4px #111;transition:transform .07s ease,box-shadow .07s ease}button:hover:not(:disabled){transform:translate(-1px,-2px) rotate(-.7deg);box-shadow:6px 7px #111}button:active:not(:disabled){transform:translate(2px,3px);box-shadow:1px 1px #111}button:disabled{opacity:.45;cursor:default}button.primary{background:#36bd6e;border-color:#111;color:#06220f;text-shadow:0 1px 0 #ffffff55}button.primary:hover:not(:disabled){background:#3cd077}button.big{font-size:18px;padding:15px 18px}input{font:inherit;background:#fffef2;border:3px solid #111;border-radius:10px;color:#16324a;padding:9px 12px;box-shadow:inset 2px 2px #0002}input::placeholder{color:#9aa8a0}input:focus{outline:none;border-color:#2fae62}kbd{background:#fffef2;color:#111;border:2px solid #111;border-bottom-width:4px;border-radius:6px;padding:0 6px;font-size:.85em;font-weight:700}.screen{height:100%;overflow-y:auto;background:linear-gradient(180deg,#2b6f9e,#1b507e 44%,#123a5f);display:flex;flex-direction:column;align-items:center;gap:18px;padding:26px 16px 60px}.logo{margin:6px 0 0;font-size:40px;letter-spacing:1px;text-align:center;color:#ffde3b;text-shadow:3px 3px 0 #111,-3px 3px 0 #111,3px -3px 0 #111,-3px -3px 0 #111,7px 8px 0 #0a4d2b;transform:rotate(-1.4deg)}.logo.small{font-size:25px;transform:rotate(-.8deg)}.logo-sub{display:block;font-size:15px;font-weight:700;color:#8dffb8;margin-top:10px;letter-spacing:0;text-shadow:2px 2px 0 #111;transform:rotate(.8deg)}.logo-greek{display:block;margin-top:7px;font-family:Times New Roman,Georgia,serif;font-size:11.5px;font-weight:400;letter-spacing:4px;color:#f5cf5a;text-shadow:1px 1px 0 #111;transform:rotate(0)}.greek-frieze{flex:none;width:min(470px,94vw);height:14px;margin:-4px 0;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2214%22%3E%3Cpath%20d%3D%22M0%2012H22V2H6V7H14%22%20fill%3D%22none%22%20stroke%3D%22%23f5cf5a%22%20stroke-width%3D%222.4%22%2F%3E%3C%2Fsvg%3E);background-repeat:repeat-x;background-size:auto 100%;opacity:.85;filter:drop-shadow(1.5px 1.5px 0 #111)}.panel{position:relative;width:min(470px,94vw);background:#1a3f63;border:3px solid #111;border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:6px 6px #111a}.panel.sticker{transform:rotate(-.5deg)}.panel.sticker:before{content:"";position:absolute;top:-11px;left:50%;transform:translate(-50%) rotate(-3.5deg);width:96px;height:22px;background:#ffde3bcc;border:2px solid #11111122;border-radius:3px}.panel:nth-child(2n){transform:rotate(.4deg)}.panel h2{margin:0;font-size:18px;color:#ffde3b;text-shadow:2px 2px 0 #111}.replay-tag{position:absolute;left:50%;top:8px;transform:translate(-50%);z-index:6;padding:5px 14px;background:#111c;color:#ffde3b;border:2px solid #ffde3b99;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none}.menu-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg-ship{position:absolute;left:50%;bottom:-4%;width:min(140vw,1400px);height:auto;transform:translate(-50%);filter:drop-shadow(6px 8px 0 #0b1f3555)}.bg-pepe{position:absolute;display:block;height:auto;filter:drop-shadow(5px 7px 0 #0b1f3566)}.bg-left{left:-8%;top:5%;width:min(44vw,500px);transform:rotate(-1.5deg)}.bg-right{right:-7%;top:2%;width:min(32vw,360px);transform:rotate(1.5deg)}@media(max-width:560px){.bg-left{left:-22%;top:3%}.bg-right{right:-22%;top:1%}}.screen>*:not(.menu-bg){position:relative;z-index:1}.hero{position:relative;flex:none;width:min(470px,94vw);height:148px;margin:-6px 0 -10px;overflow:hidden;pointer-events:none}.hero-boat{position:absolute;left:50%;bottom:26px;width:230px;height:100px;transform:translate(-50%);animation:boat-rock 3.6s ease-in-out infinite;transform-origin:50% 90%}@keyframes boat-rock{0%,to{transform:translate(-50%) rotate(-2.4deg) translateY(0)}50%{transform:translate(-50%) rotate(2.4deg) translateY(4px)}}.hero-hull{position:absolute;left:50%;bottom:0;width:230px;height:48px;transform:translate(-50%);background:linear-gradient(#b07c42,#8a5a2b 60%,#6f451f);border:3px solid #111;border-radius:14px 14px 110px 110px/10px 10px 46px 46px;box-shadow:4px 5px #11182a88}.hero-plank{position:absolute;left:10px;right:10px;top:10px;height:3px;background:#4a2f14;border-radius:2px;opacity:.6}.pepe-crop{position:relative;display:block;overflow:hidden}.pepe-crop img{position:absolute;left:0;top:0;width:calc(100% * 535 / 505);height:auto}.hero .head-l,.hero .head-r{position:absolute;bottom:34px;width:78px;height:70px;filter:drop-shadow(2px 3px 0 #11182a66)}.hero .head-l{left:24px;animation:head-bob 3.6s ease-in-out infinite}.hero .head-r{right:24px;animation:head-bob 3.6s ease-in-out infinite;animation-delay:-1.8s}@keyframes head-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(5px) rotate(2.5deg)}}.hero-oar{position:absolute;bottom:30px;width:7px;height:62px;background:linear-gradient(#b07c42,#8a5a2b);border:2.5px solid #111;border-radius:5px 5px 8px 8px;transform-origin:50% 8%}.hero-oar:after{content:"";position:absolute;left:50%;bottom:-16px;width:19px;height:27px;transform:translate(-50%);background:#8a5a2b;border:2.5px solid #111;border-radius:50% 50% 55% 55%}.oar-l{left:-16px;animation:oar-row-l 1.8s ease-in-out infinite}.oar-r{right:-16px;animation:oar-row-r 1.8s ease-in-out infinite;animation-delay:-.9s}@keyframes oar-row-l{0%,to{transform:rotate(46deg)}50%{transform:rotate(20deg)}}@keyframes oar-row-r{0%,to{transform:rotate(-46deg)}50%{transform:rotate(-20deg)}}.hero-wave{position:absolute;left:-12%;width:124%;height:34px}.hero-wave.w-back{bottom:10px;background:radial-gradient(circle at 22px 0,#1e5f93 27px,transparent 28px) repeat-x 0 0 / 44px 26px,linear-gradient(#1e5f93,#1e5f93) no-repeat 0 13px / 100% calc(100% - 13px);animation:wave-drift 5.2s ease-in-out infinite}.hero-wave.w-front{bottom:-4px;background:radial-gradient(circle at 18px 0,#2b77ad 23px,transparent 24px) repeat-x 0 0 / 36px 24px,linear-gradient(#2b77ad,#2b77ad) no-repeat 0 12px / 100% calc(100% - 12px);animation:wave-drift 4s ease-in-out infinite reverse}@keyframes wave-drift{0%,to{transform:translate(-14px) translateY(0)}50%{transform:translate(14px) translateY(3px)}}.hero-col{position:absolute;bottom:30px;width:24px;height:90px;background:linear-gradient(90deg,#f3efe4,#d6cfba 55%,#f3efe4);border:3px solid #111;border-radius:3px}.hero-col:before{content:"";position:absolute;top:-11px;left:-7px;right:-7px;height:10px;background:#f3efe4;border:3px solid #111;border-radius:2px}.hero-col:after{content:"";position:absolute;top:8px;bottom:8px;left:5px;width:3px;background:#b8b09c;box-shadow:8px 0 #b8b09c}.hero-col.col-l{left:6px}.hero-col.col-r{right:6px}.hero-ram{position:absolute;left:-17px;bottom:8px;width:30px;height:15px;background:linear-gradient(#c9a552,#b08d3e);border:3px solid #111;border-radius:10px 0 0 10px;transform:skewY(-5deg)}.hero-stern{position:absolute;right:-12px;bottom:20px;width:34px;height:54px;border-right:9px solid #8a5a2b;border-top:9px solid #6f451f;border-radius:0 30px 0 0}.hero-bubble,.hero-fish{position:absolute;font-size:15px;opacity:.75}.hero-bubble.b1{left:12%;bottom:26px;animation:bubble-up 4.6s linear infinite}.hero-bubble.b2{right:14%;bottom:20px;animation:bubble-up 5.8s linear infinite;animation-delay:-2.6s}.hero-fish{left:4%;bottom:4px;animation:fish-swim 9s ease-in-out infinite}@keyframes bubble-up{0%{transform:translateY(0) scale(.7);opacity:0}30%{opacity:.75}to{transform:translateY(-64px) scale(1.1);opacity:0}}@keyframes fish-swim{0%,to{transform:translate(0) scaleX(1)}48%{transform:translate(64px) scaleX(1)}52%{transform:translate(64px) scaleX(-1)}96%{transform:translate(0) scaleX(-1)}}.frog-tip{width:min(470px,94vw);display:flex;align-items:flex-start;gap:12px}.tip-head{flex:none;width:62px;height:56px;margin-top:4px;filter:drop-shadow(2px 3px 0 #11182a88);animation:head-bob 3.2s ease-in-out infinite}.bubble{position:relative;flex:1;background:#fff8dc;color:#211a00;font-size:13.5px;font-weight:700;line-height:1.6;border:3px solid #111;border-radius:16px;padding:11px 14px;box-shadow:4px 4px #111a;transform:rotate(.4deg)}.bubble:after{content:"";position:absolute;left:-13px;top:22px;border:7px solid transparent;border-right-color:#111}.bubble:before{content:"";position:absolute;left:-8px;top:24px;border:5px solid transparent;border-right-color:#fff8dc;z-index:1}.field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:#c6e6f5;font-weight:700}.mode-buttons{display:flex;flex-direction:column;gap:10px}.sub-modes{display:flex;gap:10px}.sub-modes button{flex:1;font-size:13.5px;padding:10px 8px}.airdrop-note{margin:-2px 0 0}.join-row{display:flex;gap:10px}.join-row input{flex:1;text-transform:uppercase;letter-spacing:3px}.manual-url{width:100%;font-size:12px;letter-spacing:0}.room-code{font-size:46px;font-weight:900;letter-spacing:12px;text-align:center;color:#ffde3b;text-shadow:3px 3px 0 #111,6px 7px 0 #0a4d2b;padding:6px 0;transform:rotate(-1deg)}.record-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}.record-list li{display:flex;gap:9px;align-items:baseline;background:#efe9d8;border:2.5px solid #111;border-radius:10px;padding:6px 12px;color:#3a2c14;box-shadow:3px 3px #11182a66}.record-list li b{color:#241a0a}.record-list li:nth-child(odd){transform:rotate(-.35deg)}.record-list li:nth-child(2n){transform:rotate(.35deg)}.rec-rank{min-width:24px;font-weight:900;color:#2c6b3a}.rec-m{color:#8a5a00;font-weight:900}.rec-tag{font-size:11px;color:#7c6a4a}.help table{border-collapse:collapse;font-size:13.5px}.help td{padding:4px 10px 4px 0}.dim{color:#b3d4e6;font-size:13px;margin:0}.tiny{font-size:11.5px}.error{color:#ff9c8a;font-weight:700}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.row-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.match{position:relative;height:100%;overflow:hidden}.canvas-host{position:absolute;inset:0}.canvas-host canvas{display:block}.hud{position:absolute;top:0;left:0;right:0;pointer-events:none;display:flex;flex-direction:column;align-items:center}.hud-top{width:min(560px,96vw);display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:10px}.hud-team{display:flex;flex-direction:column;font-size:15px;text-shadow:2px 2px 0 #111}.hud-course{font-size:11px;color:#8fc3da}.hud-dist{font-size:44px;font-weight:900;color:#ffde3b;text-shadow:3px 3px 0 #111,6px 7px 0 #0a4d2baa;transform:rotate(-1deg)}.hud-dist small{font-size:19px;margin-left:2px;color:#9fd8ef}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;text-shadow:2px 2px 0 #111}.hud-hearts{font-size:20px;letter-spacing:2px;color:#ff5f6b;text-shadow:2px 2px 0 #111}.hud-hearts.hp1{animation:pulse .7s ease-in-out infinite}.hud-speed,.hud-rtt{color:#8fc3da}.hud-best{font-size:12.5px;color:#ffde3b;font-weight:700;text-shadow:2px 2px 0 #111}.hud-ithaca{margin-top:2px;font-size:12px;font-weight:700;color:#f6e8b8;text-shadow:2px 2px 0 #111}.hud-solo-note{margin-top:4px;font-size:12.5px;font-weight:700;color:#ffb1c9;text-shadow:2px 2px 0 #111}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:130px;font-weight:900;color:#ffde3b;text-shadow:4px 4px 0 #111,-4px 4px 0 #111,4px -4px 0 #111,-4px -4px 0 #111,10px 12px 0 #0a4d2b;pointer-events:none;animation:cd-pop .93s ease-out infinite}.countdown.go{font-size:74px;color:#7dffab;animation:go-spin .9s ease-out}@keyframes cd-pop{0%{transform:scale(1.45) rotate(4deg);opacity:.3}30%{transform:scale(1) rotate(-2deg);opacity:1}}@keyframes go-spin{0%{transform:scale(.3) rotate(-14deg)}55%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(-1deg)}}.stall-note{position:absolute;top:22%;left:0;right:0;text-align:center;font-weight:700;color:#ffde3b;text-shadow:2px 2px 0 #111;animation:pulse 1.2s ease-in-out infinite;pointer-events:none}.hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:12.5px;color:#cfe7f3;text-shadow:1px 1px 0 #111;pointer-events:none;z-index:4}.mute-btn{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;width:46px;height:46px;padding:0;display:grid;place-items:center;font-size:20px;border-radius:50%;background:#0d2438e6;opacity:.9}.mute-btn:hover:not(:disabled){transform:rotate(-6deg) scale(1.08);opacity:1}.tap-layer{position:absolute;inset:0;z-index:3;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tap-pill{position:absolute;bottom:calc(34px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%) rotate(-1deg);background:#2fae62d9;color:#06220f;font-weight:900;font-size:15px;border:3px solid #111;border-radius:999px;padding:12px 22px;box-shadow:4px 4px #111a;pointer-events:none;white-space:nowrap;animation:pill-beat 1.5s ease-in-out infinite}@keyframes pill-beat{0%,to{transform:translate(-50%) rotate(-1deg) scale(1)}50%{transform:translate(-50%) rotate(1deg) scale(1.06)}}.tap-layer:active .tap-pill{animation:none;transform:translate(-50%) scale(.93)}.tap-pill.pill-left,.tap-pill.pill-right{left:25%;font-size:12.5px;padding:9px 14px;animation:none}.tap-pill.pill-right{left:75%}.tap-divider{position:absolute;left:50%;top:18%;bottom:6%;width:0;border-left:2.5px dashed #bfe3ef44}.intro-cut{position:absolute;inset:0;z-index:20;overflow:hidden;pointer-events:none;animation:intro-fade 4.6s ease forwards}@keyframes intro-fade{0%{opacity:0}5%,92%{opacity:1}to{opacity:0}}.hall{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 62%,#6b4a22,#4a3116 46%,#24170a),linear-gradient(180deg,#2a1b0c,#5c3f1c 30%,#6d4c23 62%,#3a2611)}.hall-beams{position:absolute;left:0;right:0;top:0;height:13%;background:repeating-linear-gradient(90deg,#1b1107 0 26px,#2a1b0c 26px 62px),#1b1107;border-bottom:4px solid #140d05;box-shadow:0 8px 18px #0009}.hall-frieze{position:absolute;left:0;right:0;top:17%;height:22px;opacity:.55;background:linear-gradient(#8a6a35,#8a6a35) no-repeat 0 0 / 100% 3px,linear-gradient(#8a6a35,#8a6a35) no-repeat 0 19px / 100% 3px,repeating-linear-gradient(90deg,transparent 0 5px,#c9a45c 5px 8px,transparent 8px 13px,#c9a45c 13px 16px,transparent 16px 30px) no-repeat 0 6px / 100% 11px}.hall-col{position:absolute;top:11%;bottom:18%;width:54px;background:linear-gradient(90deg,#6f5730,#a98a53 32%,#c4a570 52%,#8a6d3d 78%,#5a4526);box-shadow:inset 0 0 0 2px #0002}.hall-col:before{content:"";position:absolute;left:-12px;right:-12px;top:-22px;height:22px;background:linear-gradient(180deg,#c4a570,#8a6d3d);border-radius:4px 4px 0 0;box-shadow:0 3px 8px #0006}.hall-col.c-l{left:4%}.hall-col.c-r{right:4%}.hall-sconce{position:absolute;top:42%;width:14px;height:10px;background:#3a2a14;border:2px solid #1b1107;border-radius:0 0 8px 8px}.hall-sconce:after{content:"";position:absolute;left:50%;bottom:6px;width:120px;height:120px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#ffcf7dcc,#ff9d3055 26%,#ff9d3000 62%);animation:sconce-flicker 1.7s ease-in-out infinite}@keyframes sconce-flicker{0%,to{opacity:.85;transform:translate(-50%) scale(1)}38%{opacity:1;transform:translate(-50%) scale(1.09)}61%{opacity:.72;transform:translate(-50%) scale(.95)}}.hall-sconce.s-l{left:21%}.hall-sconce.s-r{right:21%}.hall-floor{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,#7b5c2c,#58401d 45%,#33230f);border-top:3px solid #2a1b0c}.hall-vignette{position:absolute;inset:0;background:radial-gradient(75% 60% at 50% 52%,transparent 38%,#0a0603cc 100%)}.intro-scene{position:absolute;inset:0}@keyframes scene-son{0%{opacity:0}6%,43%{opacity:1}50%,to{opacity:0}}@keyframes scene-wife{0%,46%{opacity:0}54%,94%{opacity:1}to{opacity:0}}.intro-figure{position:absolute;left:50%;bottom:0;transform:translate(-50%);mix-blend-mode:screen;max-width:94%;object-fit:contain}.fig-son{height:min(92%,780px);width:auto;-webkit-mask-image:radial-gradient(58% 56% at 50% 44%,#000 55%,transparent 96%);mask-image:radial-gradient(58% 56% at 50% 44%,#000 55%,transparent 96%);animation:son-breathe 3.4s ease-in-out infinite,scene-son 4.6s ease forwards}.fig-wife{height:min(88%,720px);width:auto;-webkit-mask-image:radial-gradient(62% 60% at 50% 46%,#000 55%,transparent 96%);mask-image:radial-gradient(62% 60% at 50% 46%,#000 55%,transparent 96%);animation:son-breathe 4.2s ease-in-out infinite,scene-wife 4.6s ease forwards}@media(max-aspect-ratio:3 / 4){.fig-son,.fig-wife{height:auto;width:min(96%,520px)}.intro-bubble{top:15%;width:min(340px,92vw)}}@keyframes son-breathe{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-5px) scale(1.012)}}.intro-bubble{position:absolute;left:50%;top:12%;transform:translate(-50%) rotate(-1deg);width:min(340px,88vw);background:#fff8dc;color:#211a00;border:3px solid #111;border-radius:18px;padding:14px 18px;font-size:16px;font-weight:700;line-height:1.6;text-align:center;box-shadow:5px 5px #111a}.b-son{animation:bubble-pop .5s ease-out .3s both,scene-son 4.6s ease forwards}.b-wife{animation:bubble-pop .5s ease-out 2.5s both,scene-wife 4.6s ease forwards}.intro-bubble:after{content:"";position:absolute;left:50%;bottom:-16px;transform:translate(-50%);border:9px solid transparent;border-top-color:#111}.intro-who{display:block;margin-top:6px;font-size:11.5px;font-weight:400;color:#6a5a2a}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%) scale(.7) rotate(-6deg)}70%{opacity:1;transform:translate(-50%) scale(1.05) rotate(1deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(-1deg)}}.intro-skip{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:12px;color:#fffc;text-shadow:1px 1px 0 #111}.hud-isles{color:#f6e8b8}.sign-ribbon{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:6;background:#fff8dc;color:#211a00;border:3px solid #111;border-radius:999px;padding:9px 20px;font-weight:900;font-size:14.5px;box-shadow:4px 4px #111a;pointer-events:none;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis;animation:ribbon-in 2.6s ease forwards}@keyframes ribbon-in{0%{opacity:0;transform:translate(-50%) translateY(-16px) rotate(-2deg) scale(.85)}9%{opacity:1;transform:translate(-50%) translateY(0) rotate(1deg) scale(1.03)}14%{transform:translate(-50%) rotate(-.5deg) scale(1)}84%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.overlay{position:absolute;inset:0;background:#04101add;display:grid;place-items:center;z-index:10}.overlay .panel{align-items:center;text-align:center;transform:rotate(-.7deg)}.overlay h2{font-size:27px;color:#eaf6ff;text-shadow:2px 2px 0 #111}.result-dist{font-size:72px;font-weight:900;color:#ffde3b;text-shadow:4px 4px 0 #111,9px 10px 0 #0a4d2b;line-height:1;transform:rotate(-2deg)}.result-dist small{font-size:28px;color:#9fd8ef}.badge-best{background:#ffde3b;color:#3a2a00;font-weight:900;border:3px solid #111;border-radius:999px;padding:5px 16px;font-size:14px;box-shadow:3px 3px #111;transform:rotate(1.5deg)}.result-sub{margin:0;color:#9fc4d8;font-size:14px}.result-legacy{margin:4px 0 0;font-size:14px;font-weight:700;color:#7dffab;line-height:1.65;text-shadow:1px 1px 0 #111}