:root{--primary: #ff7096;--primary-ink: #ba526e;--primary-hover: #ff5280;--primary-light: #fff0f5;--primary-border: #ffd1dc;--text-main: #2d262c;--text-sub: #7f707a;--bg-page: #fbf8fa;--card-bg: #ffffff;--border-card: #f0e4ea;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:var(--bg-page);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;user-select:none;-webkit-user-select:none;overscroll-behavior:none;touch-action:manipulation}#root{width:100%;height:100%;display:flex;justify-content:center}.app-layout{width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;position:relative;background-color:var(--bg-page);overflow:hidden}.app-header{position:sticky;top:0;z-index:100;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:calc(var(--safe-top) + 10px) 14px 10px;border-bottom:1px solid var(--border-card);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:6px}.header-icon{font-size:20px}.header-title{font-size:17px;font-weight:800;color:var(--text-main)}.header-right{display:flex;align-items:center;gap:5px}.streak-badge{background:#fff4ea;border:1px solid #ffd8b8;color:#d96500;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:800}.collection-pill{background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary-ink);padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800}.control-btn{background:#f4eef2;border:1px solid #e7dde3;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.control-btn.active{background:#fff;border-color:var(--primary-border)}.main-viewport{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 12px calc(var(--safe-bottom) + 68px);-webkit-overflow-scrolling:touch}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-card);padding:5px 2px calc(var(--safe-bottom) + 4px);display:flex;justify-content:space-around;z-index:100}.nav-tab-btn{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 0;cursor:pointer;color:#7e727a;font-size:10px;font-weight:700;transition:transform .15s}.nav-tab-btn.active{color:var(--primary-ink);transform:scale(1.04)}.nav-icon-wrap{position:relative;font-size:18px;line-height:1}.nav-badge-dot{position:absolute;top:-2px;right:-3px;width:6px;height:6px;background-color:#ff334b;border-radius:50%;border:1px solid #fff}.page-content{display:flex;flex-direction:column;gap:12px}.page-header-row{margin-bottom:2px}.page-main-title{font-size:20px;font-weight:900;color:var(--text-main);margin-bottom:2px}.page-main-sub{font-size:12px;color:var(--text-sub)}.section-card{background:var(--card-bg);border:1px solid var(--border-card);border-radius:18px;padding:14px;box-shadow:0 4px 14px #46323c08}.card-section-title{font-size:15px;font-weight:800;color:var(--text-main)}.card-section-sub{font-size:11px;color:var(--text-sub);margin-top:2px}.section-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.text-link-btn{background:none;border:none;color:var(--primary-ink);font-size:12px;font-weight:700;cursor:pointer}.action-btn{border:none;font-weight:800;font-size:13px;border-radius:12px;padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s,opacity .15s}.action-btn:active{transform:scale(.97)}.action-btn.primary{background-color:var(--primary-ink);color:#fff;box-shadow:0 3px 10px #ff709640}.action-btn.secondary{background-color:#f7eef2;color:#7b586c;border:1px solid #ebdbe2}.action-btn.bonus{background:linear-gradient(135deg,#ff9f43,#ff5e57);color:#fff;box-shadow:0 3px 10px #ff783c40}.action-btn.large{padding:12px 18px;font-size:14px;border-radius:14px}.action-btn.full{width:100%}.action-btn-row{display:flex;gap:8px;margin-top:8px}.hero-card{background:linear-gradient(145deg,#fff3f7,#fff7eb);border:1px solid #ffe2ea;border-radius:20px;padding:18px 16px;box-shadow:0 6px 18px #f08caa0f}.hero-badge{display:inline-block;background:#fff;border:1px solid #ffd5e1;color:var(--primary-ink);font-size:10px;font-weight:800;padding:3px 9px;border-radius:999px;margin-bottom:8px}.hero-title{font-size:19px;font-weight:900;line-height:1.35;color:#402c38;margin-bottom:4px}.hero-subtitle{font-size:12px;color:#8c7382;margin-bottom:14px}.hero-action-row{display:flex;flex-direction:column;gap:8px}.stats-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-card{background:#fff;border:1px solid var(--border-card);border-radius:16px;padding:12px;cursor:pointer;transition:transform .15s}.stat-card:active{transform:scale(.98)}.stat-card-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-sub);font-weight:700}.stat-card-val{margin:4px 0 6px}.stat-card-val strong{font-size:19px;font-weight:900;color:var(--text-main)}.stat-card-val small{font-size:11px;color:var(--text-sub)}.stat-card-foot{font-size:10px;color:#7e727a}.progress-bar-wrap{width:100%;height:5px;background-color:#f2e6ec;border-radius:999px;overflow:hidden}.progress-bar-wrap.large{height:7px;margin-top:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ff9fba,var(--primary));border-radius:999px;transition:width .3s ease}.daily-banner{background:#fff9f1;border-color:#f7e4ce;cursor:pointer}.daily-banner-head{display:flex;justify-content:space-between;align-items:center}.tag-pill{display:inline-block;font-size:9px;font-weight:800;background:#ffe3c7;color:#9d5000;padding:2px 6px;border-radius:999px;margin-bottom:2px}.daily-banner-desc{font-size:11px;color:#8c7a72;margin-top:4px}.arrow-btn{font-size:11px;font-weight:800;color:#a86028}.recent-cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-cat-item{background:#fff8fa;border:1px solid #f3dbe5;border-radius:12px;padding:6px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}.mini-cat-img{width:42px;height:42px;object-fit:contain}.mini-cat-name{font-size:9px;font-weight:800;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.mini-cat-rarity{font-size:8px;font-weight:800;margin-top:1px}.shortcut-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.shortcut-btn{background:#faf4f7;border:1px solid #f0dfe7;border-radius:12px;padding:10px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--text-main);cursor:pointer}.shortcut-icon{font-size:16px}.page-content.game-page{gap:8px}.compact-game-hud{background:#fff;border:1px solid var(--border-card);border-radius:16px;padding:10px 12px;box-shadow:0 3px 10px #46323c05}.hud-top-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.hud-stage-badge{display:flex;align-items:center;gap:5px;overflow:hidden}.hud-stage-num{font-size:10px;font-weight:900;color:#fff;background:var(--primary);padding:2px 6px;border-radius:6px;white-space:nowrap}.hud-stage-title{font-size:13px;font-weight:800;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-stats-group{display:flex;align-items:center;gap:5px}.hud-stat-item{background:#fbf5f8;border:1px solid #f2e1ea;border-radius:8px;padding:3px 6px;display:flex;align-items:center;gap:3px;font-size:11px;font-weight:800;color:var(--text-main);white-space:nowrap}.hud-stat-item.combo{background:#fff0f5;border-color:var(--primary-border);color:var(--primary-ink);animation:comboPop .2s ease}.hud-bottom-row{display:flex;align-items:center;gap:10px;margin-top:6px}.hud-cats-count{font-size:11px;font-weight:700;color:var(--text-sub);white-space:nowrap}.hud-cats-count strong{color:var(--primary-ink);font-weight:900}.hud-progress-wrap{flex:1;height:5px;background:#f2e4ec;border-radius:999px;overflow:hidden}.hud-progress-bar{height:100%;background:var(--primary);transition:width .2s ease}.game-control-toolbar.compact{display:flex;justify-content:space-between;align-items:center;gap:6px}.mode-toggle-btn.compact{flex:1;background:#fff;border:1px solid var(--border-card);color:var(--text-main);padding:8px 12px;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}.mode-toggle-btn.compact.flag-active{background:#ffebe8;border-color:#ffb8b0;color:#e53935}.toolbar-sub-actions{display:flex;gap:6px}.tool-btn.compact{background:#fff;border:1px solid var(--border-card);color:var(--text-main);padding:8px 11px;border-radius:12px;font-size:11px;font-weight:800;cursor:pointer}.tool-btn.compact.primary-soft{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-ink)}.board-wrapper-card.compact{background:#fff;border:1px solid var(--border-card);border-radius:18px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 14px #46323c08;width:100%;box-sizing:border-box}.board-zoom-row{display:flex;justify-content:flex-end;width:100%;margin-bottom:4px}.board-zoom-btn{font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-light);border:1px solid var(--primary-border);border-radius:999px;padding:5px 12px;cursor:pointer}.board-scroll-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:2px 0;display:flex;justify-content:center;box-sizing:border-box}.board-scroll-container.zoomed{justify-content:flex-start}.game-board{flex-shrink:0;display:grid;background:#fae4ee;padding:4px;border-radius:12px;box-sizing:border-box}.board-cell{background:linear-gradient(145deg,#fff,#f7dbe7);border:none;border-radius:6px;box-shadow:0 2px #e4b6cb;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-size:14px;box-sizing:border-box;padding:0;touch-action:manipulation}.board-cell:active:not(.cell-open){transform:translateY(1px);box-shadow:0 1px #e4b6cb}.board-cell.cell-open{background:#fffcfd;box-shadow:inset 0 0 0 1px #ebd8e2;cursor:default}.board-cell.cell-cat{background:#fff0d6;box-shadow:inset 0 0 0 1px #f5d6a4}.board-cell.cell-flag{background:#fff2f0}.board-tips.compact{font-size:10px;color:#a4939e;text-align:center;margin-top:6px}.bonus-hunt-banner{background:linear-gradient(135deg,#fff7ed,#fff1f2);border:1px solid #ffd8cf;border-radius:18px;padding:14px}.bonus-hunt-badge{display:inline-block;background:#ff5722;color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:999px;margin-bottom:4px}.bonus-hunt-title{font-size:15px;font-weight:900;color:#3b2210}.bonus-hunt-desc{font-size:11px;color:#7d5e4b;margin:3px 0 8px}.bonus-perks-row{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.perk-tag{background:#fff;border:1px solid #eed0c3;color:#c05318;font-size:9px;font-weight:800;padding:2px 7px;border-radius:6px}.bonus-action-foot{display:flex;justify-content:space-between;align-items:center}.ticket-status{font-size:11px;color:#634d40}.unlocked-text{font-size:9px;color:#ff5722}.stages-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stage-item-card{background:#fff;border:1px solid var(--border-card);border-radius:14px;padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px}.stage-item-card.current{border:2px solid var(--primary);background:#fffbfd}.stage-item-card.cleared{border-color:#d1eccd;background:#fbfdfa}.stage-difficulty-section{margin-top:18px}.stage-difficulty-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.stage-difficulty-range{font-size:11px;color:var(--text-sub)}.difficulty-badge{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px}.difficulty-badge.diff-easy{background:#e3f6e3;color:#2e9e4f}.difficulty-badge.diff-normal{background:#e5f0fd;color:#2f7fd6}.difficulty-badge.diff-hard{background:#fdecdc;color:#d97a2b}.difficulty-badge.diff-expert{background:#fbe1e6;color:#d63b5c}.stage-top-indicator{display:flex;justify-content:space-between;align-items:center}.stage-num-badge{font-size:9px;font-weight:900;color:var(--primary-ink)}.status-icon.success{color:#20b26c;font-size:11px}.status-icon.current{font-size:11px}.stage-name-text{font-size:12px;font-weight:800;color:var(--text-main);margin-top:1px}.stage-world-tag{font-size:10px;color:var(--text-sub)}.stage-specs-foot{display:flex;justify-content:space-between;font-size:9px;color:#a494a0;margin-top:4px}.collection-hero-banner{background:#fff;border:1px solid var(--border-card);border-radius:18px;padding:14px}.collection-hero-top{display:flex;justify-content:space-between;align-items:center}.collection-main-title{font-size:17px;font-weight:900;color:var(--text-main)}.collection-main-sub{font-size:11px;color:var(--text-sub);margin-top:1px}.collection-cat-emoji{font-size:24px}.rarity-summary-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.rarity-pill-stat{border-radius:10px;padding:5px 3px;text-align:center;font-size:9px;font-weight:800;display:flex;flex-direction:column;gap:1px}.rarity-pill-stat.rarity-일반{background:#f7eff3;color:#7b6875}.rarity-pill-stat.rarity-희귀{background:#f3e8ff;color:#7c3aed}.rarity-pill-stat.rarity-특별{background:#e0f2fe;color:#0369a1}.rarity-pill-stat.rarity-전설{background:#fef3c7;color:#b45309}.collection-filters-section{display:flex;flex-direction:column;gap:6px}.search-input-wrap{position:relative;width:100%}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:13px;color:#7e727a}.search-input{width:100%;background:#fff;border:1px solid var(--border-card);border-radius:12px;padding:8px 30px 8px 32px;font-size:12px;color:var(--text-main);outline:none}.search-input:focus{border-color:var(--primary)}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#7e727a;cursor:pointer;font-size:11px}.filter-tabs-scroll{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.filter-pill-btn{background:#fff;border:1px solid var(--border-card);color:var(--text-sub);padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.filter-pill-btn.active{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-ink);font-weight:800}.sub-filters-row{display:flex;justify-content:space-between;gap:6px}.world-select-dropdown{flex:1;background:#fff;border:1px solid var(--border-card);border-radius:10px;padding:7px 8px;font-size:11px;color:var(--text-main);outline:none}.toggle-check-btn{background:#fff;border:1px solid var(--border-card);color:var(--text-sub);padding:7px 9px;border-radius:10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.toggle-check-btn.active{background:#effaf4;border-color:#b7e8ce;color:#1b8a53}.collection-count-hint{font-size:11px;color:var(--text-sub);font-weight:700;margin-left:2px}.cats-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cat-card{background:#fff;border:1px solid var(--border-card);border-radius:14px;padding:7px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .15s}.cat-card:active{transform:scale(.97)}.cat-card.locked{opacity:.52}.cat-card.mini{padding:5px;min-width:72px}.cat-art-wrap{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.cat-svg-img{width:80%;height:80%;object-fit:contain}.cat-svg-img.locked-img{filter:grayscale(1) contrast(.6);opacity:.6}.rarity-tag{position:absolute;top:0;right:0;font-size:8px;font-weight:800;padding:1px 4px;border-radius:4px}.rarity-tag.rarity-normal{background:#f1e7ec;color:#7b6574}.rarity-tag.rarity-rare{background:#f3e8ff;color:#7c3aed}.rarity-tag.rarity-special{background:#e0f2fe;color:#0369a1}.rarity-tag.rarity-legendary{background:#fef3c7;color:#b45309}.cat-info{margin-top:3px;width:100%}.cat-name{font-size:10px;font-weight:800;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-sub{font-size:9px;color:var(--text-sub);margin-top:1px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e141a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:14px 18px calc(var(--safe-bottom) + 20px);animation:sheetSlideUp .28s ease;box-shadow:0 -8px 30px #0000001f}.modal-handle{width:38px;height:4px;background:#e2d5dc;border-radius:999px;margin:0 auto 14px}.cat-detail-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:14px}.cat-detail-art{width:100px;height:100px;background:#fff5f8;border:1px solid #ffd8e5;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.cat-detail-img{width:80px;height:80px;object-fit:contain}.rarity-badge{display:inline-block;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;margin-bottom:3px}.rarity-badge.일반{background:#f3e9ef;color:#796573}.rarity-badge.희귀{background:#f3e8ff;color:#7c3aed}.rarity-badge.특별{background:#e0f2fe;color:#0369a1}.rarity-badge.전설{background:#fef3c7;color:#b45309}.cat-detail-title{font-size:16px;font-weight:900}.cat-detail-desc{font-size:11px;color:var(--text-sub);margin-top:1px}.cat-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}.cat-spec-item{background:#faf4f7;border:1px solid #f0e1e9;border-radius:10px;padding:8px}.spec-label{display:block;font-size:9px;color:var(--text-sub)}.spec-value{display:block;font-size:11px;font-weight:800;color:var(--text-main);margin-top:1px}.result-header{text-align:center;margin-bottom:12px}.result-icon-pop{font-size:46px;animation:comboPop .3s ease}.result-title{font-size:20px;font-weight:900;margin-top:3px}.result-subtitle{font-size:12px;color:var(--text-sub);margin-top:3px}.result-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:12px}.result-stat-box{background:#fff8fa;border:1px solid #f3dbe5;border-radius:12px;padding:7px 3px;text-align:center}.stat-num{display:block;font-size:14px;font-weight:900}.stat-label{display:block;font-size:9px;color:var(--text-sub);margin-top:1px}.result-found-section{margin-bottom:14px}.section-mini-title{font-size:12px;font-weight:800;margin-bottom:6px}.result-cats-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.result-actions{display:flex;flex-direction:column;gap:6px}.daily-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.daily-stat-card{background:#fff;border:1px solid var(--border-card);border-radius:14px;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.daily-stat-icon{font-size:20px}.daily-stat-number{font-size:16px;font-weight:900}.daily-stat-label{font-size:10px;color:var(--text-sub)}.missions-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.mission-item{background:#fff8fa;border:1px solid #f3dbe5;border-radius:14px;padding:10px}.mission-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:6px}.mission-title{font-size:13px;font-weight:800}.mission-desc{font-size:10px;color:var(--text-sub);margin-top:1px}.mission-reward-tag{background:#fff;border:1px solid #f1cfdc;color:var(--primary-ink);font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;white-space:nowrap}.mission-foot{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.mission-count-text{font-size:10px;color:var(--text-sub);font-weight:700}.claim-btn{border:none;font-size:10px;font-weight:800;padding:5px 10px;border-radius:6px;cursor:pointer}.claim-btn.ready{background:var(--primary-ink);color:#fff}.claim-btn.claimed,.claim-btn.locked{background:#f0e6ec;color:#9d8c97;cursor:default}.milestones-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.milestone-item{background:#faf4f7;border:1px solid #f0dfe7;border-radius:10px;padding:8px}.milestone-item.achieved{background:#fff2f6;border-color:#ffd0de}.milestone-badge{display:block;font-size:10px;font-weight:800;color:var(--text-main)}.milestone-gift{display:block;font-size:10px;color:var(--primary-ink);font-weight:700;margin-top:1px}.friend-record-box{background:#fff8fa;border:1px solid #f3dbe5;border-radius:14px;padding:12px;margin-top:8px}.friend-record-top{display:flex;justify-content:space-between;align-items:center}.record-stage-title{font-size:12px;font-weight:800}.record-score-big{font-size:16px;font-weight:900;color:var(--primary-ink)}.friend-record-meta{display:flex;gap:10px;font-size:10px;color:var(--text-sub);margin-top:4px}.empty-record-box{padding:14px;background:#faf4f7;border-radius:12px;text-align:center;font-size:11px;color:var(--text-sub);margin-top:8px}.friend-action-row{margin-top:10px;display:flex;gap:6px}.challenge-code-display{font-size:22px;font-weight:900;letter-spacing:3px;text-align:center;background:#faf4f7;border:1px solid #f0dfe7;border-radius:14px;padding:10px;margin-top:8px;color:var(--text-main)}.leaderboard-list{display:flex;flex-direction:column;gap:5px;margin-top:8px}.leaderboard-item{background:#faf4f7;border:1px solid #f0dfe7;border-radius:10px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center}.leaderboard-item.me{background:#fff4f8;border-color:#ffd0de}.rank-left{display:flex;align-items:center;gap:6px}.rank-number{font-size:11px;font-weight:900;width:18px;color:var(--text-sub)}.rank-number.rank-1{color:#ff9f43}.rank-number.rank-2{color:#8395a7}.rank-number.rank-3{color:#cd6133}.rank-name{font-size:12px;font-weight:700}.me-tag{color:var(--primary-ink);font-size:10px}.rank-score{font-size:12px;font-weight:900}.text-input{width:100%;background:#fff;border:1px solid var(--border-card);border-radius:10px;padding:8px 10px;font-size:13px;outline:none}.text-input:focus{border-color:var(--primary)}.badges-grid{display:flex;flex-direction:column;gap:6px}.badge-item-card{background:#fff;border:1px solid var(--border-card);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px}.badge-item-card.locked{opacity:.52}.badge-icon-wrap{font-size:24px;width:38px;height:38px;background:#faf4f7;border-radius:10px;display:flex;align-items:center;justify-content:center}.badge-details{flex:1}.badge-title{font-size:13px;font-weight:800}.badge-desc{font-size:10px;color:var(--text-sub);margin-top:1px}.badge-progress-tag{display:inline-block;font-size:9px;font-weight:800;color:var(--primary-ink);margin-top:3px}.badge-status-icon.done{color:#20b26c;font-weight:900;font-size:14px}.badge-status-icon.locked{font-size:12px}@keyframes comboPop{0%{transform:scale(.9)}50%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes toastPop{0%{transform:translate(-50%,-10px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}