@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400-latin.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-500-latin.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2")}:root{color:#132a3c;background:#f5efe4;font-family:Manrope,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer}#app,.screen{min-height:100vh}.screen{display:none;position:relative;overflow:hidden}.screen.active{display:flex}.eyebrow,.panel-label,.hero-kicker,.field-label,.header-meta,.feature-list,.control-cue,.mascot-caption,.status-chip{font-family:DM Mono,monospace}.eyebrow{margin:0 0 18px;color:#4b6b72;font:500 11px/1.2 DM Mono,monospace;letter-spacing:.16em}.muted,.status-note{color:#71818a;font-size:13px;line-height:1.55}.landing-screen{min-height:100svh;padding:0 clamp(24px,5vw,78px);background:#f5efe4}.landing-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.landing-art:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f5efe4,#f5efe400 54%),linear-gradient(0deg,#d8e3d4 0%,transparent 24%);content:"";pointer-events:none}.grid-glow{position:absolute;right:-4%;bottom:-18%;width:63vw;height:80vh;border-radius:50%;background:radial-gradient(circle,#f8c85536 0 7%,transparent 48%);filter:blur(4px)}.grid-glow:after{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#507d7230 1px,transparent 1px),linear-gradient(90deg,#507d7230 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 67%);mask-image:radial-gradient(ellipse at center,black,transparent 67%);content:"";transform:perspective(480px) rotateX(62deg) translateY(26%);transform-origin:bottom}.sun{position:absolute;top:11%;right:15%;width:clamp(100px,11vw,160px);height:clamp(100px,11vw,160px);border-radius:50%;background:#f8c855;opacity:.65;box-shadow:0 0 0 18px #f8c85512,0 0 70px #f8c85540}.cloud{position:absolute;width:230px;height:42px;border-radius:999px;background:#fffaf2;opacity:.8}.cloud:before,.cloud:after{position:absolute;bottom:0;border-radius:50%;background:inherit;content:""}.cloud:before{left:30px;width:72px;height:72px}.cloud:after{right:35px;width:58px;height:58px}.cloud-a{top:18%;left:8%;transform:scale(.65)}.cloud-b{top:31%;right:5%;transform:scale(.5);opacity:.55}.hill{position:absolute;bottom:-18%;width:70vw;height:37vh;border-radius:50% 50% 0 0;background:#dce3d4}.hill-a{left:-16%}.hill-b{right:-20%;background:#c4d3c3;transform:scale(1.2)}.home-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;height:86px;border-bottom:1px solid #163b4a14;animation:rise-in .5s ease both}.wordmark{display:inline-flex;align-items:center;gap:10px;color:#15344a;font:800 13px DM Mono,monospace;letter-spacing:.08em;text-decoration:none}.wordmark b{color:#e36e43;font-weight:500}.wordmark-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#15344a;color:#f8c855;font-size:15px}.header-meta{display:flex;align-items:center;gap:12px;color:#789096;font-size:10px;letter-spacing:.13em}.live-dot,.status-chip-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5cbd87;box-shadow:0 0 0 4px #5cbd8722}.header-divider{width:1px;height:14px;background:#163b4a22}.landing-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,.85fr) minmax(420px,1.15fr);align-items:center;min-height:calc(100svh - 155px);max-width:1360px;margin:0 auto}.landing-panel{position:relative;z-index:3;width:min(520px,100%);padding-bottom:3vh;animation:rise-in .65s .08s cubic-bezier(.2,.8,.2,1) both}.hero-kicker{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#e36e43;font-size:10px;letter-spacing:.15em}.hero-kicker-line{display:inline-block;width:28px;height:2px;background:#e36e43}h1,h2,p{margin-top:0}h1{margin:0 0 22px;color:#15344a;font-size:clamp(54px,7vw,102px);line-height:.87;letter-spacing:-.085em}h1 span{color:#e36e43}.lede{max-width:420px;margin-bottom:27px;color:#567079;font-size:15px;line-height:1.6}.play-panel{width:min(450px,100%);padding:21px;border:1px solid #dacfc0;border-radius:18px;background:#fffaf2d9;box-shadow:0 20px 55px #78684d16;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-label{display:block;margin-bottom:6px;color:#e36e43;font-size:10px;letter-spacing:.12em}.play-panel-head strong{display:block;color:#15344a;font-size:16px;letter-spacing:-.03em}.status-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:#e6f2e9;color:#397c5a;font-size:9px;letter-spacing:.04em;white-space:nowrap}.field-label{display:block;margin:0 0 7px;color:#71818a;font-size:10px;text-transform:uppercase;letter-spacing:.1em}input{border:1px solid #d7d2c8;border-radius:11px;background:#fffdf8;color:#163247;outline:none}input:focus{border-color:#e36e43;box-shadow:0 0 0 3px #e36e4325}#nickname{width:100%;padding:14px 15px;font-size:15px}.primary-actions{display:flex;gap:9px;margin-top:11px}.button{border-radius:10px;padding:13px 16px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button-primary{background:#e36e43;color:#fff;box-shadow:0 10px 24px #d35f3828}.button-primary:hover{background:#d96038;box-shadow:0 12px 28px #d35f3840}.button-start{border-radius:9px 6px;background:#f8c855;color:#15344a;box-shadow:0 4px #9c6618,0 10px 20px #9c66182b;font:800 11px DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.button-start:hover:not(:disabled){background:#ffd76b;box-shadow:0 5px #9c6618,0 13px 24px #9c661832}.button-start:disabled{background:#e7dcc2;color:#87908b;box-shadow:0 3px #c8bda7;cursor:not-allowed}.button-secondary{background:#15344a;color:#fff}.button-quiet{background:#e8e0d3;color:#315365}.button span{display:inline-block;margin-left:12px;font-size:18px}.join-row{display:flex;gap:8px;margin-top:21px}#room-code{flex:1;min-width:0;padding:11px 13px;font:500 11px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.join-row .button{padding:10px 15px}.status-note{min-height:18px;margin:10px 0 0;font-size:12px}.mascot-stage{position:relative;align-self:stretch;min-height:540px;animation:mascot-in .9s .12s cubic-bezier(.2,.8,.2,1) both}.mascot-card{position:absolute;z-index:2;right:5%;bottom:0;width:min(550px,94%);filter:drop-shadow(0 25px 18px #6e5b4540)}.mascot-card img{display:block;width:100%;transform:rotate(2deg)}.mascot-sticker{position:absolute;right:3%;top:15%;padding:11px 14px;border:2px solid #15344a;border-radius:9px;background:#f8c855;color:#15344a;font:700 10px/1.15 DM Mono,monospace;letter-spacing:.05em;transform:rotate(8deg)}.mascot-sticker b{color:#d95f39}.mascot-caption{position:absolute;z-index:3;left:1%;bottom:11%;display:grid;grid-template-columns:auto 1fr;column-gap:9px;color:#52727a;font-size:10px;letter-spacing:.07em;transform:rotate(-5deg)}.mascot-caption span{grid-row:span 2;padding-top:3px;color:#e36e43;font-size:20px}.mascot-caption b{color:#15344a;font-size:13px}.mascot-caption small{font-size:9px;line-height:1.5;letter-spacing:.02em}.mascot-orbit{position:absolute;border:1px solid #5b878033;border-radius:50%;transform:rotate(-16deg)}.orbit-one{top:13%;right:3%;width:71%;height:70%}.orbit-two{top:23%;right:-4%;width:79%;height:58%;border-color:#e36e4330;transform:rotate(28deg)}.home-footer{position:absolute;z-index:4;right:clamp(24px,5vw,78px);bottom:26px;left:clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#648087}.feature-list{display:flex;gap:22px;font-size:9px;letter-spacing:.08em}.feature-list b{margin-right:5px;color:#e36e43;font-weight:500}.control-cue{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.08em}.keycap{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:1px solid #b2c4bd;border-bottom-width:2px;border-radius:5px;background:#fffaf2;color:#315365;font-size:9px}.keycap-wide{padding:0 7px;margin-left:7px}.lobby-screen,.result-screen{align-items:center;justify-content:center;padding:24px;background:#f5efe4}.lobby-card,.result-card{position:relative;z-index:2;width:min(570px,100%);padding:clamp(25px,5vw,48px);border:1px solid #dfd8ca;border-radius:20px;background:#fffaf2e8;box-shadow:0 28px 70px #8b765b18}.lobby-card h2,.result-card h2{margin-bottom:8px;color:#15344a;font-size:34px;letter-spacing:-.06em}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.copy-button{padding:8px 10px;border-radius:8px;background:#e8e0d3;color:#315365;font:500 11px DM Mono,monospace}.player-list{display:grid;gap:9px;margin:30px 0}.player-row{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:11px;background:#f2ebdf;color:#315365;font-size:14px}.player-row .player-name{display:flex;align-items:center;gap:9px;font-weight:800}.player-dot{width:9px;height:9px;border-radius:50%;background:#e36e43}.player-dot.waiting{background:#c9c2b7}.lobby-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#71818a;font:500 11px DM Mono,monospace}.lobby-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.game-screen{background:#162e42}#game-root,#game-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.game-topbar{position:absolute;z-index:4;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#f9f3e8;pointer-events:none}.brand-chip{font:500 11px DM Mono,monospace;letter-spacing:.1em}.brand-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#f8c855}.match-status{padding:8px 12px;border-radius:999px;background:#10263a99;font:500 11px DM Mono,monospace}.controls-hint{color:#c2d0d0;font-size:11px}.scoreboard{position:absolute;z-index:5;top:68px;left:22px;display:flex;gap:8px}.score-pill{min-width:102px;padding:9px 12px;border:1px solid #ffffff20;border-radius:10px;background:#10263acc;color:#f9f3e8}.score-pill.you{border-color:#f8c855}.score-name{overflow:hidden;color:#b7c8c9;font:500 10px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.score-value{margin-top:2px;font-size:20px;font-weight:800}.countdown{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:#0a203a2e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.countdown.hidden{display:none}.leave-game{position:absolute;z-index:5;right:22px;bottom:18px;padding:8px 11px;border-radius:8px;background:#10263a99;color:#b7c8c9;font:500 10px DM Mono,monospace}.result-burst{margin-bottom:12px;color:#e36e43;font-size:44px}.result-scores{display:grid;gap:8px;margin:25px 0 30px}.result-score-row{display:flex;justify-content:space-between;padding:12px 14px;border-radius:9px;background:#f2ebdf}.result-score-row strong{color:#e36e43}@media(max-width:960px){body{overflow:auto}.landing-screen{min-height:900px}.landing-layout{grid-template-columns:1fr;min-height:0;padding-top:54px}.landing-panel{width:min(560px,100%)}.mascot-stage{position:absolute;top:210px;right:-3%;width:51%;min-height:0;opacity:.48;pointer-events:none}.mascot-card{right:0;width:100%}.mascot-caption,.mascot-sticker{display:none}.home-footer{bottom:18px}.feature-list{gap:11px;font-size:8px}.control-cue{display:none}}@media(max-width:620px){.landing-screen{min-height:860px;padding:0 20px}.home-header{height:72px}.header-meta{font-size:8px}.header-meta span:nth-last-child(-n+2){display:none}.landing-layout{padding-top:45px}.landing-art:after{background:linear-gradient(180deg,#f5efe4,#f5efe400 67%),linear-gradient(0deg,#d8e3d4 0%,transparent 24%)}.mascot-stage{top:325px;right:-15%;width:82%;opacity:.28}.landing-panel{padding:0}.hero-kicker{font-size:8px}.hero-kicker-line{width:20px}.play-panel{padding:17px}.play-panel-head{display:block}.status-chip{margin-top:12px}.primary-actions{flex-wrap:wrap}.button{flex:1}.home-footer{right:20px;bottom:15px;left:20px}.feature-list{display:grid;gap:5px}.feature-list span:nth-child(3){display:none}h1{font-size:clamp(58px,17vw,84px)}.lede{max-width:300px;font-size:14px}.game-topbar{top:12px;left:12px;right:12px}.scoreboard{top:58px;left:12px;flex-wrap:wrap}.score-pill{min-width:80px}.controls-hint{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ready-stage{position:relative;display:grid;justify-items:center;width:min(780px,94vw);padding-top:14px;animation:ready-stage-in .38s cubic-bezier(.2,.8,.2,1) both}.ready-mascot{width:clamp(210px,27vw,340px);aspect-ratio:460 / 280;margin-bottom:-11px;background-image:url(/assets/optimized/dada-attack.webp?v=460x280-v2);background-position:50% 0;background-repeat:no-repeat;background-size:500% 100%;filter:drop-shadow(0 18px 10px #06172866);animation:ready-mascot-bob 1.25s ease-in-out infinite}.ready-banner{display:flex;align-items:center;justify-content:center;width:100%;gap:clamp(8px,1.5vw,22px)}.ready-flash{flex:1 1 0;width:min(230px,25vw);height:clamp(30px,4.5vw,54px);border:3px solid #15344a;background:linear-gradient(155deg,#f8c855 0,#f8c855 38%,#e36e43 39%,#e36e43 71%,#5cbd87 72%);box-shadow:0 6px #15344a,0 10px 20px #06172838;clip-path:polygon(0 38%,100% 0,87% 100%,11% 72%)}.ready-flash-right{transform:scaleX(-1)}.ready-copy{position:relative;z-index:1;display:grid;justify-items:center;min-width:min(310px,45vw);padding:0 8px;transform:rotate(-2deg)}.ready-kicker{color:#f8c855;font:800 clamp(8px,1vw,12px)/1 "DM Mono",monospace;letter-spacing:.24em;text-shadow:0 2px 0 #15344a}.ready-copy strong{color:#fff8e9;font-size:clamp(52px,9vw,112px);line-height:.82;letter-spacing:-.09em;text-shadow:0 4px 0 #e36e43,0 8px 0 #15344a,0 13px 24px #06172855;-webkit-text-stroke:clamp(1px,.22vw,3px) #15344a}@keyframes ready-stage-in{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ready-mascot-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}.scoreboard{position:absolute;z-index:5;top:104px;left:50%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(960px,calc(100% - 36px));transform:translate(-50%);gap:6px}.score-pill{position:relative;min-width:0;min-height:46px;padding:8px 7px 6px;overflow:hidden;border:1.5px solid var(--score-accent);border-radius:12px 7px;background:linear-gradient(145deg,#fffaf2f2 0%,#fffaf2df 59%,var(--score-soft) 100%);box-shadow:0 3px 0 var(--score-deep),0 6px 14px #0617282e;text-align:center}.score-pill:before{position:absolute;top:0;right:16%;left:16%;height:3px;border-radius:0 0 6px 6px;background:var(--score-accent);content:"";opacity:.9}.score-pill:after{position:absolute;right:5px;bottom:0;color:var(--score-accent);content:"✦";font-size:10px;opacity:.62;transform:rotate(13deg)}.score-pill.you{border-color:var(--score-accent);box-shadow:0 3px 0 var(--score-deep),0 0 0 2px #fff8e955,0 6px 14px #0617282e}.score-slot{position:absolute;top:5px;left:5px;padding:1px 3px;border-radius:4px;background:var(--score-accent);color:var(--score-ink);font:800 6px/1 DM Mono,monospace;letter-spacing:.04em}.score-name{overflow:hidden;margin:3px 8px 2px;color:var(--score-deep);font:800 8px/1.05 DM Mono,monospace;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.score-value{color:var(--score-accent);font-size:23px;font-weight:900;line-height:.86;letter-spacing:-.08em;text-shadow:0 1px 0 var(--score-deep),0 3px 0 #fff8e9;-webkit-text-stroke:.75px var(--score-deep)}.score-up{animation:score-card-pop .62s cubic-bezier(.2,.9,.25,1.25) both}.score-up .score-value{animation:score-number-bonk .62s cubic-bezier(.2,.9,.25,1.25) both}.score-up:after{animation:score-sparkle .62s ease-out both}@keyframes score-card-pop{0%{transform:scale(1)}34%{transform:scale(1.1) rotate(-1deg)}68%{transform:scale(.97) rotate(1deg)}to{transform:scale(1)}}@keyframes score-number-bonk{0%{filter:brightness(1);transform:translateY(0)}35%{filter:brightness(1.35);transform:translateY(-5px) scale(1.16)}to{filter:brightness(1);transform:translateY(0) scale(1)}}@keyframes score-sparkle{0%{opacity:.62;transform:scale(1) rotate(13deg)}45%{opacity:1;transform:scale(1.9) rotate(36deg)}to{opacity:.62;transform:scale(1) rotate(13deg)}}@media(max-width:960px){.scoreboard{grid-template-columns:repeat(4,minmax(0,1fr));width:min(620px,calc(100% - 28px))}}@media(max-width:620px){.scoreboard{top:100px;width:calc(100% - 16px);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.score-pill{min-height:43px;padding:7px 4px 5px;border-radius:10px 6px}.score-slot{top:4px;left:4px;font-size:5px}.score-name{margin:3px 5px 2px;font-size:6px}.score-value{font-size:19px}}.match-status{position:absolute;top:-6px;left:50%;width:min(280px,46vw);height:94px;padding:0;transform:translate(-50%) scale(1.1);transform-origin:top center;background:none;border-radius:0;font:inherit;pointer-events:none}.match-hud-ornaments{position:absolute;top:-10px;right:auto;bottom:auto;left:50%;width:52.5%;height:52.5%;object-fit:contain;transform:translate(-50%) scaleX(1.2)}.match-timer-core{position:absolute;top:0;left:50%;display:grid;justify-items:center;gap:1px;transform:translate(-50%)}.match-timer-clock-wrap{position:relative;width:48px;height:48px;display:grid;place-items:center}.match-timer-clock{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}#match-time-value{position:absolute;z-index:1;top:54%;left:50%;display:grid;width:62%;height:48%;place-items:center;transform:translate(-50%,-50%);color:#7a431e;font-size:clamp(8px,1.05vw,13px);font-weight:900;line-height:.88;letter-spacing:-.1em;text-align:center;text-shadow:0 1px 0 #f8d98a;white-space:nowrap}#match-status[data-digits="4"] #match-time-value{font-size:clamp(7px,.9vw,10px)}#match-target{padding:3px 8px;border:1.5px solid #f8d98a;border-radius:999px;background:#10263ad9;color:#fff8e9;font:800 7px DM Mono,monospace;letter-spacing:.1em;white-space:nowrap}@media(max-width:620px){.match-status{top:0;width:64vw;height:76px;transform:translate(-50%) scale(1.1)}.match-timer-core{top:0}.match-hud-ornaments{top:-5px;transform:translate(-50%) scaleX(1.13)}.match-timer-clock-wrap{width:42px;height:42px}#match-time-value{font-size:clamp(7px,2.7vw,11px)}#match-status[data-digits="4"] #match-time-value{font-size:clamp(6px,2.4vw,9px)}#match-target{font-size:6px;padding:2px 6px;letter-spacing:.06em}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes mascot-in{0%{opacity:0;transform:translateY(28px) rotate(8deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px}.match-status{position:relative;top:auto;left:auto;grid-column:2;justify-self:center;height:150px;transform:scale(1.1)}.scoreboard-side{display:flex;flex-wrap:wrap;align-items:flex-start;gap:5px;width:100%;max-width:420px;min-height:46px}.scoreboard-left{grid-column:1;justify-self:end;justify-content:flex-end}.scoreboard-right{justify-content:flex-start}#scoreboard-right:empty{min-height:0}.scoreboard-side .score-pill{flex:0 1 100px;width:100px}.scoreboard-right{grid-column:3;justify-self:start}.controls-hint{position:absolute;top:70px;left:50%;display:flex;flex-wrap:nowrap;justify-content:center;gap:7px;width:max-content;max-width:280px;transform:translate(-50%);color:#fff8e9;font:800 7px/1.2 DM Mono,monospace;letter-spacing:.03em;text-shadow:0 2px 0 #15344a,1px 0 0 #15344a,-1px 0 0 #15344a;-webkit-text-stroke:.25px #15344a}.controls-hint span{white-space:nowrap}.controls-hint b{color:#f8c855;font-weight:900}.game-audio-controls{position:absolute;z-index:8;top:50%;right:clamp(10px,1.8vw,24px);display:grid;gap:8px;transform:translateY(-50%)}.game-audio-button{position:relative;display:grid;width:43px;height:43px;padding:7px;place-items:center;border:2px solid #f8d98a;border-radius:14px 9px;background:#10263ad9;box-shadow:0 5px #071a2a66,0 8px 18px #0617283b;cursor:pointer;transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease}.game-audio-button:hover{transform:translateY(-2px) rotate(-2deg);border-color:#fff4c8;background:#173b55ee;filter:saturate(1.12)}.game-audio-button:active{transform:translateY(1px) scale(.96)}.game-audio-button:focus-visible{outline:3px solid #fff8e9;outline-offset:3px}.game-audio-button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 0 #06172855)}.game-audio-button[data-state=off]{border-color:#9bb0b3;background:#10263ab8;filter:grayscale(.85)}.game-audio-button[data-state=off] img{opacity:.62}.audio-off-mark{position:absolute;top:7px;right:7px;width:3px;height:29px;border-radius:3px;background:#f9f3e8;box-shadow:0 0 0 1px #15344a;opacity:0;transform:rotate(45deg);transition:opacity .16s ease}.game-audio-button[data-state=off] .audio-off-mark{opacity:1}@media(max-width:960px)and (min-width:621px){.game-topbar{gap:5px}.match-status{width:min(260px,38vw);height:138px;transform:scale(.9)}.match-hud-ornaments{top:-8px;transform:translate(-50%) scaleX(1.16)}.match-timer-clock-wrap{width:44px;height:44px}#match-target{font-size:6.5px;padding:2px 7px}.scoreboard-side{gap:3px}.scoreboard-side .score-pill{flex-basis:66px;width:66px;min-height:40px;padding:7px 4px 5px}.scoreboard-side .score-slot{top:4px;left:4px;font-size:5px}.scoreboard-side .score-name{margin:3px 4px 2px;font-size:7px}.scoreboard-side .score-value{font-size:20px}.controls-hint{top:66px;gap:5px;width:min(48vw,250px);flex-wrap:wrap;font-size:6px}}@media(max-width:620px){.game-topbar{top:7px;left:4px;right:4px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left match right";align-items:start;gap:3px}.match-status{grid-area:match;width:46vw;height:108px;transform:scale(.84)}.match-hud-ornaments{top:-4px;width:44%;height:44%;transform:translate(-50%) scaleX(1.06)}.match-timer-clock-wrap{width:42px;height:42px}.scoreboard-left{grid-area:left;grid-column:auto;justify-content:flex-end}.scoreboard-right{grid-area:right;grid-column:auto;justify-content:flex-start}.scoreboard-side{min-width:0;min-height:0;gap:2px;align-content:flex-start}.scoreboard-side .score-pill{flex:0 0 clamp(38px,12vw,48px);width:clamp(38px,12vw,48px);min-height:34px;padding:5px 2px 3px;border-radius:8px 5px}.scoreboard-side .score-slot{top:3px;left:3px;font-size:5px}.scoreboard-side .score-name{max-width:100%;margin:3px 2px 1px;font-size:5px}.scoreboard-side .score-value{font-size:15px}.controls-hint{top:64px;display:flex;gap:4px;width:min(46vw,170px);max-width:170px;flex-wrap:wrap;font-size:5px;line-height:1.05}.game-audio-controls{right:6px;gap:5px}.game-audio-button{width:34px;height:34px;padding:5px;border-radius:11px 7px}.audio-off-mark{top:5px;right:5px;height:23px}}@media(max-width:380px){.game-topbar{left:2px;right:2px;gap:1px}.match-status{width:47vw;transform:scale(.78)}.match-hud-ornaments{top:-3px;width:42%;height:42%;transform:translate(-50%) scaleX(1.04)}.scoreboard-side{gap:1px}.scoreboard-side .score-pill{flex-basis:35px;width:35px;min-height:31px;padding:4px 1px 2px}.scoreboard-side .score-slot{top:2px;left:2px;font-size:4px}.scoreboard-side .score-name{margin:2px 1px 0;font-size:4px}.scoreboard-side .score-value{font-size:13px}.controls-hint{top:62px;width:45vw;max-width:150px;font-size:4.5px}.game-audio-controls{right:4px;gap:3px}.game-audio-button{width:29px;height:29px;padding:4px;border-width:1px;border-radius:9px 6px}.audio-off-mark{top:4px;right:4px;width:2px;height:20px}}.landing-screen{display:none!important;min-height:100svh;padding:0 clamp(22px,4.5vw,72px);overflow-x:hidden;overflow-y:auto;isolation:isolate;background:#f7efdf}.landing-screen.active{display:block!important}.landing-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#f7efdf url(/assets/capy-bonk-lobby-background-v1.webp?v=capy-bonk-lobby-v1) center / cover no-repeat}.landing-art:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f7efdfef,#f7efdfd7 27%,#f7efdf55 58%,#f7efdf14),linear-gradient(0deg,#f7efdfb8 0%,transparent 31%);content:""}.landing-art:after{display:none}.home-header{width:min(1360px,100%);height:76px;margin:0 auto;border-bottom-color:#15344a22}.wordmark{color:#15344a;font-size:14px;letter-spacing:.12em}.wordmark b{color:#e36e43;font-weight:800}.wordmark-mark{border-radius:9px 5px;background:#15344a;box-shadow:0 3px #e36e43}.header-meta{color:#52717a;font-size:9px}.landing-layout{width:min(1360px,100%);min-height:calc(100svh - 76px);margin:0 auto;padding:clamp(20px,3.5vh,42px) 0 34px;grid-template-columns:minmax(430px,.88fr) minmax(480px,1.12fr);align-items:start;gap:clamp(30px,5vw,86px)}.landing-panel{width:min(580px,100%);padding:18px 0 0}.hero-kicker{margin-bottom:13px;color:#d55e37;font-size:9px;font-weight:700}.hero-kicker-line{width:23px;height:2px;background:#e36e43}.hero-title-lockup{display:flex;align-items:baseline;gap:9px;margin:0 0 2px;color:#15344a;font:800 clamp(15px,1.6vw,20px)/1 "DM Mono",monospace;letter-spacing:.12em}.hero-title-lockup strong{color:#e36e43;font-weight:800}.hero-title-lockup em{color:#6d8382;font:500 10px DM Mono,monospace;letter-spacing:.02em;transform:rotate(-4deg)}.landing-panel h1{margin-bottom:17px;font-size:clamp(58px,6.5vw,98px);line-height:.84;letter-spacing:-.09em}.landing-panel h1 span{color:#e36e43}.landing-panel .lede{max-width:410px;margin-bottom:22px;color:#4f6c75;font-size:14px;line-height:1.52}.play-panel{width:min(500px,100%);padding:21px 22px 17px;border:1px solid #d2c5b1;border-radius:17px 11px;background:#fffaf2e8;box-shadow:0 18px 40px #765d3b20,0 4px #d7a66d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-panel-head{margin-bottom:16px}.panel-label{margin-bottom:5px;color:#d55e37;font-size:9px;font-weight:700;letter-spacing:.14em}.play-panel-head strong{color:#15344a;font-size:17px}.status-chip{padding:6px 8px;background:#e9f4e8;color:#397c5a;font-size:8px}.field-label{color:#6c7f82;font-size:9px;font-weight:700}#nickname{padding:12px 13px;border-color:#cfcbc0;border-radius:9px;background:#fffdf8;font-size:14px}.primary-actions{gap:8px;margin-top:10px}.button{border-radius:8px 6px;padding:12px 13px;font-size:12px}.button:hover{transform:translateY(-2px)}.button-primary{background:#e36e43;box-shadow:0 5px #9e432d,0 10px 22px #d35f3828}.button-secondary{background:#15344a;box-shadow:0 5px #0c2232}.button-icon{margin:0 4px 0 0!important;font-size:14px!important}.button span:last-child{margin-left:8px}.join-row{margin-top:19px;padding-top:15px;border-top:1px dashed #cbbfac}#room-code{padding:10px 12px;border-radius:8px;background:#fdfaf3;font-size:10px}.join-row .button{padding:10px 12px;font-size:10px}.status-note{min-height:17px;margin-top:9px;font-size:11px}.home-footer{position:static;margin-top:21px;color:#54737b}.feature-list{gap:16px;font-size:8px}.feature-list b{color:#d55e37}.control-cue{font-size:8px}.keycap{min-width:20px;height:20px;border-color:#a8c0ba;background:#fffaf2}.landing-side{position:relative;display:grid;align-content:start;gap:0;min-width:0}.mascot-stage{height:clamp(225px,29vh,310px);min-height:0;align-self:auto}.mascot-card{right:9%;bottom:-2px;width:min(410px,78%);filter:drop-shadow(0 22px 14px #6e5b4540)}.mascot-card img{transform:rotate(2deg)}.mascot-caption{left:2%;bottom:15%}.mascot-sticker{right:-2%;top:12%;padding:9px 11px;font-size:9px}.mascot-orbit.orbit-one{top:4%;right:5%;width:68%;height:85%}.mascot-orbit.orbit-two{top:13%;right:-2%;width:77%;height:72%}.room-browser{position:relative;z-index:3;width:min(610px,100%);min-height:240px;margin-top:-3px;padding:18px 19px 14px;overflow:hidden;border:1px solid #cdbba1;border-radius:15px 10px;background:#fffaf2e8;box-shadow:0 16px 34px #765d3b24,0 4px #d7a66d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-browser:after{position:absolute;top:-10px;right:-14px;z-index:-1;width:190px;height:130px;background:url(/assets/capy-bonk-room-sticker-v1.webp?v=capy-room-sticker-v1) top right / contain no-repeat;content:"";opacity:.13;mix-blend-mode:multiply;pointer-events:none}.browser-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.browser-head .panel-label{margin-bottom:3px}.browser-head h2{margin:0;color:#15344a;font-size:clamp(22px,2vw,28px);letter-spacing:-.06em}.refresh-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d8c8b3;border-radius:50%;background:#f8c855;color:#15344a;font-size:18px;transition:transform .25s ease,background .2s ease}.refresh-button:hover{background:#f5b843;transform:rotate(90deg)}.browser-rule{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:12px 0 8px;color:#71818a;font:500 8px DM Mono,monospace;letter-spacing:.08em}.browser-rule span{width:25px;height:2px;background:#e36e43}.room-list{position:relative;z-index:1;display:grid;gap:7px;max-height:202px;overflow:auto;padding:1px 4px 2px 0;scrollbar-color:#d4ad75 transparent}.room-row{display:grid;grid-template-columns:minmax(130px,1fr) 58px 76px;align-items:center;gap:10px;min-height:50px;padding:7px 8px 7px 11px;border:1px solid #e3d9c9;border-radius:9px 6px;background:#fffdf8d9;transition:border-color .18s ease,transform .18s ease,background .18s ease}.room-row:hover.is-open{border-color:#e3b46c;background:#fffaf1;transform:translate(3px)}.room-row.is-busy{background:#f1eee8bf;opacity:.78}.room-code-block,.room-occupancy{display:flex;align-items:center;gap:8px;min-width:0}.room-code-block>div,.room-occupancy{flex-direction:column;align-items:flex-start;gap:2px}.room-code-block strong{color:#15344a;font:800 15px DM Mono,monospace;letter-spacing:.11em}.room-code-block small,.room-occupancy small{overflow:hidden;color:#8b9795;font:500 7px DM Mono,monospace;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.room-occupancy{justify-content:center}.room-occupancy strong{color:#315365;font:800 12px DM Mono,monospace}.room-status-dot,.legend-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%}.room-status-dot.open,.legend-dot.open{background:#5cbd87;box-shadow:0 0 0 4px #5cbd8720}.room-status-dot.busy,.legend-dot.busy{background:#d3a86a;box-shadow:0 0 0 4px #d3a86a20}.room-join-button{padding:8px 7px;border-radius:7px 5px;background:#e36e43;color:#fffaf2;font:800 9px DM Mono,monospace;box-shadow:0 3px #9e432d;transition:transform .16s ease,background .16s ease}.room-join-button:hover{background:#d95f39;transform:translateY(-1px)}.room-join-button:disabled{background:#e1ddd4;color:#8a918c;box-shadow:none;cursor:not-allowed}.room-empty{display:grid;justify-items:center;gap:4px;min-height:100px;padding:20px 10px;border:1px dashed #d7c8b6;border-radius:9px;color:#7d8b89;text-align:center}.room-empty-mark{color:#e36e43;font-size:20px}.room-empty strong{color:#315365;font-size:12px}.room-empty span:last-child{font:500 9px DM Mono,monospace;letter-spacing:.02em}.browser-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;margin-top:11px;color:#788986;font:500 7px DM Mono,monospace;letter-spacing:.05em}.browser-foot span{display:inline-flex;align-items:center;gap:5px}@media(max-width:1080px)and (min-width:821px){.landing-layout{grid-template-columns:minmax(375px,.87fr) minmax(400px,1.13fr);gap:28px}.mascot-card{right:2%;width:min(360px,77%)}.mascot-caption{left:0}.room-row{grid-template-columns:minmax(120px,1fr) 48px 68px;gap:6px}}@media(max-width:820px){body{overflow:auto}.landing-screen{padding:0 24px}.home-header{height:70px}.landing-layout{display:grid;grid-template-columns:1fr;min-height:auto;gap:18px;padding-top:26px}.landing-panel{padding-top:0}.landing-panel h1{font-size:clamp(60px,12vw,86px)}.landing-panel .lede{max-width:510px}.play-panel{width:min(560px,100%)}.landing-side{grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);align-items:end;gap:18px}.mascot-stage{height:250px}.mascot-card{right:2%;width:min(340px,95%)}.room-browser{margin-top:0}.home-footer{margin-top:18px}}@media(max-width:620px){.landing-screen{padding:0 17px}.home-header{height:66px}.wordmark{font-size:12px}.header-meta{gap:6px;font-size:7px}.header-meta span:nth-last-child(-n+2){display:none}.landing-layout{padding-top:23px;gap:12px}.hero-kicker{font-size:8px}.hero-title-lockup{font-size:14px}.landing-panel h1{margin-bottom:13px;font-size:clamp(52px,15vw,74px)}.landing-panel .lede{margin-bottom:16px;font-size:13px}.play-panel{padding:17px 15px 14px}.play-panel-head{display:flex}.play-panel-head strong{font-size:15px}.status-chip{margin-top:0}.primary-actions{display:grid;grid-template-columns:1fr 1fr}.primary-actions .button{width:100%}.join-row{align-items:stretch}.join-row .button{flex:0 0 auto}.home-footer{display:block;margin-top:14px}.feature-list{justify-content:space-between;gap:5px;font-size:7px}.feature-list span:nth-child(3),.control-cue{display:none}.landing-side{display:flex;flex-direction:column;gap:8px}.mascot-stage{order:2;height:172px;margin-top:-10px}.mascot-card{right:4%;width:230px}.mascot-orbit,.mascot-caption,.mascot-sticker{display:none}.room-browser{order:1;padding:15px 13px 12px}.browser-head h2{font-size:23px}.room-list{max-height:190px}.room-row{grid-template-columns:minmax(108px,1fr) 48px 64px;gap:5px;min-height:47px;padding-left:8px}.room-code-block{gap:5px}.room-code-block strong{font-size:13px}.room-code-block small,.room-occupancy small{font-size:6px}.room-join-button{font-size:8px}.browser-foot{font-size:6px}}.skin-picker{margin-top:13px}.skin-picker-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:7px}.skin-picker-head .field-label{margin:0}.skin-picker-head strong{color:#315365;font:800 10px DM Mono,monospace;letter-spacing:.03em}.skin-options{display:flex;gap:6px;max-width:100%;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin;scrollbar-color:#d8b77e transparent}.skin-option{position:relative;display:grid;flex:0 0 48px;gap:2px;justify-items:center;padding:3px 2px 4px;border:1px solid #e0d7c8;border-radius:8px 5px;background:#fffdf8;color:#6d7b7b;transition:transform .16s ease,border-color .16s ease,background .16s ease}.skin-option:hover{transform:translateY(-2px);border-color:#d9a85f}.skin-option.selected{border-color:#e36e43;background:#fff2df;box-shadow:0 2px #d7a66d}.skin-option.selected:after{position:absolute;top:-5px;right:-4px;display:grid;place-items:center;width:13px;height:13px;border:2px solid #fffaf2;border-radius:50%;background:#5cbd87;color:#fff;content:"✓";font-size:8px;font-weight:900}.skin-option-art{position:relative;display:block;width:40px;height:34px;overflow:hidden;filter:drop-shadow(0 2px 1px #765d3b27)}.skin-option-art img{position:absolute;top:27%;left:50%;width:60px;height:60px;max-width:none;object-fit:contain;transform:translate(-50%,-27%)}.skin-option-label{overflow:hidden;max-width:44px;color:#6d7b7b;font:700 6px/1 DM Mono,monospace;letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.skin-option.selected .skin-option-label{color:#d55e37}.mascot-stage,.landing-side{overflow:visible}.mascot-card{max-height:100%}@media(max-width:820px){.skin-options{max-width:560px}}@media(max-width:620px){.skin-picker{margin-top:11px}.skin-option{flex-basis:45px}.skin-option-art{width:37px;height:31px}.skin-option-art img{width:54px;height:54px}.skin-option-label{max-width:40px;font-size:5px}.mascot-card{max-height:none}}.landing-panel{padding-top:clamp(5px,1vh,12px)}.hero-title-lockup{position:relative;z-index:0;display:inline-flex;align-items:baseline;gap:clamp(7px,1.1vw,14px);margin:0 0 21px;padding:12px 18px 14px 14px;color:#15344a;font-family:Manrope,sans-serif;font-size:clamp(58px,7.8vw,116px);font-weight:900;line-height:.78;letter-spacing:-.105em;text-transform:uppercase;transform:rotate(-2deg);text-shadow:0 4px 0 #f8c855,0 8px 0 #15344a,0 16px 25px #765d3b2b;-webkit-text-stroke:clamp(1px,.18vw,3px) #15344a}.hero-title-lockup:before{position:absolute;top:7%;right:-2%;bottom:0;left:-4%;z-index:-1;background:#f8c855;border:3px solid #15344a;border-radius:10px 5px 12px 7px;box-shadow:0 7px #e36e43;clip-path:polygon(2% 20%,97% 0,100% 76%,4% 100%);content:"";transform:rotate(-1deg)}.hero-title-lockup:after{position:absolute;top:-16px;right:-13px;color:#e36e43;content:"✦  ✦";font-family:DM Mono,monospace;font-size:clamp(13px,1.5vw,20px);letter-spacing:.16em;text-shadow:2px 2px 0 #fffaf2;transform:rotate(8deg)}.hero-title-lockup span{color:#15344a}.hero-title-lockup strong{color:#e36e43;font-weight:900;font-size:1.08em}@media(max-width:820px){.hero-title-lockup{font-size:clamp(58px,12vw,88px)}}@media(max-width:620px){.landing-panel{padding-top:0}.hero-title-lockup{gap:7px;margin-bottom:17px;padding:10px 14px 12px 11px;font-size:clamp(48px,15vw,76px)}.hero-title-lockup:before{border-width:2px;box-shadow:0 5px #e36e43}.hero-title-lockup:after{top:-13px;right:-8px;font-size:12px}}.wordmark{display:inline-flex;align-items:center;width:132px;height:45px}.wordmark img{display:block;width:100%;height:auto;object-fit:contain}.hero-branding{display:grid;justify-items:start;width:min(100%,620px);margin:-4px 0 12px}.hero-logo{display:block;width:min(100%,620px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 12px #765d3b30)}.landing-panel .lede{margin-bottom:16px}@media(max-width:820px){.wordmark{width:122px;height:41px}.hero-branding{width:min(100%,640px)}}@media(max-width:620px){.wordmark{width:108px;height:37px}.hero-branding{margin-top:-7px;margin-bottom:8px}.hero-logo{width:100%}}.landing-layout{height:calc(100svh - 76px);min-height:0;padding:clamp(18px,3vh,34px) 0 28px;align-items:stretch}.landing-panel{display:flex;flex-direction:column;min-height:0;padding-top:0}.play-panel{position:relative;isolation:isolate;width:min(640px,100%);margin-top:0;overflow:hidden}.play-panel-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(158px,.52fr);gap:16px;align-items:stretch}.play-form{min-width:0}.play-panel-mascot{position:relative;display:flex;min-height:294px;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:10px 8px 9px;border:1px solid #d9c8ae;border-radius:13px 8px;background:linear-gradient(160deg,#fff8e9e8,#f1e6d4c4)}.play-panel-mascot:before,.play-panel-mascot:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.play-panel-mascot:before{top:42px;width:150px;height:150px;background:#f8c85545}.play-panel-mascot:after{right:-31px;bottom:-38px;width:115px;height:115px;border:1px solid #e36e4345}.play-mascot-label,.play-mascot-note{position:relative;z-index:1;color:#6b7d7e;font:700 7px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.play-mascot-label{align-self:flex-start;color:#d55e37}.play-mascot-note{color:#8c9791;font-weight:500;letter-spacing:.04em;text-transform:none}.play-mascot-art{position:relative;z-index:1;display:grid;place-items:end center;width:100%;min-height:0;flex:1}.play-mascot-art img{display:block;width:min(100%,190px);height:min(252px,100%);object-fit:contain;filter:drop-shadow(0 10px 8px #765d3b2b);transform:rotate(2deg);transition:opacity .18s ease,transform .22s ease}.play-panel-mascot:hover .play-mascot-art img{transform:rotate(2deg) translateY(-3px)}.landing-side{display:flex;min-height:0;flex-direction:column;align-self:stretch;gap:clamp(10px,1.8vh,18px)}.play-panel:before,.room-browser:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:url(/assets/optimized/brand/capy-bonk-logo-main.webp?v=capy-bonk-brand-v1) center / contain no-repeat;content:"";opacity:.105;pointer-events:none}.play-panel:before{transform:rotate(-4deg)}.room-browser:before{transform:rotate(4deg)}.play-panel>*,.room-browser>*{position:relative;z-index:1}.room-browser{display:flex;flex:1 1 auto;min-height:0;width:100%;margin-top:0;flex-direction:column;isolation:isolate}.room-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}@media(max-width:820px){.landing-layout{height:auto;min-height:0;padding-top:22px;padding-bottom:28px}.landing-panel{min-height:auto}.play-panel{width:min(640px,100%)}.play-panel-mascot{min-height:268px}.landing-side{min-height:auto;gap:12px}.room-browser{flex:0 1 auto;min-height:clamp(330px,54vh,620px)}.room-list{max-height:none}}@media(max-width:620px){.landing-layout{padding-top:17px}.play-panel-body{grid-template-columns:minmax(0,1fr) 126px;gap:9px}.play-panel{padding:16px 13px 13px}.play-panel-mascot{min-height:244px;padding-inline:5px}.play-mascot-art img{width:118px;height:min(208px,100%)}.play-mascot-label,.play-mascot-note{font-size:6px}.room-browser{min-height:390px;padding:15px 13px 12px}}.room-empty{align-content:center;min-height:180px}.room-empty strong{font-size:17px}.room-empty span:last-child{font-size:10px}.product-rail{width:min(640px,100%);margin-top:clamp(17px,2.5vh,25px)}.product-rail-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px;padding-inline:2px}.product-rail-head .panel-label{margin-bottom:3px;color:#71818a;font-size:8px}.product-rail-head strong{display:block;color:#15344a;font-size:clamp(15px,1.6vw,18px);letter-spacing:-.04em}.product-rail-cue{color:#8a9895;font:700 7px DM Mono,monospace;letter-spacing:.08em;white-space:nowrap}.product-rail-cue b{margin-left:4px;color:#e36e43;font-size:11px}.product-rail-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 9px;scrollbar-color:#d5ae72 transparent;scrollbar-width:thin;scroll-behavior:auto}.product-rail-track{display:flex;gap:10px;width:max-content}.product-card{position:relative;display:block;flex:0 0 clamp(184px,29vw,226px);aspect-ratio:1.56;overflow:hidden;border:1px solid #d2c3ae;border-radius:13px 8px;background:#eee3d1;box-shadow:0 4px #d6ae77,0 10px 22px #765d3b14;color:#fffaf2;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover,.product-card:focus-visible{border-color:#e36e43;box-shadow:0 5px #c98454,0 13px 26px #765d3b2b;outline:none;transform:translateY(-3px)}.product-card img,.product-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-card img{object-fit:cover;transition:transform .35s ease}.product-card:hover img,.product-card:focus-visible img{transform:scale(1.045)}.product-card-shade{background:linear-gradient(180deg,transparent 25%,#12283ac4 100%)}.product-card-copy{position:absolute;right:12px;bottom:10px;left:12px;display:grid;gap:2px;text-shadow:0 2px 4px #10263a88}.product-card-copy b{font-size:13px;letter-spacing:-.03em}.product-card-copy small{color:#fff8e9d9;font:500 8px DM Mono,monospace;letter-spacing:.01em}.product-card-arrow{position:absolute;top:9px;right:10px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #fffaf270;border-radius:50%;background:#15344a88;color:#fffaf2;font-size:13px;transition:background .2s ease}.product-card:hover .product-card-arrow,.product-card:focus-visible .product-card-arrow{background:#e36e43e8}.product-card-eats{--product-accent: #e36e43}.product-card-emotion{--product-accent: #8d74c6}.product-card-battle,.product-card-kingdom{--product-accent: #4f8fe8}.product-card-eats:before,.product-card-emotion:before,.product-card-home:before,.product-card-kingdom:before{position:absolute;top:0;right:14px;left:14px;z-index:2;height:3px;background:var(--product-accent);content:""}@media(max-width:620px){.product-rail{margin-top:15px}.product-rail-head{align-items:center}.product-rail-head .panel-label{font-size:7px}.product-rail-head strong{font-size:15px}.product-rail-cue{font-size:6px}.product-card{flex-basis:188px}.product-card-copy{right:9px;bottom:8px;left:9px}.product-card-copy b{font-size:12px}.product-card-copy small{font-size:7px}}.play-panel-mascot{background:#e9dfcf url(/assets/optimized/ui/dada-preview-stage-bg.webp?v=dada-preview-bg-v1) center / cover no-repeat}.play-panel-mascot:before{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:0;background:linear-gradient(180deg,#fff8e915,#10263a12);opacity:1}.play-panel-mascot:after{opacity:.18}.play-mascot-label,.play-mascot-note{z-index:3;text-shadow:0 1px 2px #fff8e966}.play-mascot-label{color:#15344a}.play-mascot-art{z-index:2}.play-mascot-art img{filter:drop-shadow(0 12px 7px #10263a42)}.play-form .button-primary,.play-form .button-primary:hover{border:0;background-color:transparent;background-image:url(/assets/optimized/ui/quick-match-button.webp?v=dada-cta-v1);background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:none;color:#15344a;text-shadow:0 1px 0 #fff8e9aa}.play-form .button-primary:hover{box-shadow:none;filter:brightness(1.06) saturate(1.04)}.play-form .button-secondary,.play-form .button-secondary:hover{border:0;background-color:transparent;background-image:url(/assets/optimized/ui/create-room-button.webp?v=dada-cta-v1);background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:none;color:#fff8e9}.play-form .button-secondary:hover{box-shadow:none;filter:brightness(1.08) saturate(1.04)}.play-form .button:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.5;transform:none}.play-form .button:disabled:hover{filter:grayscale(.45);transform:none}.play-form .button-primary .button-icon,.play-form .button-secondary .button-icon,.play-form .button-primary span,.play-form .button-secondary span{position:relative;z-index:1}.play-form .primary-actions{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.play-form .primary-actions>.button-primary,.play-form .primary-actions>.button-secondary{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:68px;padding:10px 16px;border:0;border-radius:0;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle}.play-form .primary-actions>.button-primary .button-icon,.play-form .primary-actions>.button-secondary .button-icon,.play-form .primary-actions>.button-primary span:last-child,.play-form .primary-actions>.button-secondary span:last-child{flex:0 0 auto;margin:0!important;line-height:1}.play-form .primary-actions>.button-primary .button-icon,.play-form .primary-actions>.button-secondary .button-icon{font-size:14px!important}.play-form .primary-actions>.button-primary span:last-child{font-size:16px}@media(max-width:620px){.play-form .primary-actions{gap:8px}.play-form .primary-actions>.button-primary,.play-form .primary-actions>.button-secondary{min-height:60px;padding:8px 9px;gap:4px;font-size:10px}.play-form .primary-actions>.button-primary span:last-child{font-size:14px}}.header-meta{gap:7px;align-items:center}.header-meta span.header-badge{position:relative;display:inline-flex!important;flex:0 0 auto;align-items:center;justify-content:center;height:35px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:#15344a;letter-spacing:.03em;line-height:1;pointer-events:none}.header-ping-badge{width:125px;background-image:url(/assets/optimized/ui/header-ping-badge.webp?v=capy-header-v1)}.header-badge-content{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;padding:0 24px 0 38px;overflow:hidden;text-align:center;white-space:nowrap}.header-guest-wordmark{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:91px;height:31px;pointer-events:none}.header-guest-wordmark img{display:block;width:100%;height:100%;object-fit:contain}.header-badge small{color:#52717a;font:800 7px/1 DM Mono,monospace;letter-spacing:.08em}.header-badge strong{color:#15344a;font:900 9px/1 DM Mono,monospace;letter-spacing:.06em;white-space:nowrap;text-shadow:0 1px 0 #fff8e9}.header-ping-badge[data-state=good] strong{color:#397c5a}.header-ping-badge[data-state=warn] strong{color:#df8a1d}.header-ping-badge[data-state=bad] strong,.header-ping-badge[data-state=offline] strong{color:#d4493e}.header-ping-badge[data-state=offline]{filter:saturate(.45)}.header-ping-badge[data-state=warn] small{color:#c87912}.header-ping-badge[data-state=bad] small,.header-ping-badge[data-state=offline] small{color:#c33f36}.header-ping-badge[data-digits="4"] .header-badge-content{gap:3px}.header-ping-badge[data-digits="4"] strong{font-size:8px;letter-spacing:.03em}.header-ping-badge[data-digits="5"] .header-badge-content{gap:2px;padding-right:20px;padding-left:35px}.header-ping-badge[data-digits="5"] small{font-size:6px;letter-spacing:.03em}.header-ping-badge[data-digits="5"] strong{font-size:7px;letter-spacing:0}.header-meta span.header-divider{display:inline-block!important;flex:0 0 auto}@media(max-width:620px){.header-meta{gap:2px}.header-meta span.header-badge{height:29px}.header-ping-badge{width:100px}.header-badge-content{gap:3px;padding:0 16px 0 27px}.header-guest-wordmark{width:73px;height:25px}.header-badge small{font-size:6px}.header-badge strong{font-size:7px}.header-ping-badge[data-digits="5"] .header-badge-content{padding-right:15px;padding-left:24px}.header-ping-badge[data-digits="5"] small{font-size:5px}.header-ping-badge[data-digits="5"] strong{font-size:6px}.header-meta span.header-divider{display:none!important}}.room-list{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-content:start;gap:10px;overflow-y:auto}.room-row{display:flex;min-width:0;min-height:0;aspect-ratio:1;padding:10px;flex-direction:column;align-items:stretch;justify-content:space-between;gap:7px}.room-code-block{min-width:0;align-items:flex-start;gap:6px}.room-code-block>div{min-width:0}.room-code-block strong{font-size:13px}.room-code-block small{display:-webkit-box;max-width:100%;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.room-occupancy{flex-direction:row!important;align-items:baseline!important;justify-content:space-between;gap:4px}.room-join-button{width:100%}@media(max-width:820px){.room-list{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:8px}.room-row{min-height:0;padding:8px}.room-code-block strong{font-size:12px}.room-code-block small,.room-occupancy small{font-size:6px}.room-occupancy strong{font-size:11px}.room-join-button{padding:7px 5px;font-size:8px}}@media(max-width:620px){.room-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:8px}.room-row{min-height:0;padding:9px}.room-code-block strong{font-size:13px}.room-code-block small,.room-occupancy small{font-size:6px}.room-join-button{font-size:8px}}html,body{min-width:0;max-width:100%;overflow-x:hidden}.landing-screen,.home-header,.landing-layout,.landing-panel,.landing-side,.play-panel,.play-panel-body,.play-form,.product-rail,.room-browser{min-width:0;max-width:100%}.landing-screen{width:100%;padding-inline:clamp(12px,4.5vw,72px);overflow-x:clip}.home-header{width:min(1360px,100%)}.landing-layout{width:min(1360px,100%);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.landing-layout>*,.play-panel-body>*{min-width:0}.wordmark,.header-meta{min-width:0}input,button,.button,.hero-title-lockup,.hero-branding,.hero-logo,.product-rail-head,.browser-head,.browser-foot{max-width:100%}.browser-foot{flex-wrap:wrap}@media(max-width:620px){.landing-screen{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.home-header{height:62px}.wordmark{width:clamp(88px,29vw,108px);height:auto}.header-meta{flex:0 1 auto;gap:3px}.header-ping-badge{width:clamp(86px,29vw,100px)}.header-guest-wordmark{width:clamp(62px,22vw,73px)}.landing-layout{width:100%;padding-top:15px;padding-bottom:24px}.landing-panel,.play-panel,.product-rail,.room-browser{width:100%}.play-panel{padding:15px 12px 12px}.play-panel-body{grid-template-columns:minmax(0,1fr);gap:13px}.play-panel-mascot{order:2;min-height:205px}.play-mascot-art img{width:min(150px,62vw);height:min(170px,45vw)}.primary-actions{min-width:0}.play-form .primary-actions>.button-primary,.play-form .primary-actions>.button-secondary{min-width:0;padding-inline:5px}.join-row,#room-code{min-width:0}.product-rail{margin-top:17px}.product-rail-head{align-items:flex-start}.product-rail-head>div{min-width:0}.product-rail-head strong{overflow-wrap:anywhere}.product-card{flex-basis:clamp(166px,58vw,188px)}.room-browser{min-height:clamp(360px,64svh,540px);padding-inline:12px}.browser-head{gap:8px}.browser-head h2{font-size:clamp(20px,7vw,23px)}.browser-rule small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list{max-height:clamp(210px,42svh,420px)}.room-row{padding:8px}.room-code-block{gap:5px}.room-code-block strong{font-size:clamp(10px,3.5vw,13px);letter-spacing:.07em}.room-code-block small,.room-occupancy small{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.room-occupancy{min-width:0}.room-occupancy strong{font-size:clamp(10px,3.2vw,12px)}.room-join-button{min-width:0;padding-inline:4px}.browser-foot{justify-content:flex-start;gap:6px 10px}.home-footer{margin-top:16px}.feature-list{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.landing-screen{min-height:100svh}.home-header{height:58px}.header-meta span.header-badge{height:27px}.hero-title-lockup{max-width:100%;font-size:clamp(42px,14vw,66px)}.landing-panel .lede{max-width:100%;font-size:12px}.play-panel-head{gap:7px}.play-panel-head strong{font-size:15px}.status-chip{padding-inline:6px}.skin-options{gap:4px}.skin-option{flex-basis:43px}.skin-option-art{width:35px;height:30px}.skin-option-art img{width:51px;height:51px}.skin-option-label{max-width:38px}.join-row{gap:6px}.join-row .button{padding-inline:8px}.browser-foot span{font-size:5.5px}.product-rail-cue{display:none}}@media(max-width:360px){.landing-screen{padding-inline:10px}.wordmark{width:84px}.header-ping-badge{width:82px}.header-guest-wordmark{width:59px}.header-badge-content{padding-inline:19px 10px}.header-ping-badge[data-digits="5"] .header-badge-content{padding-inline:19px 9px}.landing-layout{gap:14px}.play-form .primary-actions{grid-template-columns:1fr;gap:6px}.play-form .primary-actions>.button-primary,.play-form .primary-actions>.button-secondary{min-height:54px}.join-row{display:grid;grid-template-columns:minmax(0,1fr)}.join-row .button{width:100%}.room-browser{min-height:350px;padding-inline:10px}.room-list{gap:6px}.room-row{padding:7px}.room-code-block strong{font-size:10px}.room-code-block small,.room-occupancy small{font-size:5px}.room-occupancy strong{font-size:10px}.room-join-button{font-size:7px}.feature-list{font-size:6px}}@media(max-width:1100px){.landing-layout{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}.landing-panel,.landing-side{flex:0 0 auto;justify-self:center;width:min(640px,100%)}.play-panel,.product-rail,.home-footer,.room-browser{flex:0 0 auto;width:100%}.room-browser{min-height:clamp(330px,54vh,620px)}}.play-panel-mascot{contain:layout paint;min-width:0}.play-mascot-art,.play-mascot-art img{min-width:0;max-width:100%;max-height:100%}.play-mascot-art{overflow:hidden}.play-form .primary-actions>.button-primary,.play-form .primary-actions>.button-secondary,.join-row .button{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:620px){.room-browser{min-height:clamp(360px,64svh,540px)}}.header-meta span.header-guest-wordmark{display:inline-flex!important;visibility:visible;flex:0 0 auto}.header-ping-badge{flex:0 0 auto;min-width:0}.header-badge-content{min-width:0}.header-badge-content small,.header-badge-content strong{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:620px){.header-meta span.header-guest-wordmark{display:inline-flex!important;width:clamp(62px,22vw,73px)}.header-ping-badge{width:clamp(98px,32vw,112px)}.header-badge-content{gap:clamp(2px,.8vw,3px);padding-left:clamp(20px,7vw,27px);padding-right:clamp(10px,4vw,16px)}.header-badge-content small{font-size:clamp(5px,1.7vw,6px)}.header-badge-content strong{font-size:clamp(6px,2vw,7px)}}@media(max-width:360px){.header-meta span.header-guest-wordmark{width:57px}.header-ping-badge{width:94px}.header-badge-content{gap:2px;padding-left:18px;padding-right:8px}.header-badge-content small{font-size:5px}.header-badge-content strong{font-size:6px;letter-spacing:0}}.header-ping-badge .header-badge-content{position:absolute;top:0;right:8%;bottom:0;left:27%;z-index:2;display:inline-flex!important;width:auto;height:auto;padding:0!important;overflow:hidden}.header-ping-badge .header-badge-content>small,.header-ping-badge .header-badge-content>strong{display:inline-block!important;flex:0 0 auto;visibility:visible!important;opacity:1!important}.lobby-screen{min-height:100svh;padding:clamp(18px,4vw,58px) clamp(12px,4.5vw,72px);align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;background:#f7efdf url(/assets/capy-bonk-lobby-background-v1.webp?v=capy-bonk-lobby-v1) center / cover no-repeat}.lobby-screen:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f7efdfed,#f7efdfd2 42%,#f7efdf63),linear-gradient(0deg,#f7efdfbb 0%,transparent 46%);content:"";pointer-events:none}.lobby-card{width:100%;max-width:none;min-height:calc(100svh - clamp(36px,8vw,116px));padding:clamp(21px,4vw,38px);border:1px solid #d2c5b1;border-radius:19px 12px;background:#fffaf2eb;box-shadow:0 22px 55px #765d3b26,0 5px #d7a66d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lobby-card>.muted,.lobby-card>.lobby-settings,.lobby-card>.lobby-stats-head,.lobby-card>.player-list,.lobby-card>.lobby-foot{width:min(1480px,100%);margin-right:auto;margin-left:auto}.lobby-card>.lobby-match-logo,.lobby-card>.room-heading{width:min(1480px,100%);margin-right:auto;margin-left:auto}.lobby-match-logo{display:block;width:min(100%,520px);height:auto;max-height:180px;margin:-8px auto 8px;object-fit:contain;filter:drop-shadow(0 14px 10px #765d3b2b)}.lobby-settings{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(120px,.8fr) minmax(120px,.8fr);gap:9px;margin:0 0 20px;padding:12px;border:1px solid #d9c8ae;border-radius:13px 8px;background:#f8efe1cc}.lobby-setting{display:grid;align-content:start;gap:6px;min-width:0}.lobby-setting .field-label{margin:0;color:#8a9895;font:700 8px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.lobby-setting select{width:100%;min-width:0;height:40px;padding:0 28px 0 10px;border:1px solid #cfbea6;border-radius:8px 5px;background:#fffaf2;color:#15344a;font:800 9px DM Mono,monospace;text-transform:uppercase;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.lobby-setting select:disabled{opacity:.64;cursor:not-allowed}.lobby-map-control{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;min-width:0}.lobby-map-preview{min-height:40px;border:1px solid #d2b98f;border-radius:8px 5px;background-position:center;background-size:cover;box-shadow:inset 0 0 0 2px #fff8e955}.lobby-map-copy{display:grid;gap:5px;min-width:0}.lobby-map-copy strong{overflow:hidden;color:#315365;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.player-avatar{display:grid;flex:0 0 42px;place-items:end center;width:42px;height:42px;overflow:hidden;border:1px solid #d9c8ae;border-radius:8px 5px;background:#f8c855}.player-avatar img{width:56px;height:56px;object-fit:contain;transform:translateY(4px)}.lobby-kicker{display:flex;align-items:center;gap:9px;margin-bottom:10px}.lobby-kicker .eyebrow{margin:0;color:#d55e37;font-size:9px;font-weight:700}.lobby-kicker-line{width:25px;height:2px;background:#e36e43}.room-heading{align-items:flex-start;gap:16px}.room-heading>div{min-width:0}.room-heading .panel-label{margin-bottom:4px;font-size:8px}.lobby-card h2{margin:0;color:#15344a;font-size:clamp(30px,5vw,46px);line-height:.92;letter-spacing:-.08em}.copy-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:42px;min-width:112px;padding:9px 13px;border:0;border-radius:8px 5px;background-color:transparent;background-image:url(/assets/optimized/ui/quick-match-button.webp?v=dada-cta-v1);background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:#15344a;font:800 9px DM Mono,monospace;text-transform:uppercase;text-shadow:0 1px 0 #fff8e9aa;transition:transform .16s ease,filter .16s ease,background-image .16s ease}.copy-button.copied{background-image:url(/assets/optimized/ui/create-room-button.webp?v=dada-cta-v1);color:#fff8e9;text-shadow:0 1px 0 #10263a66}.copy-button:hover{transform:translateY(-2px);filter:brightness(1.04)}.copy-button span{margin:0;font-size:14px}.lobby-card>.muted{max-width:460px;margin:15px 0 21px;color:#5f777b;font-size:12px}.lobby-stats-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 7px;border-bottom:1px solid #d8cbb8;color:#8a9895;font:700 8px DM Mono,monospace;letter-spacing:.11em}.player-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 20px}.player-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:8px 12px;border:1px solid #e3d9c9;border-radius:10px 7px;background:#fffdf8d9;color:#315365;transition:border-color .18s ease,transform .18s ease,background .18s ease}.player-row:hover{border-color:#e3b46c;background:#fffaf1;transform:translate(2px)}.player-name{min-width:0}.player-name-copy{display:grid;min-width:0;gap:3px}.player-name-copy strong{overflow:hidden;color:#15344a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.player-name-copy small{color:#8a9895;font:700 7px DM Mono,monospace;letter-spacing:.1em}.player-dot{width:8px;height:8px;box-shadow:0 0 0 4px #e36e4320}.player-dot.waiting{box-shadow:0 0 0 4px #c9c2b720}.player-record{display:grid;grid-template-columns:24px 12px 24px 12px;align-items:baseline;justify-content:end;gap:3px;min-width:81px;color:#8b9795;font:700 8px DM Mono,monospace;text-align:center}.player-record b{padding:5px 2px;border-radius:5px;background:#e6f2e9;color:#397c5a;font-size:13px;line-height:1}.player-record b:nth-of-type(2){background:#f7e4d7;color:#d55e37}.lobby-foot{flex-wrap:wrap;padding-top:15px;border-top:1px dashed #cbbfac}.lobby-foot>span{min-width:0}.lobby-actions{flex-wrap:wrap}.lobby-actions .button-start,.lobby-actions #leave-lobby{display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:56px;padding:10px 16px;border:0;border-radius:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:none;font:800 10px DM Mono,monospace;text-transform:uppercase;transition:filter .16s ease,transform .16s ease}.lobby-actions .button-start[hidden]{display:none}.lobby-actions .button-start{background-color:transparent;background-image:url(/assets/optimized/ui/quick-match-button.webp?v=dada-cta-v1);color:#15344a;text-shadow:0 1px 0 #fff8e9aa}.lobby-actions #leave-lobby{background-color:transparent;background-image:url(/assets/optimized/ui/create-room-button.webp?v=dada-cta-v1);color:#fff8e9;text-shadow:0 1px 0 #10263a66}.lobby-actions .button-start:hover,.lobby-actions #leave-lobby:hover{transform:translateY(-2px);filter:brightness(1.06) saturate(1.04)}.lobby-actions .button-start:hover:not(:disabled){background-color:transparent;background-image:url(/assets/optimized/ui/quick-match-button.webp?v=dada-cta-v1);background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:none}.lobby-actions .button-start:disabled{background-color:transparent;background-image:url(/assets/optimized/ui/quick-match-button.webp?v=dada-cta-v1);background-position:center;background-repeat:no-repeat;background-size:100% 100%;filter:saturate(.45);cursor:not-allowed}.lobby-actions .button span{margin:0 0 0 6px;font-size:14px}@media(max-width:560px){.lobby-screen{align-items:flex-start;padding-top:16px}.lobby-card{padding:20px 14px 16px}.lobby-match-logo{width:min(100%,390px);max-height:130px;margin:-4px auto 5px}.room-heading{gap:9px}.copy-button{min-width:96px;min-height:38px;padding-inline:9px;font-size:8px}.lobby-card h2{font-size:clamp(27px,9vw,38px)}.lobby-card>.muted{margin-bottom:17px;font-size:11px}.lobby-settings{grid-template-columns:1fr 1fr}.lobby-map-setting{grid-column:1 / -1}.lobby-map-control{grid-template-columns:82px minmax(0,1fr)}.player-list{grid-template-columns:1fr}.player-row{padding-inline:9px}.player-name-copy strong{font-size:12px}.lobby-foot{align-items:stretch;flex-direction:column}.lobby-actions{width:100%}.lobby-actions .button-start,.lobby-actions #leave-lobby{flex:1 1 0;min-width:0;min-height:52px;padding-inline:8px}}@media(max-width:360px){.lobby-screen{padding-inline:10px}.lobby-card{padding-inline:11px}.lobby-settings{grid-template-columns:1fr}.lobby-map-setting{grid-column:auto}.lobby-kicker-line{width:16px}.lobby-stats-head{padding-inline:8px;font-size:7px}.player-row{gap:6px;padding-inline:7px}.player-record{grid-template-columns:21px 10px 21px 10px;min-width:71px;gap:2px}.player-record b{font-size:11px}.lobby-actions{flex-direction:column}.lobby-actions .button-start,.lobby-actions #leave-lobby{width:100%}}@media(max-width:900px)and (min-width:561px){.player-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.lobby-card{display:flex;flex-direction:column;gap:clamp(12px,2vw,22px)}.lobby-card>.lobby-match-logo{flex:0 0 auto}.lobby-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:stretch;gap:clamp(14px,2vw,28px);width:min(1480px,100%);min-height:0;margin:0 auto;flex:1 1 auto}.lobby-players-panel,.lobby-options-panel{min-width:0;padding:clamp(14px,2vw,24px);border:1px solid #d9c8ae;border-radius:16px 10px;background:#f8efe1b8}.lobby-players-panel{display:flex;flex-direction:column}.room-heading{width:100%}.room-heading h2{overflow:hidden;margin:0;color:#15344a;font:900 clamp(38px,6vw,68px)/.84 "DM Mono",monospace;letter-spacing:-.12em;text-overflow:ellipsis;white-space:nowrap}.lobby-stats-head{width:100%;margin-top:clamp(14px,2vw,24px)}.lobby-players-panel .player-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%;margin:10px 0 18px}.player-tile{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;aspect-ratio:1;min-width:0;overflow:hidden;padding:8px;border:1px solid #d9c8ae;border-radius:12px 8px;background:linear-gradient(145deg,#fffdf8,#f8eddd);box-shadow:0 3px #d6b98f}.player-tile.is-you{border-color:#e36e43;box-shadow:0 3px #b94e31,0 0 0 2px #e36e4326}.player-tile-avatar{display:grid;place-items:end center;min-height:0;overflow:hidden;border-radius:9px 6px;background:#e4f0e4}.player-tile-avatar img{width:112%;height:112%;object-fit:contain;transform:translateY(5%)}.player-tile-name{overflow:hidden;margin-top:6px;color:#15344a;font:800 clamp(9px,1vw,13px)/1.1 "DM Mono",monospace;text-overflow:ellipsis;white-space:nowrap}.player-tile-state{color:#8a9895;font:700 7px/1.2 DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.player-tile .player-record{position:absolute;right:6px;bottom:6px;display:flex;align-items:center;gap:3px;min-width:0}.record-badge{position:relative;display:inline-flex;align-items:center;gap:1px;min-width:33px;height:23px;padding:0 3px 0 0;border-radius:6px;background:#fffaf2dc;box-shadow:0 1px #cdb89b}.record-badge img{width:27px;height:22px;object-fit:contain}.record-badge b{font:900 12px/1 DM Mono,monospace;text-shadow:0 1px 0 #fff}.record-win b{color:#2f966a}.record-lose b{color:#d4534b}.lobby-status-line{margin-top:auto;padding-top:13px;color:#71818a;font:700 10px DM Mono,monospace;letter-spacing:.04em}.lobby-players-panel .lobby-actions{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding-top:13px;border-top:1px dashed #cbbfac}.lobby-players-panel .lobby-actions #leave-lobby{order:1}.lobby-players-panel .lobby-actions #start-game{order:2}.lobby-options-panel{display:flex;flex-direction:column;gap:18px}.lobby-option{display:grid;min-width:0;gap:7px}.option-heading{display:flex;align-items:center;gap:8px;min-width:0}.option-heading .option-icon{flex:0 0 auto}.option-heading .field-label{margin:0}.lobby-option-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-icon{width:62px;height:62px;margin:-2px 0 1px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 5px 3px #765d3b24)}.option-icon-target{background-image:url(/assets/optimized/ui/lobby-first-win.webp?v=lobby-options-v1)}.option-icon-clock{background-image:url(/assets/optimized/ui/lobby-round-time.webp?v=lobby-options-v1)}.lobby-option select{width:100%;height:44px;padding:0 11px;border:1px solid #cfbea6;border-radius:9px 6px;background:#fffaf2;color:#15344a;font:800 10px DM Mono,monospace;text-transform:uppercase}.setting-carousel{display:grid;grid-template-columns:33px minmax(0,1fr) 33px;align-items:center;gap:4px;min-width:0}.setting-arrow{position:relative;display:grid;place-items:center;width:33px;height:46px;padding:0;border:0;background-color:transparent;background-image:url(/assets/optimized/ui/lobby-map-arrows.webp?v=lobby-options-v1);background-repeat:no-repeat;background-size:200% 100%;filter:drop-shadow(0 3px 3px #765d3b24);transition:transform .16s ease,filter .16s ease}.setting-arrow-prev{background-position:left center}.setting-arrow-next{background-position:right center}.setting-arrow span{color:#15344a;font:900 24px/1 Manrope,sans-serif;text-shadow:0 1px 0 #fff8e9}.setting-arrow:hover:not(:disabled){transform:translateY(-2px) scale(1.04);filter:brightness(1.06) drop-shadow(0 4px 4px #765d3b34)}.setting-arrow:disabled{opacity:.48;cursor:not-allowed}.setting-value-trigger{min-width:0;height:46px;overflow:hidden;padding:0 5px;border:1px solid #d2b98f;border-radius:9px 6px;background:#fffaf2;color:#15344a;box-shadow:inset 0 -3px #eadcc7;transition:border-color .16s ease,transform .16s ease}.setting-value-trigger strong{display:block;overflow:hidden;font:900 clamp(9px,1vw,12px)/1 "DM Mono",monospace;text-overflow:ellipsis;white-space:nowrap}.setting-value-trigger:hover:not(:disabled){border-color:#e36e43;transform:translateY(-1px)}.setting-value-trigger:disabled{opacity:.48;cursor:not-allowed}.map-option{flex:1 1 auto}.lobby-map-carousel{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr) 45px;align-items:center;gap:8px;min-height:0}.lobby-map-trigger{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:7px;min-width:0;padding:7px;border:1px solid #d2b98f;border-radius:12px 8px;background:#fffaf2;color:#315365;text-align:left}.lobby-map-trigger:hover:not(:disabled){border-color:#e36e43}.lobby-map-preview{display:block;width:100%;min-height:180px;border:0;border-radius:8px 5px;background-position:center;background-size:cover;box-shadow:inset 0 0 0 2px #fff8e955}.lobby-map-trigger strong{overflow:hidden;padding:0 3px 2px;color:#15344a;font:800 11px DM Mono,monospace;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.map-arrow{position:relative;display:grid;place-items:center;width:45px;height:65px;padding:0;border:0;background-color:transparent;background-image:url(/assets/optimized/ui/lobby-map-arrows.webp?v=lobby-options-v1);background-repeat:no-repeat;background-size:200% 100%;filter:drop-shadow(0 4px 3px #765d3b24);transition:transform .16s ease,filter .16s ease}.map-arrow-prev{background-position:left center}.map-arrow-next{background-position:right center}.map-arrow span{color:#15344a;font:900 31px/1 Manrope,sans-serif;text-shadow:0 1px 0 #fff8e9}.map-arrow:hover:not(:disabled){transform:translateY(-2px) scale(1.04);filter:brightness(1.06) drop-shadow(0 5px 4px #765d3b34)}.map-arrow:disabled,.lobby-map-trigger:disabled,.lobby-option select:disabled{opacity:.48;cursor:not-allowed}.map-picker-menu{position:fixed;z-index:20;top:50%;left:50%;width:min(720px,calc(100vw - 32px));max-height:min(78svh,620px);margin:0;transform:translate(-50%,-50%);display:block;padding:9px;overflow-y:auto;border:1px solid #d2b98f;border-radius:12px 8px;background:#fffaf2f5;box-shadow:0 16px 32px #765d3b35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-picker-menu:not([open]){display:none}.map-picker-menu::backdrop{background:#10263a70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-picker-heading{display:grid;justify-items:center;gap:3px;margin:2px 2px 10px;padding:8px 8px 10px;border-bottom:1px dashed #d2b98f;text-align:center}.map-picker-heading span{color:#e36e43;font:800 8px/1 DM Mono,monospace;letter-spacing:.18em}.map-picker-heading strong{color:#fff8e9;font:900 clamp(18px,3vw,28px)/1 "Manrope",sans-serif;letter-spacing:.035em;text-shadow:-1px -1px 0 #15344a,1px -1px 0 #15344a,-1px 1px 0 #15344a,1px 1px 0 #15344a,0 3px 0 #e36e43}.map-picker-heading small{color:#71818a;font:800 8px/1 DM Mono,monospace;letter-spacing:.11em}.map-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.map-picker-item{display:block;aspect-ratio:16 / 9;min-width:0;padding:0;overflow:hidden;border:2px solid transparent;border-radius:7px 5px;background:#e8e0d3;transition:transform .15s ease,border-color .15s ease}.map-picker-item img{display:block;width:100%;height:100%;object-fit:cover}.map-picker-item:hover,.map-picker-item.selected{border-color:#e36e43;transform:translateY(-2px)}@media(max-width:900px){.lobby-main-grid{grid-template-columns:1fr}.lobby-options-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.8fr);align-items:center}.lobby-option-pair{grid-template-columns:1fr}.lobby-map-preview{min-height:145px}}@media(max-width:560px){.lobby-main-grid{gap:12px}.lobby-players-panel,.lobby-options-panel{padding:12px}.lobby-options-panel{display:flex}.lobby-map-preview{min-height:130px}.lobby-players-panel .lobby-actions{gap:7px}.lobby-players-panel .lobby-actions .button{min-width:0;padding-inline:8px}}.lobby-screen{flex-direction:column;visibility:visible;opacity:1;padding-top:0;padding-bottom:40px;background-image:url(/assets/optimized/capy-bonk-room-background-v1.webp?v=room-bg-v1);background-position:center;background-size:cover}.lobby-screen.active{display:block!important}.lobby-screen:not(.active){display:none!important}.lobby-header{display:flex;z-index:3;width:min(1480px,100%);height:76px;margin:0 auto 10px;flex:0 0 auto}.lobby-card{display:flex;position:relative;z-index:2;width:100%;margin:0;visibility:visible;opacity:1;min-height:calc(100svh - 126px);padding-top:10px;padding-bottom:0}.lobby-card>.lobby-match-logo{display:none}.lobby-main-grid{min-height:430px}.lobby-players-panel,.lobby-options-panel{position:relative;overflow:hidden;border:0}.lobby-players-panel:before,.lobby-options-panel:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:url(/assets/optimized/brand/capy-bonk-match-logo.webp?v=capy-bonk-match-v2) center / min(88%,480px) auto no-repeat;content:"";opacity:.095;pointer-events:none}.lobby-players-panel>*,.lobby-options-panel>*{position:relative;z-index:1}.room-heading h2{overflow:visible;font-size:clamp(24px,3.5vw,48px);letter-spacing:.08em;text-overflow:clip}@media(max-width:620px){.lobby-header{height:62px;margin-bottom:8px}.lobby-card{min-height:calc(100svh - 110px)}.lobby-main-grid{min-height:0}.lobby-header .wordmark{width:clamp(88px,29vw,108px);height:auto}.lobby-header .header-meta{flex:0 1 auto;gap:3px}.lobby-header .header-ping-badge{width:clamp(86px,29vw,100px)}.lobby-header .header-guest-wordmark{width:clamp(62px,22vw,73px)}.room-heading h2{font-size:clamp(22px,7vw,34px);letter-spacing:.06em}}@media(max-width:620px){.player-tile .player-record{right:4px;bottom:4px;gap:1px}.record-badge{min-width:27px;height:19px;padding-right:2px;border-radius:5px}.record-badge img{width:21px;height:18px}.record-badge b{font-size:9px}.map-picker-menu{width:min(500px,calc(100vw - 20px));max-height:calc(100svh - 32px);gap:6px;padding:8px}.map-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.map-picker-heading{margin-bottom:8px;padding-block:5px 8px}.map-picker-heading strong{font-size:clamp(15px,5vw,22px)}}@media(max-width:380px){.player-tile .player-record{right:3px;bottom:3px}.record-badge{min-width:23px;height:17px}.record-badge img{width:18px;height:16px}.record-badge b{font-size:8px}}.header-meta span.header-badge{height:41px}.header-ping-badge .header-badge-content{align-items:center;justify-content:center}@media(max-width:620px){.header-meta span.header-badge{height:35px}}@media(max-width:480px){.header-meta span.header-badge{height:33px}}@media(max-width:360px){.header-meta span.header-badge{height:31px}}.winner-celebration{position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;display:none;place-items:center;overflow:hidden;background:#071a2add}.winner-celebration.is-visible{display:grid}.winner-celebration-card{position:relative;display:flex;width:min(620px,calc(100vw - 28px));min-height:410px;padding:94px 24px 26px;flex-direction:column;align-items:center;justify-content:flex-end;border:0;border-radius:0;background:transparent;box-shadow:none;animation:winner-card-in .45s cubic-bezier(.2,.8,.2,1) both}.winner-victory-art{position:absolute;z-index:1;top:-40px;left:50%;width:min(710px,112%);max-width:none;height:auto;transform:translate(-50%);animation:winner-art-pop .7s cubic-bezier(.2,.8,.2,1) both;pointer-events:none}.winner-mascot-wrap{position:relative;z-index:2;width:clamp(118px,18vw,158px);height:clamp(118px,18vw,158px);margin-bottom:10px;border:0;border-radius:0;background:transparent}.winner-mascot{width:100%;height:100%;object-fit:contain}.winner-kicker{position:relative;z-index:2;color:#f8d98a;font:900 9px DM Mono,monospace;letter-spacing:.18em;text-shadow:0 2px 0 #15344a,0 0 10px #061728}.winner-celebration h2{position:relative;z-index:2;margin:4px 0 2px;color:#fff8e9;font-size:clamp(25px,5vw,42px);font-weight:900;letter-spacing:-.07em;line-height:.95;text-align:center;text-shadow:0 3px 0 #15344a,0 0 14px #061728;overflow-wrap:anywhere}.winner-celebration p{position:relative;z-index:2;margin:5px 0 17px;color:#f3f7ed;font:700 11px DM Mono,monospace;text-align:center;text-shadow:0 2px 0 #15344a,0 0 8px #061728}.winner-return-line{position:relative;z-index:2;color:#eaf2e8;font:800 8px DM Mono,monospace;letter-spacing:.1em;text-shadow:0 2px 0 #15344a}.winner-return-line b{color:#f8c855;font-size:11px;text-shadow:0 2px 0 #15344a}.winner-back-button{position:relative;z-index:3;width:min(260px,72vw);margin-top:10px;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .16s ease}.winner-back-button img{display:block;width:100%;height:auto}.winner-back-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.winner-back-button:hover{transform:translateY(-3px) scale(1.02)}.winner-back-button:active{transform:translateY(1px) scale(.98)}.winner-back-button:focus-visible{outline:3px solid #15344a;outline-offset:4px;border-radius:18px}@keyframes winner-card-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes winner-art-pop{0%{opacity:0;transform:translate(-50%) scale(.88)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:620px){.winner-celebration-card{min-height:340px;padding:70px 14px 20px}.winner-victory-art{top:-20px;width:118%}.winner-mascot-wrap{width:clamp(94px,31vw,130px);height:clamp(94px,31vw,130px)}.winner-celebration p{margin-bottom:13px;font-size:9px}.winner-back-button{width:min(230px,75vw);margin-top:8px}}