@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@font-face{font-family:Jalnan;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Dahyun;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2411-3@1.0/Ownglyph_ParkDaHyun.woff2)format("woff2");font-weight:400;font-display:swap}:root{--bg:#0c0c14;--panel:#15151f;--raised:#1e1e2b;--hover:#27273a;--fg:#f7f6ff;--fg-2:#9c9ab8;--line:#34344c;--ink:#000;--lime:#c8ff3e;--lime-fg:#101408;--violet:#9b7bff;--pink:#ff5fa8;--sky:#5ee1ff;--ok:#3ddc84;--r:18px;--side-w:236px;--side-w-mini:72px;--top-h:64px;--font-body:"Pretendard Variable", Pretendard, system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display:"Jalnan", var(--font-body);--font-hand:"Dahyun", var(--font-body);color-scheme:dark}:root[data-theme=light]{--bg:#f4f2ff;--panel:#fff;--raised:#f1effc;--hover:#e8e5fa;--fg:#16152a;--fg-2:#6b6889;--line:#16152a;--ink:#16152a;--lime:#c8ff3e;--violet:#6f4bff;--pink:#ff3d95;--sky:#17b5db;color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top-h) + 12px)}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);min-height:100dvh;margin:0;line-height:1.5}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.ico{flex:none}.display{font-family:var(--font-display);letter-spacing:0;font-weight:400}.hand{font-family:var(--font-hand)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.topbar{height:var(--top-h);z-index:30;background:var(--panel);border-bottom:2px solid var(--line);align-items:center;gap:8px;padding:0 14px;display:flex;position:fixed;inset:0 0 auto}.logo{border-radius:12px;align-items:center;gap:8px;padding:6px 8px;font-size:1.5rem;line-height:1;display:flex}.logo .can{background:var(--lime);width:34px;height:34px;color:var(--lime-fg);box-shadow:3px 3px 0 var(--ink);border-radius:10px;place-items:center;font-size:1.1rem;display:grid;transform:rotate(-6deg)}.logo b{color:var(--fg);font-weight:400}.logo:hover .can{transition:transform .15s;transform:rotate(6deg)scale(1.05)}.search{flex:1;max-width:520px;margin:0 auto;position:relative}.search .ico{color:var(--fg-2);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.search input{background:var(--raised);border:2px solid #0000;border-radius:999px;width:100%;height:42px;padding:0 16px 0 42px;transition:border-color .15s,box-shadow .15s}.search input::placeholder{font-family:var(--font-hand);color:var(--fg-2);font-size:1.05rem}.search input:focus{border-color:var(--line);box-shadow:3px 3px 0 var(--ink);outline:none}.search-results{background:var(--panel);border:2px solid var(--line);box-shadow:5px 5px 0 var(--ink);border-radius:14px;display:none;position:absolute;top:50px;left:0;right:0;overflow:hidden}.search-results.open{display:block}.search-results a{align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex}.search-results a:hover{background:var(--hover)}.search-results .empty{color:var(--fg-2);font-family:var(--font-hand);padding:12px 14px;font-size:1.05rem}.iconbtn{width:42px;height:42px;color:var(--fg);background:0 0;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.iconbtn:hover{background:var(--raised);border-color:var(--line);box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}.iconbtn:active{box-shadow:none;translate:1px 1px}.sidebar{top:var(--top-h);width:var(--side-w);z-index:25;background:var(--panel);border-right:2px solid var(--line);flex-direction:column;gap:6px;padding:14px 12px;transition:width .18s,transform .22s cubic-bezier(.2,.9,.3,1.2);display:flex;position:fixed;bottom:0;left:0;overflow:hidden auto}.sidebar a{color:var(--fg-2);white-space:nowrap;border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:11px 14px;font-weight:700;transition:all .12s;display:flex}.sidebar a:hover{background:var(--raised);color:var(--fg)}.sidebar a.active{background:var(--lime);color:var(--lime-fg);border-color:var(--line);box-shadow:3px 3px 0 var(--ink)}.sidebar .sep{background:var(--line);opacity:.6;border-radius:2px;height:2px;margin:8px}.sidebar .foot{font-family:var(--font-hand);color:var(--fg-2);white-space:nowrap;margin-top:auto;padding:10px 14px;font-size:.95rem}.sidebar .foot a.foot-link{color:var(--fg-2);text-underline-offset:3px;border:0;padding:0;font-weight:400;text-decoration:underline;display:inline}.sidebar .foot a.foot-link:hover{color:var(--fg);background:0 0}.content{padding:calc(var(--top-h) + 24px) 28px 56px;margin-left:var(--side-w);min-width:0;transition:margin-left .18s}.content:has(.cab-wrap){padding:calc(var(--top-h) + 20px) 24px 24px}html[data-side=mini] .sidebar{width:var(--side-w-mini)}html[data-side=mini] .sidebar a{justify-content:center;padding:11px 0}html[data-side=mini] .sidebar a .lb,html[data-side=mini] .sidebar .foot{display:none}html[data-side=mini] .content{margin-left:var(--side-w-mini)}.scrim{z-index:24;opacity:0;pointer-events:none;background:#0808148c;transition:opacity .2s;position:fixed;inset:0}@media (width<=860px){.content{padding:calc(var(--top-h) + 16px) 16px 48px;margin-left:0!important}.content:has(.cab-wrap){padding:calc(var(--top-h) + 14px) 10px 16px}.sidebar{box-shadow:6px 0 0 var(--ink);transform:translate(-105%);width:var(--side-w)!important}html[data-drawer=open] .sidebar{transform:none}html[data-drawer=open] .scrim{opacity:1;pointer-events:auto}html[data-side=mini] .sidebar a{justify-content:flex-start;padding:11px 14px}html[data-side=mini] .sidebar a .lb{display:inline}.search{display:none}.logo{font-size:1.3rem}}.section{margin-bottom:40px}.section-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-head h2{align-items:center;gap:10px;margin:0;font-size:1.5rem;display:flex}.section-head h2 .ico{color:var(--violet)}.section-head .cap{font-family:var(--font-hand);color:var(--fg-2);font-size:1.1rem;transform:rotate(-2deg)}.section-head .more{color:var(--fg-2);align-items:center;gap:4px;margin-left:auto;font-size:.9rem;font-weight:700;display:inline-flex}.section-head .more:hover{color:var(--fg)}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:220px;grid-auto-flow:column;gap:18px;padding:6px 6px 14px 2px;display:grid;overflow-x:auto}.row::-webkit-scrollbar{display:none}.row>*{scroll-snap-align:start}@media (width<=600px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}.row{grid-auto-columns:170px;gap:12px}}.tile{border-radius:var(--r);background:var(--panel);border:2px solid var(--line);box-shadow:4px 4px 0 var(--ink);transition:transform .15s cubic-bezier(.2,.9,.3,1.3),box-shadow .15s;display:block;position:relative;overflow:hidden}.tile:hover,.tile:focus-visible{box-shadow:7px 7px 0 var(--ink);z-index:1;outline:none;transform:translate(-2px,-2px)rotate(-1deg)}.tile:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.tile .thumb{aspect-ratio:16/10;background:linear-gradient(135deg, var(--c1), var(--c2));border-bottom:2px solid var(--line);place-items:center;font-size:3.6rem;display:grid;position:relative}.tile .thumb:before{content:"";background:radial-gradient(circle at 25% 15%,#ffffff59,#0000 45%);position:absolute;inset:0}.tile .thumb .em{z-index:1;filter:drop-shadow(0 6px 10px #00000059);transition:transform .2s cubic-bezier(.2,.9,.3,1.5);position:relative}.tile:hover .thumb .em{transform:scale(1.15)rotate(8deg)}.tile .play{z-index:2;opacity:0;background:#0808146b;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.tile .play span{background:var(--lime);color:var(--lime-fg);font-family:var(--font-display);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:1rem;display:inline-flex}.tile:hover .play{opacity:1}.tile .meta{padding:11px 13px 13px}.tile .meta h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:800;overflow:hidden}.tile .meta p{color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.82rem;overflow:hidden}.sticker{z-index:3;background:var(--pink);color:#fff;font-family:var(--font-hand);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:8px;padding:5px 10px;font-size:1rem;line-height:1;position:absolute;top:10px;left:-4px;transform:rotate(-8deg)}.app-head{align-items:center;gap:16px;margin-bottom:20px;display:flex}.app-head .ic{background:linear-gradient(135deg, var(--c1), var(--c2));border:2px solid var(--line);width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);border-radius:18px;flex:none;place-items:center;font-size:2rem;display:grid;transform:rotate(-4deg)}.app-head h1{margin:0;font-size:1.7rem;line-height:1.15}.app-head p{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;font-size:.95rem;display:flex}.app-head .chip{background:var(--raised);border:2px solid var(--line);color:var(--fg);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.app-body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}@media (width<=1100px){.app-body{grid-template-columns:1fr}}.card{background:var(--panel);border:2px solid var(--line);border-radius:var(--r);box-shadow:4px 4px 0 var(--ink);padding:18px}.card h2{align-items:center;gap:8px;margin:0 0 12px;font-size:1.15rem;display:flex}.card h2 .ico{color:var(--violet)}.toolbar{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.btn{border:2px solid var(--line);background:var(--raised);min-height:46px;box-shadow:3px 3px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:800;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.btn:hover{background:var(--hover);box-shadow:4px 4px 0 var(--ink);translate:-1px -1px}.btn:active{box-shadow:0 0 0 var(--ink);translate:2px 2px}.btn.primary{background:var(--lime);color:var(--lime-fg)}.btn.primary:hover{background:#d6ff6a}.btn:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--fg-2);font-size:.85rem;font-weight:600}.input{background:var(--raised);border:2px solid var(--line);box-sizing:border-box;border-radius:12px;width:100%;min-width:0;max-width:100%;min-height:46px;padding:10px 14px}input[type=date].input{-webkit-appearance:none;appearance:none;display:block}.field{min-width:0}.input:focus{box-shadow:3px 3px 0 var(--ink);outline:none}.lb{margin:0;padding:0;list-style:none}.lb li{border-bottom:2px dashed var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.lb li:last-child{border-bottom:0}.lb .rank{width:28px;height:28px;font-family:var(--font-display);background:var(--raised);color:var(--fg-2);border:2px solid #0000;border-radius:9px;flex:none;place-items:center;font-size:.85rem;display:grid}.lb li:first-child .rank{color:#1a1a1a;border-color:var(--ink);background:#ffd93d;transform:rotate(-6deg)}.lb li:nth-child(2) .rank{color:#1a1a1a;border-color:var(--ink);background:#d9dde6}.lb li:nth-child(3) .rank{color:#1a1a1a;border-color:var(--ink);background:#e0a068}.lb .nick{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.lb .score{font-variant-numeric:tabular-nums;font-family:var(--font-display)}.lb .empty{color:var(--fg-2);font-family:var(--font-hand);font-size:1.05rem}.ad-slot{border-radius:var(--r);border:2px dashed var(--line);min-height:100px;color:var(--fg-2);justify-content:center;align-items:center;font-size:.75rem;display:flex;overflow:hidden}.ad-slot:empty{display:none}.toast{background:var(--lime);color:var(--lime-fg);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-hand);opacity:0;pointer-events:none;z-index:50;border-radius:999px;padding:10px 20px;font-size:1.15rem;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)rotate(-1deg)}.toast.show{opacity:1;transform:translate(-50%)rotate(1deg)}.big-num{font-family:var(--font-display);font-size:2.6rem;line-height:1}.big-num small{margin-left:2px;font-size:1rem}.cab-wrap{height:calc(100dvh - var(--top-h) - 44px);min-height:520px}.cab{flex-direction:column;height:100%;display:flex}.marquee{border:2px solid var(--line);border-radius:var(--r) var(--r) 0 0;background:linear-gradient(180deg, var(--raised), var(--panel));border-bottom:0;align-items:center;gap:10px;padding:10px 18px;font-size:1.15rem;display:flex}.marquee .em{font-size:1.4rem}.marquee .led{background:var(--lime);width:10px;height:10px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-left:auto;animation:1.6s infinite led}@keyframes led{50%{opacity:.35;box-shadow:none}}.screen{border:2px solid var(--line);background:#0a0a12;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #0009}@media (width<=860px){.cab-wrap{height:calc(100dvh - var(--top-h) - 30px);min-height:480px}}:root[data-theme=light] .screen{background:#14142a}.screen .scanlines{pointer-events:none;z-index:5;opacity:.07;background:repeating-linear-gradient(0deg,#ffffff80 0 1px,#0000 1px 3px);position:absolute;inset:0}.screen .flicker{opacity:0;pointer-events:none;z-index:6;background:#000;transition:opacity 60ms;position:absolute;inset:0}.screen .flicker.on{opacity:.85}.scene{color:#f4f3ff;scrollbar-width:thin;flex-direction:column;padding:18px;display:none;position:absolute;inset:0;overflow:auto}.scene.active{display:flex}.scene.center{text-align:center;justify-content:safe center;align-items:center}.scene.nopad{padding:0}.scene .card{backdrop-filter:blur(4px);box-shadow:none;background:#1e1e2bd9;min-width:0;max-width:100%}.scene canvas.fill{flex:1;width:100%;min-height:0;display:block}.strip{border:2px solid var(--line);border-radius:0 0 var(--r) var(--r);background:var(--panel);box-shadow:4px 4px 0 var(--ink);color:var(--fg-2);border-top:0;align-items:center;gap:12px;padding:8px 14px;font-size:.9rem;display:flex}.strip .coin{font-family:var(--font-display);color:var(--lime);align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.strip .hand{font-size:1.05rem}.strip .strip-btn{width:36px;height:36px;margin-left:auto}.title-em{filter:drop-shadow(0 8px 16px #00000080);font-size:4.5rem;line-height:1;animation:2.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)rotate(4deg)}}.title-h{margin:8px 0 4px;font-size:clamp(1.6rem,4vw,2.4rem)}.title-sub{color:#b8b6d6;margin:0 0 18px;font-size:1.15rem}.press{animation:1.1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.title-lb{text-align:left;width:100%;max-width:420px;margin-top:18px}.big-num.huge{font-size:clamp(3rem,10vw,5.5rem)}.ball{width:54px;height:54px;font-family:var(--font-display);color:#1a1a1a;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:1.35rem;animation:.45s cubic-bezier(.2,.9,.3,1.5) both pop;display:grid}.ball.bonus{margin-left:6px}.plus{font-family:var(--font-display);color:var(--fg-2);font-size:1.4rem}@keyframes pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:none}}.share-body{background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--c1) 35%, var(--bg)), var(--bg) 60%);flex-direction:column;align-items:center;min-height:100dvh;padding:20px 16px 28px;display:flex}.share-brand{border-radius:10px;align-self:flex-start;padding:6px 10px;font-size:1.2rem}.share-brand:hover{background:var(--raised)}.share-main{flex-direction:column;flex:1;justify-content:center;gap:16px;width:100%;max-width:520px;display:flex}.share-card{background:var(--panel);border:2px solid var(--line);box-shadow:6px 6px 0 var(--ink);text-align:center;border-radius:22px;padding:28px 22px}.share-card .em{margin-bottom:4px;font-size:3.2rem;line-height:1}.share-card h1{color:var(--fg-2);margin:0;font-size:1.15rem;font-weight:600}.share-card .val{font-family:var(--font-display);margin:8px 0 4px;font-size:clamp(3rem,14vw,5rem);line-height:1.05}.share-card .val small{margin-left:4px;font-size:.35em}.share-card .cmt{font-family:var(--font-hand);color:var(--lime);margin:0 0 6px;font-size:1.35rem}.share-card .sub{color:var(--fg-2);margin:0;font-size:.9rem}.share-cta{flex-direction:column;gap:10px;display:flex}.share-cta .btn{min-height:52px;font-size:1.05rem}.share-cta .hand{text-align:center;color:var(--fg-2);margin:0;font-size:1.1rem}.share-foot{color:var(--fg-2);margin:18px 0 0;font-size:1.05rem}.share-foot a{color:var(--fg)}.share-balls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:14px 0 10px;display:flex}.share-balls .ball{width:48px;height:48px;font-size:1.2rem;animation:.45s cubic-bezier(.2,.9,.3,1.5) both pop}