@font-face{font-family:Melon Pop;src:url(/assets/Melon%20Pop-KwZ3Sgge.ttf)format("truetype");font-weight:400;font-display:swap}:root{color:#2f2432;font-synthesis:none;--ink:#2f2432;--orange:#ff8c3a;--yellow:#ffd761;--cream:#fff9ec;--line:#2f24322e;--shadow:0 14px 30px #6633141f;background:#ffc246;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#ffb338;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}.app-shell{background:linear-gradient(128deg,#ffda54 0%,#ffb331 48%,#ff874b 100%);min-height:100vh;position:relative;overflow:hidden}.grain{pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:2;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);display:flex;position:relative}.brand-button{letter-spacing:-.02em;background:0 0;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.brand-mark{border:2px solid var(--ink);background:#fff6d6;place-items:center;width:31px;height:31px;font-family:Melon Pop;font-size:18px;display:grid;transform:rotate(-8deg)}.topbar-right{align-items:center;gap:12px;display:flex}.player-chip{letter-spacing:.08em;background:#fff9ec59;border:1px solid #2f24322e;border-radius:30px;padding:9px 13px;font-size:12px;font-weight:800}.avatar-button{border:1.5px solid var(--ink);background:var(--ink);width:38px;height:38px;color:var(--cream);border-radius:50%;font-size:11px;font-weight:800}.page-heading{z-index:2;align-items:center;gap:28px;padding:8px clamp(24px,8vw,128px) 0;display:flex;position:relative}.back-button{text-transform:uppercase;letter-spacing:.05em;background:0 0;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.eyebrow{letter-spacing:.2em;margin:0;font-size:10px;font-weight:900}.page-heading .eyebrow{opacity:.55}main{z-index:1;min-height:calc(100vh - 126px);position:relative}footer{z-index:2;letter-spacing:.18em;opacity:.48;justify-content:space-between;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:26px;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px)}footer b{padding:0 8px}.home-screen{flex-direction:column;justify-content:center;min-height:calc(100vh - 82px);padding:25px clamp(24px,12vw,180px) 90px;display:flex;position:relative}.home-copy{z-index:1;margin-top:-25px;position:relative}.home-copy .eyebrow{margin-bottom:18px}.home-copy h1{letter-spacing:-.065em;color:var(--ink);margin:0;font:400 clamp(74px,12vw,172px)/.78 Melon Pop;transform:rotate(-3deg)}h1 em,h2 em{color:var(--cream);text-shadow:4px 4px #2f2432e6;font-style:normal}.home-subtitle{margin:32px 0 0;font-size:14px;font-weight:700;line-height:1.5}.sun-stamp{text-align:center;border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:92px;height:92px;font-size:10px;font-weight:900;line-height:1.1;display:grid;position:absolute;top:13%;right:13%;transform:rotate(12deg)}.sun-stamp span{font-size:8px}.home-actions{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:19%;right:9%}.game-button{text-align:left;border:1.5px solid var(--ink);min-width:152px;min-height:122px;box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:17px 18px;transition:transform .2s,box-shadow .2s;display:flex}.game-button:hover{transform:translateY(-7px)rotate(-1deg);box-shadow:0 20px 30px #66331433}.play-button{background:var(--ink);color:var(--cream);min-height:166px;transform:rotate(-2deg)}.play-button:hover{transform:translateY(-7px)rotate(-3deg)}.online-button{background:#ffcf45;transform:rotate(3deg)}.color-button{background:#fff3d0;transform:rotate(-4deg)}.game-button>span:nth-child(2){align-items:center;gap:8px;font-size:19px;font-weight:900;display:flex}.game-button small{letter-spacing:.15em;opacity:.62;font-size:9px;font-weight:900}.button-index{opacity:.6;font-size:10px;font-weight:900}.home-note{align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:11%;left:clamp(24px,12vw,180px)}.pulse-dot{background:#5fce7b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #5fce7b2e}.orbit{pointer-events:none;border:1px solid #2f243229;border-radius:50%;position:absolute}.orbit-a{width:580px;height:580px;top:-90px;right:-185px}.orbit-b{width:820px;height:820px;top:-210px;right:-300px}.icon{flex:none;width:16px;height:16px;display:inline-block;position:relative}.icon-play:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;position:absolute;top:2px;left:4px}.icon-globe{border:1.5px solid;border-radius:50%}.icon-globe:after{content:"";border-left:1px solid;border-right:1px solid;border-radius:50%;position:absolute;inset:3px 6px}.icon-palette:after{content:"●  ●";letter-spacing:-3px;font-size:10px;position:absolute;top:0;left:1px}.icon-star:after{content:"★";font-size:14px}.icon-arrow:after{content:"↗";font-size:17px}.icon-plus:after{content:"+";font-size:20px;line-height:12px}.icon-search:after{content:"⌕";font-size:22px;line-height:12px}.icon-lock:after{content:"▣";font-size:14px}.icon-chevron:after{content:"⌄";font-size:14px}.levels-layout,.online-layout,.customize-layout,.settings-layout{grid-template-columns:minmax(230px,.75fr) minmax(420px,1.25fr);gap:clamp(50px,10vw,150px);max-width:1120px;margin:0 auto;padding:70px 32px 100px;display:grid}.section-intro h2{letter-spacing:-.05em;margin:20px 0 28px;font:400 clamp(50px,6vw,82px)/.83 Melon Pop;transform:rotate(-2deg)}.section-intro h2 em{color:var(--cream);text-shadow:3px 3px 0 var(--ink)}.section-intro>p:not(.eyebrow){opacity:.75;max-width:275px;font-size:13px;font-weight:600;line-height:1.65}.stat-row{border-top:1px solid var(--line);gap:20px;margin-top:42px;padding-top:16px;display:flex}.stat-row span{letter-spacing:.12em;flex-direction:column;gap:6px;font-size:9px;font-weight:900;display:flex}.stat-row b{letter-spacing:0;font-size:22px}.level-list{flex-direction:column;gap:12px;display:flex}.level-card{text-align:left;background:#fff9ec7a;border:1px solid #2f243226;grid-template-columns:35px 82px 1fr 90px;align-items:center;gap:14px;height:102px;padding:12px 18px;transition:transform .2s,background .2s;display:grid;position:relative;overflow:hidden}.level-card:hover{background:#fff9ecc7;transform:translate(7px)}.level-card.is-locked{opacity:.55;filter:grayscale(.4)}.level-number{opacity:.5;font:400 20px Melon Pop}.level-art{background:var(--accent);height:76px;position:relative;overflow:hidden}.level-art i{background:var(--cream);width:22px;height:66px;display:block;position:absolute;bottom:-18px;transform:rotate(25deg)}.level-art i:first-child{left:10px}.level-art i:nth-child(2){bottom:-9px;left:38px}.level-art i:nth-child(3){bottom:-26px;left:67px}.level-info{flex-direction:column;gap:10px;display:flex}.level-info b{font-size:18px}.level-info small{opacity:.62;font-size:10px;font-weight:800}.stars{color:#d57c28;letter-spacing:1px;white-space:nowrap;font-size:10px}.level-progress{background:#2f243226;align-self:end;width:70px;height:4px;margin-bottom:4px}.level-progress i{background:var(--ink);height:100%;display:block}.lock{justify-self:end}.online-layout{padding-top:70px}.outline-button,.solid-button{border:1.5px solid var(--ink);text-transform:uppercase;letter-spacing:.09em;background:0 0;align-items:center;gap:10px;margin-top:32px;padding:15px 18px;font-size:11px;font-weight:900;display:flex}.outline-button:hover{background:var(--ink);color:var(--cream)}.online-feed{flex-direction:column;gap:11px;display:flex}.search-row{gap:10px;margin-bottom:17px;display:flex}.search-row label{border-bottom:1.5px solid var(--ink);flex:1;align-items:center;gap:10px;padding:0 4px 12px;display:flex}.search-row input{background:0 0;border:0;outline:0;width:100%;font-size:14px}.search-row input::placeholder{color:var(--ink);opacity:.55}.filter-button{letter-spacing:.1em;background:0 0;align-items:center;gap:8px;font-size:10px;font-weight:900;display:flex}.feed-label,.selected-color{letter-spacing:.14em;opacity:.55;justify-content:space-between;font-size:9px;font-weight:900;display:flex}.community-card{text-align:left;background:#fff9ec73;border:1px solid #2f243221;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:12px;transition:transform .2s;display:grid}.community-card:hover{background:#fff9eccc;transform:translate(7px)}.community-art{background:var(--accent);place-items:center;width:72px;height:58px;font:400 25px Melon Pop;display:grid}.community-main{flex-direction:column;gap:7px;display:flex}.community-main b{font-size:15px}.community-main small,.community-meta{opacity:.6;font-size:10px;font-weight:700}.community-meta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.community-meta strong{color:var(--ink);opacity:1;font-size:10px}.customize-layout{grid-template-columns:1fr 1fr;align-items:center}.unlock-note{opacity:.7;align-items:center;gap:8px;margin-top:42px;font-size:11px;font-weight:800;display:flex}.tile-showcase{padding:20px}.preview-lane{background:#fff9ec4d;border:1px solid #2f243233;grid-template-columns:repeat(4,1fr);gap:10px;height:280px;padding:16px;display:grid;position:relative}.preview-lane:before{content:"";background:repeating-linear-gradient(135deg,#0000 0 28px,#2f24320b 29px 30px);position:absolute;inset:0}.preview-line{border-bottom:2px solid var(--ink);z-index:1;position:absolute;bottom:60px;left:0;right:0}.preview-line:after{content:"";font-size:9px;position:absolute;bottom:7px;right:7px}.preview-tile{z-index:2;border:1px solid var(--ink);width:42px;height:42px;position:absolute;bottom:78px;transform:rotate(3deg);box-shadow:0 5px #2f243240}.good-preview{background:var(--tile-color);animation:2.7s ease-in infinite floatTile;left:32%}.bad-preview{background:#ef5e57;bottom:167px;right:19%;transform:rotate(-8deg)}.preview-label{letter-spacing:.15em;opacity:.5;font-size:9px;font-weight:900;position:absolute;bottom:22px;left:19px}.swatches{gap:11px;margin:24px 0;display:flex}.swatch{background:var(--swatch);border:1.5px solid var(--ink);border-radius:50%;width:35px;height:35px;position:relative}.swatch.selected:after{content:"";border:1px solid var(--ink);border-radius:50%;position:absolute;inset:-6px}.swatch.locked-swatch{opacity:.38}.swatch .icon{position:absolute;top:9px;left:9px}.settings-panel{border:1px solid var(--line);background:#fff9ec7a;align-self:start;padding:28px}.settings-panel label{letter-spacing:.14em;flex-direction:column;gap:10px;font-size:10px;font-weight:900;display:flex}.settings-panel input{border:0;border-bottom:1px solid var(--ink);background:0 0;outline:0;padding:8px 0;font-size:24px;font-weight:800}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:24px;padding:20px 0;display:flex}.setting-row+.setting-row{margin-top:0}.setting-row span{flex-direction:column;gap:4px;display:flex}.setting-row b{font-size:13px}.setting-row small{opacity:.6;font-size:10px}.toggle{background:#2f243233;border-radius:20px;width:42px;height:23px;padding:3px}.toggle i{background:var(--cream);border-radius:50%;width:17px;height:17px;transition:transform .2s;display:block}.toggle.on{background:var(--ink)}.toggle.on i{transform:translate(19px)}.solid-button{background:var(--ink);color:var(--cream);justify-content:space-between;width:100%}.connection-status{opacity:.6;text-align:center;font-size:10px}.play-layout{max-width:900px;margin:0 auto;padding:45px 24px 80px}.play-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.play-top>div{flex-direction:column;align-items:center;gap:4px;display:flex}.level-kicker{letter-spacing:.17em;opacity:.55;font-size:9px;font-weight:900}.play-top b{font-size:18px}.score{font:400 24px Melon Pop}.game-board{border:2px solid var(--ink);background:#2f2432e6;max-width:570px;height:calc(100vh - 230px);min-height:440px;max-height:670px;margin:auto;position:relative;overflow:hidden;box-shadow:10px 10px #2f24322b}.lane-grid{grid-template-columns:repeat(4,1fr);height:100%;display:grid;position:absolute;inset:0}.lane{border-right:1px solid #fff9ec24;position:relative;overflow:hidden}.lane:last-child{border:0}.lane:after{content:"";background:linear-gradient(#ffffff08,#0000 45%);position:absolute;inset:0}.falling-note{background:var(--tile-color);border:1px solid var(--cream);width:42px;height:42px;animation:4s linear infinite fall;animation-delay:var(--delay);position:absolute;top:-55px;left:50%;transform:translate(-50%)rotate(4deg);box-shadow:0 6px #00000040}.hit-line{color:#ffcc4d;text-align:right;letter-spacing:.15em;border-top:2px solid #ffcc4d;padding:8px 18px;font-size:9px;font-weight:900;position:absolute;bottom:104px;left:0;right:0}.tap-lanes{background:#fff9ec26;grid-template-columns:repeat(4,1fr);gap:1px;height:100px;padding:1px;display:grid;position:absolute;bottom:0;left:0;right:0}.tap-lanes button{color:#fff9ecb3;background:#fff9ec14;font:400 22px Melon Pop;transition:background .1s,transform .1s}.tap-lanes button:hover,.tap-lanes button.hit{background:#ffcc4d59;transform:scale(.97)}.combo{color:var(--cream);font-size:12px;font-weight:900;position:absolute;top:22px;left:22px}.combo small{opacity:.5;margin-top:5px;font-size:9px;display:block}@keyframes fall{0%{top:-55px}to{top:calc(100% - 165px)}}@keyframes floatTile{0%,to{bottom:78px}50%{bottom:106px}}@media (width<=800px){.home-screen{justify-content:flex-start;padding-top:16vh}.home-actions{grid-template-columns:repeat(3,1fr);align-items:stretch;margin-top:70px;display:grid;position:relative;bottom:auto;right:auto}.game-button{min-width:0;min-height:108px;padding:12px}.play-button{min-height:126px}.home-note{bottom:7%}.sun-stamp{top:8%;right:10%}.levels-layout,.online-layout,.customize-layout,.settings-layout{grid-template-columns:1fr;gap:38px;padding-top:45px}.section-intro h2{margin-bottom:20px;font-size:58px}.section-intro>p:not(.eyebrow){max-width:400px}.stat-row{margin-top:25px}.customize-layout{padding-top:40px}.tile-showcase{padding:0}.page-heading{padding-top:8px}.game-board{height:calc(100vh - 260px);min-height:390px}}@media (width<=500px){.topbar{height:67px;padding:0 18px}.player-chip{display:none}footer{bottom:14px;left:18px;right:18px}.home-screen{padding:14vh 24px 70px}.home-copy h1{font-size:80px}.home-actions{gap:7px;margin-top:58px}.game-button{min-height:100px}.game-button>span:nth-child(2){font-size:15px}.game-button small{font-size:7px}.home-note{left:24px}.levels-layout,.online-layout,.customize-layout,.settings-layout{padding-left:20px;padding-right:20px}.level-card{grid-template-columns:25px 62px 1fr 20px;gap:9px;padding:10px}.level-art{height:70px}.level-info b{font-size:14px}.level-progress{display:none}.community-card{grid-template-columns:58px 1fr auto;gap:10px}.community-art{width:58px;height:55px}.community-meta{font-size:8px}.page-heading{gap:12px;padding-left:20px}.page-heading .eyebrow{font-size:8px}.play-layout{padding-left:10px;padding-right:10px}.game-board{min-height:360px}.play-top b{font-size:15px}}.level-menu-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.level-menu-actions .outline-button{margin:0;padding:10px 12px;font-size:9px}.empty-feed,.empty-workshop{border:1px dashed var(--line);padding:42px 24px;font-size:14px;font-weight:900;line-height:1.6}.empty-feed small,.empty-workshop small{opacity:.6;font-size:11px;font-weight:600}.leaderboard-layout,.my-levels-layout,.detail-layout,.editor-settings{grid-template-columns:minmax(230px,.75fr) minmax(420px,1.25fr);gap:clamp(50px,10vw,150px);max-width:1120px;margin:0 auto;padding:70px 32px 100px;display:grid}.leaderboard-panel{border:1px solid var(--line);background:#fff9ec70;padding:24px}.leader-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:10px;padding-bottom:14px;display:flex}.leader-tabs button{letter-spacing:.09em;opacity:.48;background:0 0;padding:7px 5px;font-size:9px;font-weight:900}.leader-tabs button.active{opacity:1;border-bottom:2px solid var(--ink)}.leader-row{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr auto;align-items:center;padding:18px 4px;font-size:13px;display:grid}.leader-row>b{opacity:.45;font-size:11px}.leader-row strong{font-size:12px}.leader-note{opacity:.55;font-size:10px;line-height:1.5}.my-levels-layout{max-width:850px;display:block}.my-levels-head{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.my-levels-head h2{letter-spacing:-.05em;margin:20px 0 0;font:400 clamp(56px,7vw,92px)/.8 Melon Pop;transform:rotate(-2deg)}.my-levels-head h2 em{color:var(--cream);text-shadow:3px 3px 0 var(--ink);font-style:normal}.create-button{white-space:nowrap;margin:0}.my-levels-list{flex-direction:column;gap:10px;display:flex}.my-level-card{text-align:left;border:1px solid var(--line);background:#fff9ec80;grid-template-columns:76px 1fr auto;align-items:center;gap:17px;padding:12px;transition:transform .2s;display:grid}.my-level-card:hover{background:#fff9eccc;transform:translate(7px)}.my-level-art{background:var(--ink);height:62px;color:var(--cream);place-items:center;font:400 26px Melon Pop;display:grid}.my-level-card span:nth-child(2){flex-direction:column;gap:8px;display:flex}.my-level-card small{opacity:.6;font-size:10px}.detail-form{flex-direction:column;align-items:flex-start;display:flex}.title-input{border:0;border-bottom:2px solid var(--ink);width:100%;color:var(--ink);background:0 0;outline:0;margin:16px 0 24px;padding:15px 0;font:400 clamp(42px,6vw,76px)/1 Melon Pop}.detail-form textarea{resize:vertical;border:1px solid var(--line);background:#fff9ec66;outline:0;width:100%;min-height:120px;padding:15px;font-size:13px;line-height:1.5}.detail-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;margin-top:18px;display:grid}.detail-actions .outline-button,.detail-actions .solid-button{justify-content:center;margin:0;padding:13px 8px;font-size:9px}.detail-actions button:disabled{opacity:.35;cursor:not-allowed}.outline-button.is-done{background:#65d8d0}.verify-message{opacity:.65;font-size:11px}.detail-preview{flex-direction:column;gap:20px;display:flex}.mini-preview{border:2px solid var(--ink);background:#2f2432e6 linear-gradient(135deg,#0000 49%,#fff9ec14 50%,#0000 51%) 0 0/34px 34px;height:300px;position:relative;overflow:hidden}.mini-note{background:var(--cream);border:1px solid var(--ink);width:28px;height:28px;position:absolute;transform:rotate(4deg)}.mini-note.bad{background:#ef5e57}.mini-line{border-top:2px solid #ffcc4d;position:absolute;bottom:48px;left:0;right:0}.file-preview{border:1px solid var(--line);background:#fff9ec73;padding:17px}.file-preview b{letter-spacing:.14em;margin-bottom:12px;font-size:9px;display:block}.file-preview code{white-space:pre-wrap;font-size:11px;line-height:1.7}.editor-layout{max-width:1000px;margin:0 auto;padding:35px 30px 80px}.editor-toolbar{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.editor-title{font-size:16px;font-weight:900}.settings-button{text-transform:uppercase;letter-spacing:.1em;background:0 0;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.editor-stage{background:var(--editor-bg);border:2px solid var(--ink);height:460px;padding:24px;position:relative;overflow:hidden}.editor-stage-label{color:var(--cream);letter-spacing:.13em;opacity:.7;justify-content:space-between;font-size:9px;font-weight:900;display:flex;position:absolute;top:12px;left:18px;right:18px}.editor-lanes{background:repeating-linear-gradient(135deg,#0000 0 25px,#fff9ec0a 26px 27px);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:44px 24px 20px}.editor-lane{cursor:crosshair;border-right:1px solid #fff9ec26;position:relative}.editor-lane:last-of-type{border:0}.editor-note{background:var(--cream);border:1px solid var(--ink);z-index:2;width:34px;height:34px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #00000040}.editor-note.bad{background:#ef5e57}.editor-note:hover{outline:3px solid #ffcc4d}.editor-hit-line{border-top:2px solid #ffcc4d;position:absolute;bottom:48px;left:0;right:0}.editor-controls{padding-top:17px}.timeline-head{letter-spacing:.14em;opacity:.65;justify-content:space-between;font-size:9px;font-weight:900;display:flex}.timeline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#2f24328c;justify-content:space-between;align-items:center;height:44px;margin-top:10px;font-size:10px;display:flex}.editor-tools{align-items:center;gap:10px;margin-top:16px;display:flex}.tool-button{border:1px solid var(--ink);background:#fff9ec80;align-items:center;gap:8px;padding:13px 16px;font-size:11px;font-weight:900;display:flex}.tool-button i{background:var(--cream);border:1px solid var(--ink);width:16px;height:16px}.bad-tool i{background:#ef5e57}.tool-button.active{background:var(--ink);color:var(--cream)}.editor-tools p{opacity:.55;margin-left:auto;font-size:10px}.editor-settings{align-items:start}.editor-settings .settings-panel{flex-direction:column;gap:22px;display:flex}.settings-panel select{border:0;border-bottom:1px solid var(--ink);background:0 0;outline:0;padding:8px 0;font-size:16px}.color-setting{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;flex-direction:row!important;display:flex!important}.color-setting input{border:0;width:45px;height:30px;padding:0}.play-top{align-items:start}.score-box{flex-direction:column;align-items:flex-end;gap:4px;font:400 24px Melon Pop;display:flex}.score-box small{letter-spacing:.1em;opacity:.6;font:800 9px system-ui}.bad-note{background:#ef5e57!important}.falling-note i{display:none}.judgement-feed{z-index:8;opacity:0;pointer-events:none;text-shadow:3px 3px 0 var(--cream);font:400 46px Melon Pop;transition:opacity .15s,transform .15s;position:fixed;top:38%;left:50%;transform:translate(-50%,20px)rotate(-4deg)}.judgement-feed.show{opacity:1;transform:translate(-50%)}.judgement-feed.good{color:#65d8d0}.judgement-feed.perfect{color:#ffcc4d}.result-panel{z-index:4;background:var(--cream);border:2px solid var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:25px;display:flex;position:absolute;inset:22% 8%;box-shadow:8px 8px #00000040}.result-panel[hidden]{display:none}.result-panel b{font:400 38px Melon Pop}.result-panel span{opacity:.7;font-size:12px;font-weight:800}.result-panel .solid-button{width:auto;margin:0}.tap-lanes button{position:relative}.tap-lanes button small{opacity:.4;margin-top:5px;font:800 8px system-ui;display:block}@media (width<=800px){.leaderboard-layout,.my-levels-layout,.detail-layout,.editor-settings{grid-template-columns:1fr;gap:35px;padding:45px 22px 90px}.my-levels-head{flex-direction:column;align-items:start;gap:15px}.editor-layout{padding:25px 15px 80px}.editor-stage{height:400px}.editor-tools{flex-wrap:wrap}.editor-tools p{width:100%;margin:0}.detail-actions{grid-template-columns:1fr}.score-box{font-size:18px}.judgement-feed{font-size:36px}}.falling-note{will-change:top;transition:top 50ms linear;animation:none!important;top:0!important;transform:translate(-50%,-50%)rotate(4deg)!important}.falling-note.hit{opacity:.18;transform:translate(-50%,-50%)scale(.75)rotate(4deg)!important}.perfect-guides{z-index:2;pointer-events:none;grid-template-columns:repeat(4,1fr);height:44px;display:grid;position:absolute;bottom:104px;left:0;right:0}.perfect-guides span{color:#fff9eccc;background:#fff9ec14;border:1px dashed #fff9ec8c;place-items:center;margin:0 12px;font:400 17px Melon Pop;display:grid}.perfect-guides span:after{content:"PERFECT";letter-spacing:.12em;color:#ffcc4d;opacity:.75;margin-top:56px;font:800 7px system-ui;position:absolute}.tap-lanes{z-index:3}.device-gate{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2f24326b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.device-gate-card{background:var(--cream);border:2px solid var(--ink);width:min(520px,100%);padding:38px;box-shadow:10px 10px #2f24324d}.device-gate-card h2{margin:20px 0;font:400 clamp(48px,9vw,80px)/.82 Melon Pop}.device-gate-card h2 em{color:#ff9b35;text-shadow:3px 3px 0 var(--ink);font-style:normal}.device-gate-card>p:not(.eyebrow){opacity:.65;font-size:13px}.device-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.device-options button{text-align:left;border:1.5px solid var(--ink);background:#ffcf45;flex-direction:column;gap:7px;padding:20px;transition:transform .2s,background .2s;display:flex}.device-options button:hover{background:#65d8d0;transform:translateY(-5px)}.device-options span{font-size:25px}.device-options b{font-size:17px}.device-options small{opacity:.65;font-size:10px}.icon-phone:after{content:"▯";font-size:28px}.icon-keyboard:after{content:"⌨";font-size:25px}@media (width<=500px){.device-gate-card{padding:28px 22px}.device-options{grid-template-columns:1fr}.perfect-guides span{margin:0 5px}}.falling-note{top:var(--note-top,0px)!important;transition:top 40ms linear!important}.toast{z-index:40;border:1.5px solid var(--ink);background:var(--cream);opacity:0;max-width:min(360px,100vw - 48px);padding:15px 18px;font-size:12px;font-weight:900;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;right:24px;transform:translateY(12px);box-shadow:5px 5px #2f243233}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:#65d8d0}.toast-error{background:#ff8a71}.online-detail-layout{grid-template-columns:1fr 1fr;gap:70px;max-width:1000px;margin:0 auto;padding:55px 32px 100px;display:grid}.online-detail-head h2{letter-spacing:-.05em;margin:22px 0 14px;font:400 clamp(48px,7vw,84px)/.85 Melon Pop}.online-detail-head>p:not(.eyebrow){opacity:.65;font-size:12px}.online-actions{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.online-actions .solid-button,.reaction-button{margin:0;padding:13px 16px}.reaction-button{border:1px solid var(--ink);background:#fff9ec80;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.reaction-button.selected{background:#65d8d0}.comments-panel{border:1px solid var(--line);background:#fff9ec70;padding:24px}.comment-form{gap:8px;margin:18px 0 22px;display:flex}.comment-form input{border:0;border-bottom:1px solid var(--ink);background:0 0;outline:0;flex:1;min-width:0;padding:10px 2px;font-size:13px}.comment-form .solid-button{margin:0;padding:11px 13px;font-size:9px}.comment-list{flex-direction:column;gap:12px;display:flex}.comment{border-top:1px solid var(--line);flex-direction:column;gap:5px;padding-top:12px;font-size:12px;line-height:1.45;display:flex}.comment b{letter-spacing:.08em;text-transform:uppercase;opacity:.58;font-size:10px}.icon-like:after{content:"+";font-size:19px}.icon-dislike:after{content:"-";font-size:19px}@media (width<=800px){.online-detail-layout{grid-template-columns:1fr;gap:35px;padding:40px 22px 90px}}