.wavebean-page{--site-brand-accent:#35c8c3;--site-brand-color:#172338;--wavebean-ink:#172338;--wavebean-sun:#ffd76a;--wavebean-coral:#ff776d;--wavebean-aqua:#35c8c3;--wavebean-blue:#147f96;min-width:320px;min-height:100%;color:var(--wavebean-ink);background:#e8f7f2}.wavebean-page body{min-width:320px;min-height:100dvh;color:var(--wavebean-ink);background:radial-gradient(circle at 13% 7%,#ffffffe0 0 6%,#0000 6.4%),radial-gradient(circle at 88% 14%,#ffffff8c 0 4%,#0000 4.4%),linear-gradient(145deg,#ffe6dc 0%,#d9f8f3 53%,#dcefff 100%);margin:0;font-family:Lexend Deca,Noto Sans KR,ui-rounded,system-ui,sans-serif}.wavebean-page body:before{z-index:-1;content:"";background-image:radial-gradient(#17233814 1px,#0000 1px);background-size:18px 18px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.wavebean-page *,.wavebean-page :before,.wavebean-page :after{box-sizing:border-box}.wavebean-page button,.wavebean-page input,.wavebean-page kbd{font:inherit}.wavebean-page button,.wavebean-page a{-webkit-tap-highlight-color:transparent}.wavebean-shell{min-height:100dvh;padding:32px clamp(16px, 4vw, 48px) calc(30px + env(safe-area-inset-bottom))}.wavebean-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.wavebean-brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:14px;display:flex}.wavebean-brand>span{border:2px solid var(--wavebean-ink);background:var(--wavebean-aqua);width:34px;height:34px;box-shadow:3px 3px 0 var(--wavebean-ink);border-radius:10px;place-items:center;font-size:22px;display:grid}.wavebean-actions{justify-self:end;align-items:center;gap:8px;display:flex}.wavebean-mode-badge{letter-spacing:.1em;background:#ffffffad;border:2px solid #17233829;border-radius:999px;margin-right:4px;padding:7px 11px;font-size:9px;font-weight:800}.wavebean-icon-button{border:2px solid var(--wavebean-ink);width:36px;height:36px;color:var(--wavebean-ink);box-shadow:2px 3px 0 var(--wavebean-ink);cursor:pointer;background:#fffdf5;border-radius:10px;place-items:center;padding:0;font-weight:800;display:grid}.wavebean-icon-button:disabled{cursor:not-allowed;opacity:.35}.wavebean-main{width:min(1120px,100%);margin:0 auto;position:relative}.wavebean-intro{text-align:center;margin:25px auto 18px}.wavebean-intro>span{min-height:24px;color:var(--wavebean-blue);letter-spacing:.08em;background:#ffffff9e;border-radius:999px;align-items:center;padding:0 11px;font-size:9px;font-weight:700;display:inline-flex}.wavebean-intro h1{color:var(--wavebean-coral);letter-spacing:-.06em;text-shadow:2px 2px 0 var(--wavebean-ink), -1px -1px 0 var(--wavebean-ink);margin:10px 0 0;font-size:clamp(29px,4vw,42px);line-height:1.05}.wavebean-intro p{color:#566677;margin:10px 0 0;font-size:12px;font-weight:600}.wavebean-card{border:3px solid var(--wavebean-ink);background:#fff;border-radius:27px;width:min(820px,100%);margin-inline:auto;overflow:hidden;box-shadow:10px 12px #17233824}.wavebean-scoreboard{border-bottom:3px solid var(--wavebean-ink);background:#fffdf3;grid-template-columns:1fr auto 1fr;align-items:center;min-height:84px;display:grid}.wavebean-score{letter-spacing:.1em;justify-content:center;align-items:center;gap:clamp(14px,4vw,48px);font-size:11px;font-weight:800;display:flex}.wavebean-score strong{letter-spacing:-.08em;text-align:center;min-width:.7em;font-size:clamp(38px,5vw,54px);line-height:1}.wavebean-score-one strong{color:var(--wavebean-coral);text-shadow:2px 2px #ffc9bb}.wavebean-score-two strong{color:var(--wavebean-blue);text-shadow:2px 2px #b9e2ff}.wavebean-round{border-inline:2px dashed #17233838;place-items:center;min-width:86px;padding:0 18px;display:grid}.wavebean-round span{letter-spacing:.16em;opacity:.52;font-size:8px;font-weight:800}.wavebean-round b{font-size:21px}.wavebean-stage{aspect-ratio:1000/520;background:#65d2ef;width:100%;position:relative;overflow:hidden}#wavebean-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.wavebean-overlay{z-index:3;overscroll-behavior:contain;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);opacity:0;pointer-events:none;background:linear-gradient(#1f88b41f,#0e385b4d);place-items:center;padding:20px;transition:opacity .16s;display:grid;position:absolute;inset:0;overflow-y:auto}.wavebean-overlay.visible{opacity:1;pointer-events:auto}.wavebean-overlay.celebrate{background:radial-gradient(circle,#fff39924,#10415e66)}.wavebean-overlay-card{border:3px solid var(--wavebean-ink);text-align:center;background:#fffdf1f7;border-radius:23px;width:min(440px,96%);padding:25px 28px 24px;animation:.3s cubic-bezier(.2,.9,.25,1.15) both wavebean-card-in;position:relative;box-shadow:8px 9px #172338d1}.wavebean-overlay-card.compact{width:min(360px,94%)}.wavebean-eyebrow{color:#50708a;letter-spacing:.2em;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.wavebean-overlay-card h2{letter-spacing:-.06em;margin:0;font-size:clamp(30px,5vw,45px);line-height:1.08}.wavebean-overlay-card p{color:#536474;margin:10px 0 16px;font-size:12px;font-weight:600;line-height:1.5}.wavebean-overlay-card small{color:#657487;margin-top:12px;font-size:9px;font-weight:600;display:block}.wavebean-mode-switch{background:#edf4f3;border:2px solid #17233829;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:14px;padding:5px;display:grid}.wavebean-mode-switch button{color:#60707b;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:39px;font-size:11px;font-weight:800}.wavebean-mode-switch button.active{color:var(--wavebean-ink);background:#fff;box-shadow:0 2px 7px #1723381f}.wavebean-primary{border:3px solid var(--wavebean-ink);min-width:190px;min-height:48px;color:var(--wavebean-ink);background:var(--wavebean-aqua);box-shadow:4px 5px 0 var(--wavebean-ink);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:14px;padding:0 20px;font-weight:800;display:inline-flex}.wavebean-primary:hover{box-shadow:4px 7px 0 var(--wavebean-ink);transform:translateY(-2px)}.wavebean-primary:active{box-shadow:1px 2px 0 var(--wavebean-ink);transform:translate(3px,3px)}.wavebean-primary:disabled{cursor:wait;opacity:.62;box-shadow:2px 3px 0 var(--wavebean-ink);transform:none}.wavebean-text-button{border:0;color:#5c6975;cursor:pointer;background:0 0;border-bottom:1px solid #6a7580;margin:14px auto 0;padding:3px;font-size:10px;font-weight:700;display:block}.wavebean-online-actions{gap:13px;display:grid}.wavebean-online-actions form{gap:7px;display:grid}.wavebean-online-actions label{color:#60707b;font-size:9px;font-weight:700}.wavebean-online-actions form>div{grid-template-columns:1fr auto;gap:7px;display:grid}.wavebean-online-actions input{min-width:0;height:42px;color:var(--wavebean-ink);text-align:center;text-transform:uppercase;letter-spacing:.12em;background:#fff;border:2px solid #17233833;border-radius:10px;padding:0 12px;font-weight:800}.wavebean-online-actions form button{border:2px solid var(--wavebean-ink);color:#fff;background:var(--wavebean-blue);cursor:pointer;border-radius:10px;min-width:64px;font-size:10px;font-weight:800}.wavebean-loader{border:4px solid #17233824;border-top-color:var(--wavebean-aqua);border-radius:50%;width:30px;height:30px;margin:3px auto 12px;animation:.72s linear infinite wavebean-spin}.wavebean-room-code{border:2px solid var(--wavebean-ink);width:-moz-fit-content;width:fit-content;color:var(--wavebean-blue);box-shadow:3px 3px 0 var(--wavebean-ink);letter-spacing:.16em;background:#e6f9f7;border-radius:11px;margin:2px auto 14px;padding:7px 14px;font-size:23px;display:block}.wavebean-invite-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.wavebean-invite-row input{color:#5b6977;background:#fff;border:2px solid #1723382e;border-radius:9px;min-width:0;height:39px;padding:0 10px;font-size:9px}.wavebean-invite-row button{border:2px solid var(--wavebean-ink);color:#fff;background:var(--wavebean-blue);cursor:pointer;border-radius:9px;min-width:58px;font-size:10px;font-weight:800}.wavebean-primary.wavebean-share{min-height:43px;margin-top:10px;font-size:11px}.wavebean-overlay-card .wavebean-online-status{min-height:15px;color:var(--wavebean-blue);margin:10px 0 0;font-size:9px}.wavebean-confetti{width:100%;color:var(--wavebean-sun);text-align:center;text-shadow:40px 60px 0 var(--wavebean-coral), -50px 80px 0 var(--wavebean-aqua), 100px 90px 0 #fff;font-size:clamp(20px,4vw,40px);animation:1.4s ease-in-out infinite alternate wavebean-confetti;position:absolute;top:11%;left:50%;transform:translate(-50%)}.wavebean-point{z-index:2;border:3px solid var(--wavebean-ink);color:var(--wavebean-ink);background:var(--wavebean-sun);opacity:0;pointer-events:none;border-radius:13px;padding:9px 19px;font-size:clamp(17px,3vw,26px);font-weight:800;position:absolute;top:17%;left:50%;transform:translate(-50%)rotate(-2deg)scale(.45);box-shadow:4px 5px #172338d9}.wavebean-point.visible{opacity:1;transition:transform .18s,opacity .18s;transform:translate(-50%)rotate(-2deg)scale(1)}.wavebean-touch-controls{border-top:3px solid var(--wavebean-ink);overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf3;justify-content:center;align-items:center;gap:9px;min-height:92px;padding:12px 14px;display:none}.wavebean-touch-controls button{border:2px solid var(--wavebean-ink);min-width:48px;height:48px;color:var(--wavebean-ink);box-shadow:2px 3px 0 var(--wavebean-ink);touch-action:none;background:#fff;border-radius:12px;font-size:14px;font-weight:800}.wavebean-touch-controls button.jump{color:#875c00;background:#ffe773;min-width:68px;font-size:10px}.wavebean-touch-controls button.attack{color:#fff;background:var(--wavebean-coral);min-width:74px;font-size:10px}.wavebean-touch-controls button.pressed{box-shadow:none;transform:translate(2px,2px)}.wavebean-help{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:13px;width:min(820px,100%);margin:20px auto 0;display:grid}.wavebean-help>div{background:#ffffffb3;border:2px solid #17233824;border-radius:17px;justify-content:center;align-items:center;gap:clamp(10px,2vw,20px);min-height:76px;padding:12px 14px;display:flex}.wavebean-help p{text-align:center;gap:3px;margin:0;display:grid}.wavebean-help kbd{font-size:12px;font-weight:800}.wavebean-help small{color:#697687;font-size:8px;font-weight:600}.wavebean-player-dot{border:2px solid var(--wavebean-ink);color:#fff;background:var(--wavebean-coral);width:34px;height:34px;box-shadow:2px 2px 0 var(--wavebean-ink);border-radius:50%;flex:0 0 34px;place-items:center;font-size:8px;font-weight:800;display:grid}.wavebean-opponent-help .wavebean-player-dot{background:var(--wavebean-blue)}.wavebean-opponent-help p{color:#687583;max-width:150px;font-size:10px;font-weight:700;line-height:1.45}.wavebean-help aside{min-width:185px;color:var(--wavebean-ink);text-align:center;background:#35c8c347;border-radius:17px;align-content:center;place-items:center;padding:11px 16px;display:grid}.wavebean-help aside strong{font-size:12px}.wavebean-help aside span{opacity:.68;margin-top:4px;font-size:8px;font-weight:600}.wavebean-ad-zone{text-align:center;width:min(728px,100%);margin:150px auto 0}.wavebean-ad-label{color:#1723386e;letter-spacing:.15em;margin-bottom:8px;font-size:7px;font-weight:800;display:block}.wavebean-ad-slot{color:#17233885;background:#ffffff47;border:1px dashed #1723382e;border-radius:14px;place-content:center;width:100%;min-height:90px;padding:14px;display:grid}.wavebean-ad-slot strong{font-size:10px;font-weight:700}.wavebean-ad-slot small{color:#17233861;margin-top:6px;font-size:8px}.wavebean-footer{color:#17233894;text-align:center;justify-content:center;gap:20px;margin-top:16px;font-size:9px;font-weight:600;display:flex}@keyframes wavebean-card-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes wavebean-confetti{to{transform:translate(-50%,8px)rotate(2deg)}}@keyframes wavebean-spin{to{transform:rotate(360deg)}}@media (max-height:850px) and (min-width:768px){.wavebean-intro{margin:16px auto 13px}.wavebean-intro h1{margin-top:9px;font-size:36px}.wavebean-intro p{margin-top:7px}.wavebean-card,.wavebean-help{width:min(760px,100%)}.wavebean-scoreboard{min-height:70px}}@media (max-width:800px),(pointer:coarse){.wavebean-touch-controls{display:flex}}@media (max-width:800px){.wavebean-shell{padding:20px 10px calc(22px + env(safe-area-inset-bottom))}.wavebean-header{grid-template-columns:1fr auto}.wavebean-brand,.wavebean-mode-badge{display:none}.wavebean-intro{margin:18px auto 14px}.wavebean-intro h1{font-size:30px}.wavebean-intro p{font-size:11px}.wavebean-card{border-radius:21px;box-shadow:6px 8px #17233824}.wavebean-scoreboard{min-height:68px}.wavebean-score span{font-size:9px}.wavebean-score strong{font-size:38px}.wavebean-round{min-width:68px;padding-inline:9px}.wavebean-stage{min-height:255px;aspect-ratio:1_000 / 570}.wavebean-overlay{place-items:start center;padding:10px}.wavebean-overlay-card{padding:19px 17px}.wavebean-overlay-card p{margin:8px 0 12px}.wavebean-help{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.wavebean-help aside{grid-area:2/1/auto/-1;min-height:53px}.wavebean-help>div{gap:8px;min-height:68px;padding:9px 7px}.wavebean-opponent-help p{font-size:9px}.wavebean-ad-slot{min-height:100px}.wavebean-footer{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-inline:5px}}@media (max-width:480px){.wavebean-intro>span{display:none}.wavebean-stage{min-height:238px}.wavebean-overlay-card h2{font-size:29px}.wavebean-touch-controls{gap:6px;min-height:86px;padding-inline:7px}.wavebean-touch-controls button{width:42px;min-width:42px;height:44px;padding:0}.wavebean-touch-controls button.jump{width:60px;min-width:60px}.wavebean-touch-controls button.attack{width:66px;min-width:66px}.wavebean-help>div{flex-wrap:wrap}.wavebean-player-dot{flex-basis:30px;width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.wavebean-page *,.wavebean-page :before,.wavebean-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}