:root{--bg:#18181b;--bg-elevated:#1f1f23;--bg-card:#232328;--border:#2f2f36;--text:#f4f4f5;--text-dim:#a1a1aa;--text-faint:#6b6b74;--neon-green:#2ecc71;--neon-violet:#8e44ad;--neon-coral:#ff6b6b;--neon-amber:#f5b642;--neon-cyan:#33c9dc;--radius-lg:20px;--radius-md:14px;--radius-sm:9px;--font-sans:"PretendardVariable", "Pretendard", -apple-system, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;font-family:inherit}a{color:inherit}img{max-width:100%;display:block}::selection{background:var(--neon-green);color:#0a0a0b}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.glow-green{box-shadow:0 0 0 1px #2ecc7166,0 0 24px #2ecc7140}.glow-violet{box-shadow:0 0 0 1px #8e44ad73,0 0 24px #8e44ad47}.scrollbar-hidden{scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#18181bd9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.header-logo{letter-spacing:-.2px;font-size:17px;font-weight:800}.header-actions{align-items:center;gap:8px;display:flex}.header-icon-btn{color:var(--text-dim);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600}.header-icon-btn:hover{color:var(--text);border-color:var(--border)}.header-search{align-items:center;display:flex}.header-search-input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:999px;outline:none;width:140px;margin-left:6px;padding:7px 14px;font-size:14px}.header-search-input:focus{border-color:var(--neon-green)}@media (width<=480px){.header-search-input{width:100px}}.hero{padding-top:36px}.hero-card{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(165deg,#202024 0%,#1b1b1f 60%,#19191c 100%);padding:48px 24px;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#2ecc7138,#0000);height:220px;position:absolute;inset:-40% -10% auto}.hero-eyebrow{color:var(--text-dim);margin:0 0 10px;font-size:15px;font-weight:600}.hero-title{letter-spacing:-.5px;margin:0 0 12px;font-size:clamp(28px,6vw,44px);font-weight:900}.hero-emoji{filter:drop-shadow(0 0 18px #2ecc718c)}.hero-tagline{color:var(--text-dim);margin:0 0 26px;font-size:15px}.hero-play-btn{background:var(--neon-green);color:#0a0a0b;border:none;border-radius:999px;padding:15px 38px;font-size:17px;font-weight:800;transition:transform .15s;box-shadow:0 0 28px #2ecc7173}.hero-play-btn:hover{transform:scale(1.04)}.hero-play-btn:active{transform:scale(.98)}.hero-best{color:var(--text-dim);margin:26px 0 0;font-size:14px}.hero-best strong{color:var(--neon-amber);font-size:17px}.grid-section{margin-top:56px}.grid-heading{margin:0 0 16px;font-size:20px}.grid-tabs{gap:8px;margin-bottom:18px;display:flex;overflow-x:auto}.grid-tab{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.grid-tab-active{color:#0a0a0b;background:var(--neon-green);border-color:var(--neon-green)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.game-card:not(.game-card-soon):hover{border-color:var(--card-color,var(--neon-green));box-shadow:0 0 22px color-mix(in srgb, var(--card-color,var(--neon-green)) 35%, transparent);transform:scale(1.03)}.game-card-emoji{font-size:32px}.game-card-name{letter-spacing:.2px;font-size:14px;font-weight:800}.game-card-play{color:var(--card-color,var(--neon-green));margin-top:4px;font-size:12px;font-weight:700}.game-card-soon{opacity:.5;cursor:default}.game-card-sub{color:var(--text-faint);font-size:11px}.grid-empty{text-align:center;color:var(--text-faint);grid-column:1/-1;padding:30px 0}.family{border-top:1px solid var(--border);text-align:center;margin-top:56px;padding-top:32px;padding-bottom:56px}.family-heading{margin:0 0 22px;font-size:20px}.family-empty{color:var(--text-faint);font-size:14px}.family-list{flex-direction:column;gap:10px;max-width:380px;margin:0 auto;display:flex}.family-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 18px;display:flex}.family-medal{width:32px;font-size:18px}.family-name{text-align:left;flex:1;font-weight:700}.family-score{color:var(--neon-amber);font-variant-numeric:tabular-nums;font-weight:800}.name-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#0a0a0cb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.name-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:min(90vw,340px);padding:30px 26px}.name-card h2{margin:0 0 8px;font-size:19px}.name-card p{color:var(--text-dim);margin:0 0 18px;font-size:13px}.name-card input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:center;outline:none;margin-bottom:18px;padding:12px 14px;font-size:15px}.name-card input:focus{border-color:var(--neon-green)}.name-actions{justify-content:center;gap:10px;display:flex}.name-actions .bb-btn{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600}.name-actions .bb-btn-primary{background:var(--neon-green);border-color:var(--neon-green);color:#0a0a0b}.name-actions .bb-btn-primary:disabled{opacity:.4}.bb-page{background:radial-gradient(120% 100% at 50% 0%, #202024 0%, var(--bg) 55%);-webkit-user-select:none;user-select:none;min-height:100vh;padding-bottom:40px}.bb-topbar{justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:8px;display:flex}.bb-back{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;padding:8px 14px;font-size:14px}.bb-back:hover{border-color:var(--neon-green);color:var(--text)}.bb-topbar-right{align-items:center;gap:8px;display:flex}.bb-mute-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.bb-mute-btn:hover{border-color:var(--neon-green)}.bb-hero-score{flex-direction:column;align-items:center;margin-top:6px;display:flex}.bb-hero-score-value{color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 0 32px #2ecc7159;font-size:52px;font-weight:900;line-height:1}.bb-hero-score-best{color:var(--neon-amber);margin-top:8px;font-size:15px;font-weight:700}.bb-stage{flex-direction:column;align-items:center;gap:22px;max-height:82vh;margin-top:22px;padding:0 16px;display:flex}.bb-board{aspect-ratio:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);touch-action:none;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:4px;width:min(92vw,480px);padding:6px;display:grid}.bb-cell{background:#29292f;border-radius:5px;transition:background .12s,transform .12s}.bb-cell-filled{box-shadow:inset 0 0 0 1px #ffffff2e}.bb-cell-preview-ok{box-shadow:inset 0 0 0 1px #2ecc71cc;background:#2ecc7173!important}.bb-cell-preview-bad{box-shadow:inset 0 0 0 1px #ff6b6bb3;background:#ff6b6b59!important}.bb-cell-flash{transform:scale(.92);background:#fff!important}.bb-tray{align-items:center;gap:16px;min-height:108px;display:flex}.bb-tray-slot{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);cursor:grab;justify-content:center;align-items:center;width:108px;height:108px;display:flex}.bb-piece{padding:4px}.bb-piece-dragging{opacity:.18}.bb-piece-grid{display:grid}.bb-piece-cell{border-radius:4px}.bb-piece-cell-empty{background:0 0}.bb-ghost{z-index:200;pointer-events:none;filter:drop-shadow(0 8px 18px #00000080);position:fixed;transform:translate(-50%,-50%)}.bb-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#0a0a0cb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bb-overlay-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:min(90vw,340px);padding:32px 28px}.bb-overlay-card h2{margin:4px 0 0;font-size:20px}.bb-record-badge{color:var(--neon-amber);margin:0 0 6px;font-weight:700}.bb-final-score{color:var(--neon-green);margin:12px 0 4px;font-size:44px;font-weight:900}.bb-final-sub{color:var(--text-dim);margin:0 0 22px;font-size:13px}.bb-overlay-actions{justify-content:center;gap:10px;display:flex}.bb-btn{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600}.bb-btn-primary{background:var(--neon-green);border-color:var(--neon-green);color:#0a0a0b}.gs-page{background:radial-gradient(120% 100% at 50% 0%, #202024 0%, var(--bg) 55%);-webkit-user-select:none;user-select:none;min-height:100vh;padding-bottom:40px}.gs-topbar{justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:4px;display:flex}.gs-back{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;padding:8px 14px;font-size:14px}.gs-back:hover{border-color:var(--neon-violet);color:var(--text)}.gs-hud{align-items:center;gap:8px;display:flex}.gs-hud-item{background:var(--bg-elevated);border:1px solid var(--border);color:var(--neon-green);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:800}.gs-mute-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.gs-mute-btn:hover{border-color:var(--neon-violet)}.gs-hero-score{justify-content:center;margin-top:2px;display:flex}.gs-hero-score-value{color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 0 26px #8e44ad66;font-size:44px;font-weight:900;line-height:1}.gs-stage-wrap{justify-content:center;max-height:80vh;margin-top:14px;padding:0 12px;display:flex}.gs-stage{aspect-ratio:400/700;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);width:min(90vw,380px);overflow:hidden}.gs-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.gs-panel{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(165deg,#202024 0%,#1b1b1f 60%,#19191c 100%);width:min(92vw,400px);padding:40px 24px;box-shadow:0 0 0 1px #8e44ad59,0 0 26px #8e44ad38}.gs-panel-emoji{margin:0 0 6px;font-size:44px}.gs-panel-title{letter-spacing:-.4px;margin:0 0 10px;font-size:28px;font-weight:900}.gs-panel-tagline{color:var(--text-dim);margin:0 0 26px;font-size:14px}.gs-panel-hint{color:var(--text-faint);margin:22px 0 0;font-size:12px}.gs-btn{border:1px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:999px;margin-top:12px;padding:14px 20px;font-size:15px;font-weight:700;display:block}.gs-btn-primary{background:var(--neon-violet);border-color:var(--neon-violet);color:#fff;box-shadow:0 0 24px #8e44ad73}.gs-btn-ghost{color:var(--text-dim)}.gs-ranking{flex-direction:column;gap:8px;margin-top:16px;display:flex}.gs-ranking-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.gs-ranking-empty{color:var(--text-faint);margin:4px 0;font-size:13px}.gs-record-badge{color:var(--neon-amber);margin:0 0 8px;font-weight:700}.gs-final-score{color:var(--neon-violet);margin:6px 0 20px;font-size:46px;font-weight:900}.gs-final-stats{justify-content:center;gap:28px;margin-bottom:8px;display:flex}.gs-final-stats>div{flex-direction:column;gap:4px;display:flex}.gs-final-stat-label{color:var(--text-faint);font-size:12px}.gs-final-stat-value{color:var(--neon-amber);font-size:20px;font-weight:800}.gs-overlay-actions{margin-top:8px}.rg-page{background:radial-gradient(120% 100% at 50% 0%, #202024 0%, var(--bg) 55%);-webkit-user-select:none;user-select:none;min-height:100vh;padding-bottom:40px}.rg-topbar{justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:4px;display:flex}.rg-back{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;padding:8px 14px;font-size:14px}.rg-back:hover{border-color:var(--neon-cyan);color:var(--text)}.rg-hud{align-items:center;gap:8px;display:flex}.rg-combo{background:var(--bg-elevated);border:1px solid var(--border);color:var(--neon-cyan);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800}.rg-mute-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.rg-mute-btn:hover{border-color:var(--neon-cyan)}.rg-hero-score{justify-content:center;margin-top:2px;display:flex}.rg-hero-score-value{color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 0 26px #33c9dc66;font-size:44px;font-weight:900;line-height:1}.rg-stage-wrap{justify-content:center;max-height:80vh;margin-top:14px;padding:0 12px;display:flex}.rg-stage{aspect-ratio:400/700;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);width:min(90vw,380px);position:relative;overflow:hidden}.rg-canvas{width:100%;height:100%;display:block}.rg-touch-lanes{grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.rg-touch-lane{touch-action:none;background:0 0;border:none}.rg-countdown{color:#fff;text-shadow:0 0 30px #33c9dcb3;pointer-events:none;justify-content:center;align-items:center;font-size:96px;font-weight:900;display:flex;position:absolute;inset:0}.rg-panel{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(165deg,#202024 0%,#1b1b1f 60%,#19191c 100%);width:min(92vw,400px);padding:40px 24px;box-shadow:0 0 0 1px #33c9dc59,0 0 26px #33c9dc38}.rg-panel-emoji{margin:0 0 6px;font-size:44px}.rg-panel-title{letter-spacing:-.4px;margin:0 0 10px;font-size:26px;font-weight:900}.rg-panel-tagline{color:var(--text-dim);margin:0 0 26px;font-size:14px}.rg-panel-hint{color:var(--text-faint);margin:22px 0 0;font-size:12px}.rg-btn{border:1px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:999px;margin-top:12px;padding:14px 20px;font-size:15px;font-weight:700;display:block}.rg-btn-primary{background:var(--neon-cyan);border-color:var(--neon-cyan);color:#0a0a0b;box-shadow:0 0 24px #33c9dc73}.rg-btn-ghost{color:var(--text-dim)}.rg-ranking{flex-direction:column;gap:8px;margin-top:16px;display:flex}.rg-ranking-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.rg-ranking-empty{color:var(--text-faint);margin:4px 0;font-size:13px}.rg-record-badge{color:var(--neon-amber);margin:0 0 8px;font-weight:700}.rg-final-score{color:var(--neon-cyan);margin:6px 0 20px;font-size:46px;font-weight:900}.rg-final-stats{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px;display:grid}.rg-final-stats>div{flex-direction:column;gap:4px;display:flex}.rg-final-stat-label{color:var(--text-faint);font-size:12px}.rg-final-stat-value{color:var(--text);font-size:20px;font-weight:800}.rg-perfect{color:var(--neon-green)}.rg-good{color:var(--neon-amber)}.rg-miss{color:var(--neon-coral)}.rg-overlay-actions{margin-top:8px}.bp-page{background:radial-gradient(120% 100% at 50% 0%, #202024 0%, var(--bg) 55%);-webkit-user-select:none;user-select:none;min-height:100vh;padding-bottom:24px}.bp-topbar{justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:4px;display:flex}.bp-back{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;padding:8px 14px;font-size:14px}.bp-back:hover{border-color:var(--neon-amber);color:var(--text)}.bp-hud{align-items:center;gap:8px;display:flex}.bp-hud-item{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.bp-mute-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.bp-mute-btn:hover{border-color:var(--neon-amber)}.bp-hero-score{justify-content:center;margin-top:2px;display:flex}.bp-hero-score-value{color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 0 26px #f5b64266;font-size:40px;font-weight:900;line-height:1}.bp-stage-wrap{justify-content:center;max-height:68vh;margin-top:10px;padding:0 12px;display:flex}.bp-stage{aspect-ratio:400/700;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);width:min(90vw,380px);position:relative;overflow:hidden}.bp-canvas{width:100%;height:100%;display:block}.bp-round-clear{pointer-events:none;background:#0a0a0c40;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bp-round-clear p{color:var(--neon-amber);text-shadow:0 0 24px #f5b642b3;font-size:30px;font-weight:900}.bp-panel{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(165deg,#202024 0%,#1b1b1f 60%,#19191c 100%);width:min(92vw,400px);padding:40px 24px;box-shadow:0 0 0 1px #f5b64259,0 0 26px #f5b64238}.bp-panel-emoji{margin:0 0 6px;font-size:44px}.bp-panel-title{letter-spacing:-.4px;margin:0 0 10px;font-size:26px;font-weight:900}.bp-panel-tagline{color:var(--text-dim);margin:0 0 26px;font-size:14px}.bp-panel-hint{color:var(--text-faint);margin:22px 0 0;font-size:12px}.bp-btn{border:1px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:999px;margin-top:12px;padding:14px 20px;font-size:15px;font-weight:700;display:block}.bp-btn-primary{background:var(--neon-amber);border-color:var(--neon-amber);color:#0a0a0b;box-shadow:0 0 24px #f5b64273}.bp-btn-ghost{color:var(--text-dim)}.bp-ranking{flex-direction:column;gap:8px;margin-top:16px;display:flex}.bp-ranking-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.bp-ranking-empty{color:var(--text-faint);margin:4px 0;font-size:13px}.bp-record-badge{color:var(--neon-amber);margin:0 0 8px;font-weight:700}.bp-final-score{color:var(--neon-amber);margin:6px 0 14px;font-size:46px;font-weight:900}.bp-final-sub{color:var(--text-dim);margin:0 0 8px;font-size:13px}.bp-overlay-actions{margin-top:12px}.bp-controls{justify-content:space-between;align-items:flex-end;margin-top:18px;padding-left:20px;padding-right:20px;display:flex}.bp-dpad,.bp-action-buttons{gap:12px;display:flex}.bp-ctrl-btn{background:var(--bg-elevated);border:1px solid var(--border);width:58px;height:58px;color:var(--text);touch-action:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.bp-ctrl-btn:active{background:var(--bg-card)}.bp-ctrl-shoot{border-color:var(--neon-cyan);color:var(--neon-cyan)}.bp-ctrl-jump{border-color:var(--neon-amber);color:var(--neon-amber);width:68px;height:68px}