@import "https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#283b38;font-synthesis:none;background:#f5f0df;font-family:Noto Sans KR,sans-serif;font-weight:500}#pause-game{z-index:45;position:absolute;top:10px;left:10px}#pause-menu{z-index:60;background:#f5f0dfde;place-items:center;padding:12px;display:grid;position:absolute;inset:0}#pause-menu .secondary{width:100%;margin:12px 0;display:block}#pause-menu small{max-width:320px;display:block}body{background-image:radial-gradient(at 20% 0,#fffdf35c,#0000 65%)}.shell .join-card,#round-overlay .round-card,#match-picker{background-image:linear-gradient(145deg,#ffffff50,#0000 65%);box-shadow:0 7px #283b3810,0 18px 38px #746c4210}.character,.player-card,.free-tile{transition:background-color .18s,border-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff90}.character img,.player-card img{filter:drop-shadow(0 3px 2px #283b3812)}.characters .character.selected,.lobby-players .player-card.ready{box-shadow:inset 0 1px #ffffffb0,0 3px #283b3810}.primary,.secondary{background-image:linear-gradient(#ffffff0c,#fff0)}.game-top{text-shadow:0 1px #fffdf360}.score.me{box-shadow:inset 0 1px #ffffff80}@media (hover:hover) and (pointer:fine){.character:hover,.free-tile:not(:disabled):hover{box-shadow:inset 0 1px #ffffffb0,0 5px 12px #746c4214}}@media (prefers-reduced-motion:reduce){.character,.player-card,.free-tile{transition:none}}.in-duel .touch-controls{visibility:hidden;pointer-events:none}#catch-duel{z-index:40;border-radius:inherit;pointer-events:none;color:#fff7df;background:radial-gradient(at 50% 52%,#0000 26%,#311c3b22 54%,#311c3bcc 100%);position:absolute;inset:0;overflow:hidden}.duel-rim{border-radius:inherit;border:7px solid #ffbb62;animation:.8s ease-in-out infinite alternate duel-pulse;position:absolute;inset:3px;box-shadow:inset 0 0 42px #ff6b6b,0 0 18px #ffe0a8}.duel-rim:after{content:"";opacity:.2;background:repeating-conic-gradient(#0000 0deg 14deg,#ffe5a5 15deg 16deg,#0000 17deg 30deg);animation:14s linear infinite duel-rays;position:absolute;inset:-30%;-webkit-mask-image:radial-gradient(#0000 40%,#000 72%);mask-image:radial-gradient(#0000 40%,#000 72%)}.duel-title{text-align:center;text-shadow:0 3px 5px #311c3b;width:100%;position:absolute;top:3%}.duel-title b{font-size:clamp(18px,3vw,36px);display:block}.duel-title span{font-size:clamp(11px,1.4vw,18px);display:block}.duel-sequence{gap:5px;display:flex;position:absolute;top:19%;left:50%;transform:translate(-50%)}.duel-sequence>span{text-align:center;background:#31293def;border:2px solid #ead5b2;border-radius:9px;width:clamp(25px,4.5vw,55px)}.duel-sequence b{font-size:clamp(16px,2.4vw,28px);display:block}.duel-sequence small,.duel-pad small{font-size:9px;display:block}.duel-sequence .done{color:#b4e3c0;opacity:.5}.duel-sequence .next{color:#372330;background:#fc7;border-color:#fff;transform:translateY(-4px)}.duel-bottom{text-align:center;width:100%;position:absolute;bottom:4%}.duel-bottom p{text-shadow:0 2px 3px #000;margin:4px 8px 8px;font-size:clamp(10px,1.5vw,16px)}.duel-pad{justify-content:center;gap:8px;display:flex}.duel-pad button{color:#372330;pointer-events:auto;touch-action:none;background:#fff5d8;border:3px solid #d78663;border-radius:13px;width:clamp(48px,8vw,82px);min-height:48px;padding:4px;box-shadow:0 4px #573c47}.duel-pad b{font-size:clamp(22px,3vw,32px)}.wrong-key .duel-sequence .next{background:#ff8f89}.duel-resolve .duel-sequence{opacity:.35}@keyframes duel-pulse{0%{border-color:#ff9a63;box-shadow:inset 0 0 30px #ed5b65}to{border-color:#fff0a5;box-shadow:inset 0 0 55px #ff9b6e}}@keyframes duel-rays{to{transform:rotate(360deg)}}@media (max-height:450px){.duel-title{top:2%}.duel-sequence{top:24%}.duel-sequence small{font-size:8px}.duel-bottom{bottom:4%}.duel-bottom p{margin-bottom:4px}}@media (max-width:480px){.duel-sequence{gap:3px}.duel-sequence>span{width:27px}.duel-title{top:5%}.duel-sequence{top:22%}}.free-shell{max-width:1280px;min-height:100dvh}.free-menu{padding:22px 0 36px}.free-title{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.free-title h1{margin:5px 0 0;font-size:clamp(30px,5vw,58px);line-height:.95}.free-title p{text-align:right;max-width:320px}.free-last{background:#dcebd7;border:2px solid #47765f;border-radius:14px;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 16px;display:flex}.free-tiles{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.free-tile{--tile-color:#ef795c;text-align:left;background:#fff9e8;border:2px solid #283b38;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:190px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #283b38}.free-tile:not(:disabled):hover{transform:translateY(-4px)rotate(-.5deg);box-shadow:0 9px #283b38}.free-tile:nth-child(2n):not(:disabled):hover{transform:translateY(-4px)rotate(.5deg)}.free-tile:disabled{opacity:.78}.free-tile:after{content:"";background:var(--tile-color);opacity:.18;border-radius:50%;width:105px;height:105px;position:absolute;top:-28px;right:-30px}.free-number{letter-spacing:2px;opacity:.55;font-size:10px}.free-icon{color:var(--tile-color);font-size:36px;line-height:1.2}.free-tile b{font-family:Jua;font-size:19px;font-weight:400}.free-tile small{color:var(--tile-color);margin-top:3px;font-weight:800}.free-tile em{opacity:.75;margin-top:auto;padding-top:12px;font-size:11px;font-style:normal;line-height:1.35}.free-crossing,.free-switches{--tile-color:#47765f}.free-tag,.free-brawl{--tile-color:#d65345}.free-delivery,.free-hoops{--tile-color:#d49431}.free-crown,.free-spotlight{--tile-color:#9a6cb3}.free-scramble,.free-spool{background:#ffe0bc}.free-hotpotato{background:#ffc8b5}.free-heist{background:#f7dfa2}.free-fireflies{background:#d9ecdb}.free-sneeze{--tile-color:#37869b}.free-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.free-actions>div{flex-wrap:wrap;gap:8px;display:flex}.free-actions>div span{background:#edf0df;border-radius:20px;padding:7px 11px;font-size:12px}@media (max-width:900px){.free-menu{padding:12px 8px 24px}.free-title{align-items:start;margin-bottom:10px}.free-title p{display:none}.free-last{font-size:11px}.free-tiles{grid-template-columns:repeat(3,1fr)}.free-tile{min-height:142px;padding:10px}.free-tile em{display:none}}@media (max-width:560px){.free-tiles{grid-template-columns:repeat(2,1fr)}.free-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.duel-rim,.duel-rim:after{animation:none}}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #ef795c}button:not(:disabled){transition:transform .15s,background .15s}button:not(:disabled):active{transform:translateY(3px)}a{color:inherit;text-decoration:none}.shell{max-width:1440px;margin:auto;padding:30px 6% 0}header{border-bottom:1px solid #283b3826;justify-content:space-between;align-items:center;padding-bottom:27px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;gap:15px;font-size:23px;font-weight:900;display:flex}.wordmark span{letter-spacing:-.3px;border-left:1px solid #283b3840;padding-left:15px;font-size:12px;font-weight:600}.pill{border:1px solid #283b3840;border-radius:30px;padding:9px 15px;font-size:12px}.home{grid-template-columns:1.1fr 1fr;gap:8%;padding:52px 0 40px;display:grid}.eyebrow{letter-spacing:1px;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.eyebrow i{background:#ef795c;border-radius:100%;width:8px;height:8px}h1{letter-spacing:-2px;margin:23px 0;font-family:Jua,sans-serif;font-size:clamp(44px,4.5vw,68px);font-weight:400;line-height:1.18}h1 em{color:#df6d52;font-style:normal}.hero>p{color:#71776a;font-size:15px;line-height:1.9}.border-friends{display:none}.game-shell{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.hero-art{cursor:default;background:radial-gradient(at 50% 80%,#e3e2c7 0,#0000 64%);height:240px;margin-top:10px;position:relative}.hero-character{z-index:3;transform-origin:50% 88%;will-change:transform;width:61%;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:14px}.hero-character>img{filter:drop-shadow(0 12px #283b3805);width:100%;animation:4s ease-in-out infinite hero-bob;display:block}.hero-one{transform:translate(var(--follow-x,0), var(--follow-y,0)) rotate(calc(-9deg + var(--follow-tilt,0deg)));left:-14px}.hero-two{transform:translate(var(--follow-x,0), var(--follow-y,0)) rotate(calc(8deg + var(--follow-tilt,0deg)));right:-16px}.hero-two>img{animation-name:hero-bob-two;transform:scaleX(-1)}.hero-character.is-curious>img{animation-duration:1.5s}.hero-character.is-booped>img{animation:.48s cubic-bezier(.2,.9,.2,1) hero-boop}.hero-runners{z-index:1;pointer-events:none;border-bottom:1px dashed #90978230;position:absolute;inset:42px 12px 53px;overflow:hidden}.hero-runner{opacity:.34;filter:saturate(.72);width:42px;animation:15s linear infinite runner-cross;position:absolute;left:-58px}.hero-runner img{width:100%;animation:.42s ease-in-out infinite alternate runner-toddle;display:block}.runner-1{animation-duration:14s;animation-delay:-9s;bottom:5px}.runner-2{width:34px;animation-duration:18s;animation-delay:-3s;bottom:42px}.runner-3{width:38px;animation-duration:16s;animation-delay:-13s;bottom:20px}.runner-4{width:29px;animation-duration:21s;animation-delay:-17s;bottom:66px}.runner-2 img,.runner-4 img{animation-name:runner-toddle-reverse;transform:scaleX(-1)}.cursor-spark{left:var(--cursor-x,50%);top:var(--cursor-y,50%);z-index:4;color:#d8a937;opacity:0;pointer-events:none;font-size:17px;transition:opacity .12s,transform .18s;position:absolute;transform:translate(10px,8px)rotate(0)scale(.6)}.hero-art.pointer-active .cursor-spark{opacity:.8;transform:translate(10px,8px)rotate(18deg)scale(1)}.scribble{color:#798271;font-family:Jua;font-size:16px;position:absolute;top:6px;left:70px;transform:rotate(-7deg)}.star{color:#d8a937;font-size:42px;position:absolute;top:5px;right:12px}.art-caption{text-align:center;color:#828574;width:100%;font-size:11px;transition:color .16s;position:absolute;bottom:0;left:0}.features{justify-content:center;gap:20px;margin-top:27px;font-size:12px;font-weight:700;display:flex}.join-card{background:#fffdf3;border:1px solid #283b382b;border-radius:22px;align-self:start;padding:28px 30px 22px;box-shadow:0 9px #e4e1d0}.card-kicker{color:#8a8b77;letter-spacing:1.5px;font-size:11px;font-weight:800}h2{letter-spacing:-.6px;margin:9px 0 23px;font-family:Jua,sans-serif;font-size:29px;font-weight:400}label,.choice-label{margin-bottom:8px;font-size:12px;font-weight:800;display:block}input{color:#283b38;background:#f5f2e6;border:1px solid #283b3833;border-radius:9px;width:100%;padding:13px 14px;font-size:13px}input::placeholder{color:#929783}.choice-label{justify-content:space-between;margin:20px 0 8px;display:flex}.choice-label span{color:#8b8e7c;font-size:10px;font-weight:400}.characters{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px;display:grid}.character{background:#f5f2e6;border:2px solid #0000;border-radius:11px;padding:0 3px 9px;position:relative}.character.selected{background:#fce8db;border-color:#df6d52}.character.selected:after{content:"✓";color:#fff;background:#df6d52;border-radius:50%;width:15px;height:15px;font-size:10px;position:absolute;top:5px;right:6px}.character img{object-fit:contain;width:100%;height:64px;display:block}.character b{font-size:12px;display:block}.character span{color:#848875;white-space:nowrap;margin-top:3px;font-size:8px;display:block}.primary,.secondary{border-radius:10px;padding:14px 19px;font-size:13px;font-weight:800}.primary{color:#fffaf0;background:#df7358;border:1px solid #a9503b;justify-content:space-between;align-items:center;gap:25px;display:flex;box-shadow:0 3px #a9503b}.join-card>.primary{width:100%;font-size:15px}.secondary{white-space:nowrap;background:#e3ebda;border:1px solid #b7c4ac}.primary:hover{background:#cf654b}.secondary:hover{background:#d3e1c6}.divider{color:#a0a08c;align-items:center;gap:10px;margin:19px 0 12px;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#e7e5d8;flex:1;height:1px}#join{gap:8px;display:flex}#code{text-transform:uppercase;letter-spacing:2px;min-width:0}.join-card>small{text-align:center;color:#8b8e7c;margin-top:13px;font-size:10px;display:block}#error{color:#b55440;overflow-wrap:anywhere;margin:10px 0 0;font-size:12px;line-height:1.5}footer{color:#858876;border-top:1px solid #283b3826;justify-content:space-between;padding:19px 0;font-size:10px;display:flex}.small-button{background:#e7e6d7;border:1px solid #c7cbbb;border-radius:9px;padding:8px 13px;font-size:12px}.lobby{text-align:center;padding:38px 0}.lobby .eyebrow{justify-content:center}.lobby h1{margin:18px 0;font-size:43px}.invite{background:#fffdf3;border:1px dashed #8b9e8f;border-radius:15px;justify-content:center;align-items:center;gap:17px;width:max-content;margin:24px auto;padding:14px 20px;display:flex}.invite>span{color:#7b8475;font-size:12px}.invite strong{letter-spacing:5px;font-size:24px}.lobby-players{grid-template-columns:repeat(6,1fr);gap:12px;margin:30px 0;display:grid}.player-card{background:#fffdf3;border:1px solid #cfd2c0;border-radius:18px;padding:15px 5px 16px}.player-status{color:#73866e;font-size:10px}.player-card img{width:100%;height:116px}.player-card h3{margin:0;font-size:14px}.player-card p{color:#858976;margin:5px 0;font-size:10px}.player-card.empty{background:0 0;border:1px dashed #c3c8b3;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty>span{color:#bdc4af;font-size:45px}.lobby-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.lobby-actions p{text-align:left;margin-right:auto;font-size:13px;line-height:1.8}.lobby-actions small{color:#858976;font-size:11px}.game-shell{flex-direction:column;max-width:1600px;height:100dvh;margin:auto;padding:0 22px;display:flex}.game-top{align-items:center;gap:24px;min-height:67px;display:flex}.game-top .wordmark{font-size:18px}#mode{align-items:center;gap:12px;margin:auto;display:flex}.round-label{color:#7f8777;letter-spacing:1px;font-size:10px}#mode b{font-family:Jua;font-size:22px;font-weight:400}.mode-badge{background:#e0e8d6;border-radius:20px;padding:4px 9px;font-size:10px}#clock{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}#stage-wrap{background:#f8f2df;border:2px solid #283b38;border-radius:15px;flex:1;min-height:0;position:relative;overflow:hidden}#stage{width:100%;height:100%}#stage canvas{touch-action:none;display:block}.game-bottom{justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}#hint{color:#72826f;max-width:300px;font-size:11px}#scores{gap:5px;display:flex}.score{border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:3px 8px 3px 0;font-size:13px;display:flex}.score.me{background:#e7ecd9;border-color:#b6c6a9}.score img{object-fit:cover;width:42px;height:34px}.score b{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:10px;overflow:hidden}.score small{color:#b76648;font-size:9px}#round-overlay.shown{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#f7f2dfb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.round-card{text-align:center;background:#fffdf3;border:2px solid #283b38;border-radius:24px;min-width:350px;max-height:95%;padding:25px 35px;overflow:auto;box-shadow:0 8px #283b3818}.round-card .eyebrow{justify-content:center;font-size:11px}.round-card h2{margin:12px 0;font-size:35px}.round-card p{color:#7c8472;font-size:12px}.countdown{color:#df7358;font-family:Jua;font-size:85px;display:block}.round-card>small{color:#88907c;font-size:10px}.result-list{margin:10px 0}.result-list>div{border-bottom:1px solid #e6e7da;align-items:center;gap:15px;padding:2px 0;display:flex}.result-list img{width:62px;height:44px}.result-list b{font-size:13px}.result-list strong{margin-left:auto}.result-list small{margin-left:4px;font-size:10px}.round-card .primary{width:100%;margin-top:15px}.touch-controls{pointer-events:none;z-index:20;justify-content:space-between;display:none;position:absolute;inset:auto 16px 15px}.touch-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff9e5d9;border:2px solid #283b3899;border-radius:18px;width:62px;height:60px;font-size:23px;box-shadow:0 4px #283b3840}.move-buttons,.action-buttons{align-items:flex-end;gap:8px;display:flex}.action-buttons button{width:67px;font-size:9px}.action-buttons b{font-size:25px;display:block}.action-buttons [data-control=jump]{color:#fff;background:#ef795ce0;width:72px;height:72px}.touch-controls button.pressed{box-shadow:none;background:#b6d7b2;transform:translateY(3px)}#connection{z-index:50;color:#fff;background:#283b38;border-radius:12px;padding:12px 20px;font-size:12px;display:none;position:absolute;top:15px;left:50%;transform:translate(-50%)}#connection.visible{display:block}.portrait-notice{display:none}@keyframes hero-bob{50%{transform:translateY(-7px)rotate(-2deg)}}@keyframes hero-bob-two{0%,to{transform:scaleX(-1)}50%{transform:translateY(-9px)rotate(2deg)scaleX(-1)}}@keyframes hero-boop{0%,to{transform:translateY(0)scale(1)}38%{transform:translateY(-15px)scale(1.04,.96)}68%{transform:translateY(2px)scale(.98,1.02)}}@keyframes runner-cross{0%{translate:-10px}to{translate:510px}}@keyframes runner-toddle{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-4px)rotate(3deg)}}@keyframes runner-toddle-reverse{0%{transform:translateY(0)rotate(-3deg)scaleX(-1)}to{transform:translateY(-4px)rotate(3deg)scaleX(-1)}}@media (pointer:coarse){.touch-controls{display:flex}}@media (max-width:1000px){.shell{padding:22px 4% 0}.home{gap:4%;padding-top:34px}.join-card{padding:22px}.hero-art{height:220px}.features{gap:10px;font-size:10px}.game-bottom{min-height:49px}#hint{font-size:9px}.game-top{min-height:49px}.score b{max-width:40px}.score img{width:28px}.score{gap:2px;padding-right:4px}.lobby-players{gap:7px}.player-card img{height:90px}}@media (max-width:700px){.home{grid-template-columns:1fr;gap:28px}.hero h1{font-size:46px}.hero>p{font-size:13px}.hero-art{max-width:430px;height:220px;margin:auto}.hero .eyebrow{margin-top:0}.features{margin-top:17px}.wordmark{font-size:19px}.wordmark span{display:none}.pill{font-size:9px}.join-card{width:100%;max-width:470px;margin:auto}.character img{height:75px}.character span{font-size:9px}footer{gap:20px;font-size:9px}.lobby-players{grid-template-columns:repeat(3,1fr)}.invite{gap:9px;width:100%;padding:10px}.invite>span{display:none}.invite strong{font-size:20px}.lobby-actions{flex-wrap:wrap;justify-content:center}.lobby-actions p{text-align:center;width:100%}.game-shell{padding:0 5px}.game-top{gap:7px}.game-top .wordmark{font-size:11px}#mode{gap:5px}#mode b{font-size:15px}.round-label{font-size:8px}#clock{font-size:19px}.game-bottom{flex-wrap:wrap;justify-content:center;gap:0;padding:4px}.game-bottom #hint{display:none}#scores{gap:1px}.score b{display:none}.round-card{min-width:280px;padding:18px}.round-card h2{font-size:28px}}@media (max-height:540px) and (orientation:landscape){.game-top{min-height:38px}.game-shell{padding:0 9px}.game-bottom{min-height:33px}.game-bottom #hint{display:none}.game-bottom{justify-content:center}.touch-controls{bottom:10px;left:10px;right:10px}.touch-controls button{border-radius:14px;width:52px;height:47px}.action-buttons button{width:61px;font-size:8px}.action-buttons [data-control=jump]{width:61px;height:58px}.round-card{min-width:340px;padding:14px 24px}.round-card h2{margin:8px 0;font-size:25px}.countdown{font-size:55px}.result-list img{width:40px;height:24px}.round-card .primary{padding:10px}.lobby{padding:15px 0}.lobby h1{font-size:26px}.lobby-players{grid-template-columns:repeat(6,1fr);margin:12px 0}.lobby .eyebrow{display:none}.player-card img{height:60px}.invite{margin:12px auto}.home{padding:20px 0}header{padding-bottom:13px}.hero-art{height:170px}.hero h1{font-size:42px}}@media (max-width:650px) and (orientation:portrait){.game-shell .portrait-notice{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f0dff2;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:64px;display:flex;position:fixed;inset:0}.portrait-notice b{font-size:20px}.portrait-notice span{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#network-diagnostics{z-index:1000;color:#dff8e9;pointer-events:none;white-space:pre-wrap;background:#13201ee8;border:1px solid #9bcab3;border-radius:7px;max-width:min(430px,100vw - 12px);margin:0;padding:7px 9px;font:10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed;top:6px;right:6px}.lobby-character-picker{justify-content:center;gap:8px;margin:12px 0;display:flex}.lobby-character-picker button{background:#eee9d8;border:1px solid #0000;border-radius:10px;align-items:center;gap:3px;padding:3px 9px;font-size:10px;display:flex}.lobby-character-picker button.selected{background:#fae4d8;border-color:#df7358}.lobby-character-picker img{width:40px;height:30px}@media (max-width:700px){.lobby-character-picker{gap:3px}.lobby-character-picker button{padding:3px}.lobby-character-picker img{width:30px}.lobby-character-picker span{font-size:9px}}.game-shell{max-width:none;padding:env(safe-area-inset-top,0px) max(10px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(10px, env(safe-area-inset-left,0px))}.game-top,.game-bottom{flex-shrink:0}.game-top{min-height:48px}.game-bottom{min-height:46px}.score img{object-fit:contain;flex-shrink:0;width:44px;height:34px}.score{flex-shrink:0;padding-left:4px}#scores{max-width:100%;overflow-x:auto}.home>*{min-width:0}@media (pointer:coarse),(max-width:700px){.shell{padding:max(12px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px))}header{gap:8px;padding-bottom:12px}.wordmark span{display:none}.home{flex-direction:column;gap:16px;padding:18px 0 24px;display:flex}.hero{text-align:center}.hero .eyebrow,.hero>p,.hero-art,.features{display:none}.hero h1{letter-spacing:-1px;margin:0;font-size:28px}.hero h1 br{display:none}.join-card{border-radius:18px;width:100%;max-width:560px;margin:auto;padding:18px}.join-card h2{margin-bottom:16px;font-size:25px}input{min-height:44px;font-size:16px}.character{min-width:0}.character img{height:60px}.character span{white-space:normal;font-size:9px}.choice-label{margin-top:14px}.characters{margin-bottom:14px}footer{justify-content:center}footer>span:last-child{display:none}.game-top{gap:8px;min-height:38px}.game-top .wordmark{font-size:12px}#mode{gap:6px}#mode b{font-size:17px}.mode-badge{display:none}.game-bottom{justify-content:center;min-height:38px}#hint{display:none}.touch-controls{inset:auto 8px 8px}}@media (pointer:coarse) and (orientation:landscape){.home{max-width:760px;margin:auto;padding-top:12px}.hero h1{font-size:23px}.join-card{grid-template-columns:1fr 1fr;column-gap:20px;max-width:none;display:grid}.card-kicker,.join-card h2,.join-card>label,#name{grid-column:1}.choice-label{grid-area:1/2/3;align-self:center;margin:0}.characters{grid-area:3/2/8;margin:0}.character img{height:44px}.character span{display:none}#create,.divider,#join{grid-column:1}#create{margin-top:12px}.divider{margin:14px 0 8px}.join-card>small,#error{grid-column:1/-1}.touch-controls{flex-shrink:0;padding:5px 10px 8px;position:static}#stage-wrap{flex-direction:column;display:flex}#stage{flex:1;height:auto;min-height:0}.touch-controls button{width:54px;height:44px}.action-buttons [data-control=jump]{width:62px;height:48px}.game-bottom{min-height:32px}.score img{width:36px;height:26px}.home{padding:10px 0}.hero,.join-card .card-kicker,.join-card>small{display:none}.join-card{padding:12px 16px}.join-card h2{grid-row:1;margin:0 0 8px;font-size:22px}.join-card>label{grid-row:2}#name{grid-row:3}.choice-label{grid-row:1}.characters{grid-row:2/7}#create{grid-row:4;margin-top:8px;padding:10px 14px}.divider{grid-row:5;margin:10px 0 6px}#join{grid-row:6}#join button{padding:10px 14px}#error:empty{display:none}}.audio-panel{right:12px;bottom:max(8px, env(safe-area-inset-bottom));z-index:100;color:#283b38;font-size:12px;position:fixed}.audio-panel summary{cursor:pointer;background:#fff9e8;border:1px solid #b9bdab;border-radius:18px;padding:6px 12px;box-shadow:0 2px 8px #283b3815}.audio-panel>div{background:#fff9e8;border:1px solid #b9bdab;border-radius:16px;width:220px;padding:16px;position:absolute;bottom:38px;right:0;box-shadow:0 6px 24px #283b3825}.audio-panel label{grid-template-columns:65px 1fr;align-items:center;gap:8px;margin-top:14px;display:grid}.audio-panel input{accent-color:#47765f;width:100%;min-width:0;padding:0}.audio-panel button{color:#283b38;background:#e8e5cf;border:1px solid #b9bdab;border-radius:8px;padding:7px 12px}.game-shell.brawl .game-top{background:#ffe3be}.game-shell.brawl .mode-badge{color:#fff9e8;background:#b64c38}.game-shell.brawl .score small{color:#ad402c;font-weight:800}body:has(.game-shell) .audio-panel{top:52px;bottom:auto;right:20px}body:has(.game-shell) .audio-panel>div{top:36px;bottom:auto}@media (pointer:coarse) and (orientation:landscape){.game-shell{width:100%;margin:0;padding-top:0;padding-bottom:0;position:fixed;inset:0}.game-top{min-height:30px}.game-bottom{min-height:24px}body:has(.game-shell) .audio-panel{top:34px;right:max(12px, env(safe-area-inset-right,0px))}}#match-picker{color:#283b38;background:#fff9e8;border:3px solid #283b38;border-radius:24px;width:min(760px,94vw);max-height:90dvh;padding:24px;overflow:auto}#match-picker::backdrop{background:#142923aa}.match-heading,.match-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.match-heading h2{margin:4px 0 18px;font-size:30px}#cancel-match{background:#e4e6d5;border-radius:50%;width:44px;height:44px}.match-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.match-options label{cursor:pointer;border:2px solid #c4cbb5;border-radius:16px;padding:16px}:is(.match-options label:has(:checked),.match-games label:has(:checked)){background:#dcebd7;border-color:#47765f}.match-options b{font-size:18px;display:inline}.match-options span{margin-top:8px;font-size:13px;line-height:1.5;display:block}#match-picker input{accent-color:#47765f;width:18px;height:18px}#free-games{border:0;margin:18px 0;padding:0}#free-games legend{margin-bottom:10px;font-weight:700}.match-games{grid-template-columns:1fr 1fr;gap:8px;display:grid}.match-games label{cursor:pointer;border:2px solid #d1d4be;border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:10px;display:flex}.match-games small{opacity:.75;margin-top:3px;display:block}#free-games p,#match-summary{font-size:12px}.match-footer{margin-top:18px}#end-free{padding:4px 8px;font-size:11px}@media (pointer:coarse){.join-card{position:relative}.border-friends{inset:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));pointer-events:none;-webkit-user-select:none;user-select:none;z-index:30;display:block;position:fixed}.edge-pair{width:124px;height:56px;animation:14s ease-in-out infinite edge-meet;position:absolute;bottom:0;left:0}.edge-1{--meet-distance:-12px;animation-delay:-7s;left:auto;right:0}.edge-pair span{width:62px;height:52px;animation:7s ease-in-out infinite edge-greet;position:absolute;left:0}.edge-pair span:nth-child(2){animation-delay:.35s;left:58px}.edge-pair span:nth-child(2) img{transform:scaleX(-1)}.edge-pair i{color:#df6d52;font-style:normal;animation:7s infinite edge-heart;position:absolute;top:-4px;left:54px}.shell:has(input:focus) .border-friends{visibility:hidden}.shell{padding-bottom:64px}@media (orientation:landscape){.shell{padding-left:calc(env(safe-area-inset-left,0px) + 64px);padding-right:calc(env(safe-area-inset-right,0px) + 64px);padding-bottom:0}.edge-pair{width:60px;height:124px;animation-name:edge-patrol;top:18%;bottom:auto}.edge-pair span:nth-child(2){top:58px;left:0}.edge-pair i{top:50px;left:24px}}.border-friends img{object-fit:contain;width:100%;height:100%}.touch-controls button{width:68px;height:60px;font-size:25px}.action-buttons button{white-space:nowrap;width:70px;padding:3px 0;font-size:9px}.action-buttons [data-control=jump]{width:76px;height:66px}.touch-controls{padding:0;position:absolute;inset:auto 8px 8px}}@keyframes edge-patrol{0%,to{top:18%}40%,60%{top:calc(82% - 124px)}}@media (pointer:coarse) and (orientation:portrait){body:has(.border-friends) .audio-panel{right:50%;transform:translate(50%)}body:has(.border-friends) .audio-panel>div{right:50%;transform:translate(50%)}.shell:has(.border-friends) footer{margin-bottom:32px}}@keyframes edge-meet{0%,to{translate:0}40%,60%{translate:var(--meet-distance,12px) 0}}@keyframes edge-greet{0%,65%,to{transform:translateY(0)rotate(0)}30%,42%{transform:translateY(-7px)rotate(-8deg)}36%,50%{transform:translateY(0)rotate(8deg)}}@keyframes edge-heart{0%,22%,65%,to{opacity:0}32%,50%{opacity:1}}@media (prefers-reduced-motion:reduce){.border-friends{display:none}}@media (max-width:480px){#match-picker{padding:16px}.match-options,.match-games{grid-template-columns:1fr}}.round-card{overscroll-behavior:contain;max-width:calc(100% - 24px);animation:.22s cubic-bezier(.2,.7,.2,1) both card-arrive}.result-list b{overflow-wrap:anywhere;text-align:left;min-width:0}.lobby-character-picker button[aria-pressed=true]{border-color:#df7358}@keyframes card-arrive{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.round-card{animation:none}}.haptic-settings{border-top:1px solid #283b3825;gap:8px;padding-top:10px;display:grid}.haptic-settings select{font:inherit;color:#283b38;background:#f5f0df;border:1px solid #283b3833;border-radius:8px;padding:6px;font-size:16px}.haptic-settings small{color:#667363;font-size:11px;line-height:1.5}.audio-panel>div{max-height:min(420px,75dvh);overflow-y:auto}[data-ui=desktop] .lobby h1 em,.free-title h1 em,[data-ui=phone] .hero h1 em,[data-ui=phone] .lobby h1 em{margin-left:.16em}:root{--ui-line:#283b3825;--ui-paper:#fffdf3;--ui-muted:#778172}.shell{width:100%;min-height:100dvh}.shell>header{border-bottom:1px solid var(--ui-line);align-items:center}.shell>footer{color:var(--ui-muted);border-top:1px solid var(--ui-line)}.join-card{background:var(--ui-paper);border:1px solid var(--ui-line);box-shadow:0 5px #283b380c,0 16px 48px #746c4209}.join-card h2{letter-spacing:-.04em}.character{border-radius:16px;transition:background .16s,border-color .16s,transform .16s}.character.selected{box-shadow:inset 0 0 0 1px #e57658}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #527f79}input:focus-visible{outline-offset:2px;outline:2px solid #527f79}.invite{background:#e9eddc;border:1px solid #a6b59a66;border-radius:20px;padding:16px 24px}.player-card{border:1px solid var(--ui-line);background:var(--ui-paper);border-radius:20px}.player-card.ready{background:#e8efdf;border-color:#9db89a}.player-card.empty{background:#edead966;border-style:dashed}.lobby-actions{background:var(--ui-paper);border:1px solid var(--ui-line);border-radius:20px;padding:16px}.free-title h1{line-height:1.16}.free-tile{border:1px solid var(--ui-line);background:var(--ui-paper);text-align:left;border-radius:20px}.free-tile small{color:#667363}.free-actions{flex-wrap:wrap;gap:16px}.round-card{border-radius:24px;width:min(560px,92vw);min-width:0;max-height:calc(100dvh - 90px);overflow-y:auto}.result-list>div{background:#ecebdc66;border-radius:12px;padding:6px 12px}#match-picker{border-radius:24px;width:min(680px,94vw);max-height:90dvh;overflow:auto}.match-options label{border-radius:16px}#pause-menu{align-content:safe center;overflow-y:auto}#pause-menu>div,#pause-menu>section{max-width:min(480px,92vw)}.game-top{border-bottom:1px solid var(--ui-line)}#scores{scrollbar-width:thin;max-width:100%;overflow-x:auto}.score{flex-shrink:0}[data-ui=desktop] .shell{max-width:1520px;padding:24px 48px 0}[data-ui=desktop] .shell>header{padding-bottom:22px}[data-ui=desktop] .home{grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr);align-items:center;gap:clamp(32px,5vw,88px);padding:36px 0;display:grid}[data-ui=desktop] .hero h1{font-size:clamp(48px,4.4vw,72px)}[data-ui=desktop] .hero-art{height:clamp(230px,23vw,340px)}[data-ui=desktop] .join-card{border-radius:28px;width:100%;padding:28px}[data-ui=desktop] .character{padding:10px 6px}[data-ui=desktop] .character img{height:64px}[data-ui=desktop] .lobby{max-width:none;padding:28px 0}[data-ui=desktop] .lobby h1{margin:14px 0 22px;font-size:44px}[data-ui=desktop] .lobby h1 br{display:none}[data-ui=desktop] .lobby-players{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:24px 0}[data-ui=desktop] .free-menu{padding:28px 0}[data-ui=desktop] .free-title h1{font-size:44px}[data-ui=desktop] .free-title h1 br{display:none}[data-ui=desktop] .free-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}[data-ui=desktop] .free-tile{min-height:164px;padding:20px}[data-ui=tablet] .shell{max-width:1280px;padding:24px max(28px, env(safe-area-inset-right)) 0 max(28px, env(safe-area-inset-left))}[data-ui=tablet] .shell>header{padding-bottom:18px}[data-ui=tablet] .home{grid-template-columns:minmax(0,.8fr) minmax(380px,1.2fr);align-items:center;gap:24px;max-width:none;padding:28px 0;display:grid}[data-ui=tablet] .hero{text-align:left;display:block}[data-ui=tablet] .hero h1{font-size:40px;line-height:1.35}[data-ui=tablet] .hero h1 br{display:block}[data-ui=tablet] .hero>p{font-size:14px;display:block}[data-ui=tablet] .hero-art{height:210px;display:block}[data-ui=tablet] .join-card{border-radius:24px;max-width:none;padding:24px;display:block}[data-ui=tablet] .characters{gap:10px;margin:12px 0 20px}[data-ui=tablet] .character{padding:12px 4px}[data-ui=tablet] .character img{height:68px}[data-ui=tablet] .character span,[data-ui=tablet] .border-friends{display:none}[data-ui=tablet] .lobby{padding:24px 0}[data-ui=tablet] .lobby h1{margin:16px 0;font-size:36px}[data-ui=tablet] .lobby-players{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}[data-ui=tablet] .player-card{min-height:158px;padding:16px}[data-ui=tablet] .player-card img{height:80px}[data-ui=tablet] .free-title h1{font-size:36px}[data-ui=tablet] .free-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}[data-ui=tablet] .free-tile{min-height:160px;padding:18px}[data-ui=tablet] .lobby-actions{flex-wrap:wrap;gap:12px}[data-ui=tablet] .game-top{min-height:44px}@media (orientation:portrait){[data-ui=tablet] .home{grid-template-columns:1fr;max-width:680px;margin:auto}[data-ui=tablet] .hero{grid-template-columns:1fr 1fr;align-items:center;display:grid}[data-ui=tablet] .hero h1{font-size:36px}[data-ui=tablet] .hero>p{grid-column:1}[data-ui=tablet] .hero-art{grid-area:1/2/4;height:180px}[data-ui=tablet] .join-card{padding:28px}}[data-ui=phone] .shell{padding:12px max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left))}[data-ui=phone] .shell>header{padding-bottom:12px}[data-ui=phone] .wordmark{font-size:21px}[data-ui=phone] .wordmark span{display:none}[data-ui=phone] .pill{padding:7px 10px;font-size:10px}[data-ui=phone] .home{flex-direction:column;gap:12px;max-width:560px;padding:16px 0;display:flex}[data-ui=phone] .hero h1{font-size:23px}[data-ui=phone] .join-card{border-radius:22px;width:100%;max-width:none;padding:18px}[data-ui=phone] .join-card h2{margin:0 0 16px;font-size:26px}[data-ui=phone] input{min-height:46px;font-size:16px}[data-ui=phone] .characters{gap:8px}[data-ui=phone] .character{padding:8px 3px}[data-ui=phone] .character img{height:60px}[data-ui=phone] .lobby{padding:18px 0}[data-ui=phone] .lobby h1{margin:12px 0;font-size:28px}[data-ui=phone] .lobby h1 br{display:none}[data-ui=phone] .invite{flex-wrap:wrap;justify-content:center;gap:10px;padding:14px;display:flex}[data-ui=phone] .invite strong{letter-spacing:.1em;font-size:28px}[data-ui=phone] .invite button{width:100%}[data-ui=phone] .lobby-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}[data-ui=phone] .player-card{min-height:140px;padding:12px 8px}[data-ui=phone] .player-card img{height:62px}[data-ui=phone] .player-card h3{margin:4px 0;font-size:16px}[data-ui=phone] .lobby-character-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}[data-ui=phone] .lobby-character-picker button{width:100%;min-width:0;padding:6px 0}[data-ui=phone] .lobby-character-picker img{width:100%}[data-ui=phone] .lobby-actions{z-index:5;grid-template-columns:1fr 1fr;gap:10px;display:grid;position:sticky;bottom:8px}[data-ui=phone] .lobby-actions p{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}[data-ui=phone] .lobby-actions button{width:100%;padding:12px 8px;font-size:14px}[data-ui=phone] .free-title{display:block}[data-ui=phone] .free-title h1{margin:12px 0;font-size:28px}[data-ui=phone] .free-title p{font-size:12px}[data-ui=phone] .free-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-ui=phone] .free-tile{min-height:144px;padding:14px 12px}[data-ui=phone] .free-tile b{font-size:17px}[data-ui=phone] .free-tile em{font-size:11px;line-height:1.5}[data-ui=phone] .free-actions{padding-bottom:52px}[data-ui=phone] .round-card{padding:18px}[data-ui=phone] .round-card h2{font-size:26px}[data-ui=phone] .result-list img{object-fit:contain;width:52px;height:42px}@media (orientation:landscape){[data-ui=phone] .join-card>*{grid-area:auto/1;min-width:0}[data-ui=phone] .join-card .card-kicker{display:none}[data-ui=phone] .join-card .choice-label{grid-area:1/2/3;align-self:center;margin:0}[data-ui=phone] .join-card .characters{grid-area:3/2/8;margin:0}[data-ui=phone] .join-card #error{grid-column:1/-1}[data-ui=phone] .character span{display:none}[data-ui=phone] .home{max-width:none;padding:12px 0}[data-ui=phone] .hero{display:none}[data-ui=phone] .join-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px;padding:16px 20px;display:grid}[data-ui=phone] .join-card h2{margin-bottom:4px;font-size:23px}[data-ui=phone] .character img{height:44px}[data-ui=phone] .character{padding:5px}[data-ui=phone] .divider{margin:4px 0}[data-ui=phone] #create{margin-top:4px;padding:12px}[data-ui=phone] .join-card>small{display:none}[data-ui=phone] .lobby-players{grid-template-columns:repeat(3,minmax(0,1fr))}[data-ui=phone] .invite button{width:auto}[data-ui=phone] .lobby-actions{position:static}[data-ui=phone] .free-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}[data-ui=phone] .round-card{max-height:calc(100dvh - 28px)}[data-ui=phone] .result-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}}@media (prefers-reduced-motion:reduce){.character{transition:none}}@media (prefers-reduced-motion:no-preference){:is(.primary,.secondary,.small-button,#audio-mute,#haptic-test):not([data-control]){transition:background-color .15s,border-color .15s,box-shadow .15s,scale .12s}:is(.primary,.secondary,.small-button,#audio-mute,#haptic-test):not(:disabled):active{scale:.98}:is(.character,.lobby-character-picker button) img{transform-origin:50% 85%}.character:after{animation:.18s ease-out ui-check-in}.join-card input,.match-options label,.lobby-character-picker button{transition:border-color .16s,background-color .16s,box-shadow .16s}.join-card input:focus{box-shadow:0 0 0 3px #9ccab529}#match-picker[open]{animation:.22s cubic-bezier(.2,.75,.25,1) ui-dialog-in}#match-picker[open]::backdrop{animation:.18s ease-out ui-backdrop-in}.match-options input:checked+b{animation:.18s ease-out ui-check-in}.result-list>*{animation:.24s ease-out backwards ui-row-in}.result-list>:nth-child(2){animation-delay:35ms}.result-list>:nth-child(3){animation-delay:70ms}.result-list>:nth-child(n+4){animation-delay:.105s}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.free-icon{transition:translate .18s,rotate .18s}.free-tile:not(:disabled):hover .free-icon{translate:0 -2px;rotate:-5deg}.primary>span{transition:translate .16s;display:inline-block}.primary:not(:disabled):hover>span{translate:2px -1px}}@keyframes ui-check-in{0%{opacity:.4;scale:.85}to{opacity:1;scale:1}}@keyframes ui-dialog-in{0%{opacity:0;translate:0 8px;scale:.99}to{opacity:1;translate:0;scale:1}}@keyframes ui-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ui-row-in{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0}}