:root{--bg: #f2f4f7;--surface: #ffffff;--surface-sub: #f7f9fc;--surface-mute: #f1f3f7;--ink: #0f1222;--ink-2: #5e6474;--ink-3: #8b92a0;--ink-4: #99a0ae;--ink-5: #c2c7d0;--line: #e7ebf1;--line-strong: #e4e8ee;--accent: #2e6bff;--accent-pressed: #1d51d8;--accent-soft: #edf3ff;--danger: #e5484d;--success: #2e6bff;--shadow-1: 0 1px 2px rgba(15, 18, 34, .04);--shadow-2: 0 1px 2px rgba(15, 18, 34, .04), 0 10px 28px rgba(15, 18, 34, .05);--shadow-hover: 0 2px 4px rgba(15, 18, 34, .06), 0 10px 24px rgba(15, 18, 34, .07);--shadow-accent: 0 6px 16px rgba(46, 107, 255, .28);--r-card: 20px;--r-item: 18px;--r-control: 15px;--r-tile: 14px;--tg-safe-top: 0px;--tg-safe-right: 0px;--tg-safe-bottom: 0px;--tg-safe-left: 0px;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;min-height:var(--app-viewport-height, 100dvh);margin:0}body{min-height:var(--app-viewport-height, 100dvh);overflow-x:hidden;overflow-y:auto;background:var(--bg);color:var(--ink)}button,a,input{font:inherit}button{border:0;color:inherit}h1,h2,h3{letter-spacing:-.03em}.screen{min-height:var(--app-viewport-height, 100dvh);height:auto;width:100%;max-width:560px;margin:0 auto;padding:calc(24px + var(--tg-safe-top)) calc(18px + var(--tg-safe-right)) calc(24px + var(--tg-safe-bottom)) calc(18px + var(--tg-safe-left));overflow:visible;overscroll-behavior:auto}.center-screen{display:grid;place-items:center}.panel,.profile-card,.ticket-card{background:var(--surface);border:0;border-radius:var(--r-card);box-shadow:var(--shadow-2)}.panel{padding:22px;width:min(100%,460px);text-align:left}.center-screen .panel{text-align:center}.muted{color:var(--ink-3)}.helper{color:var(--ink-4);font-size:12.5px;line-height:1.6}.eyebrow{font-size:11.5px;color:var(--ink-3);font-weight:700;letter-spacing:.04em}.section-title{font-size:15px;font-weight:700;letter-spacing:-.02em;padding-left:2px}.dev-badge{display:inline-flex;padding:6px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:750}.dev-badge.danger{background:#fdecec;color:var(--danger)}.dev-buttons{display:grid;gap:10px;margin:22px 0 12px}.primary,.secondary,.rank-button,.back-button,.icon-button,.link-button{min-height:52px;cursor:pointer;border-radius:var(--r-control);padding:15px 18px;font-weight:700;letter-spacing:-.015em;transition:background-color .14s ease,box-shadow .14s ease,transform .12s ease}.primary,.rank-button,.link-button{background:var(--accent);color:#fff;font-weight:730;box-shadow:var(--shadow-accent)}.secondary,.back-button,.icon-button{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.primary:hover,.rank-button:hover,.link-button:hover{background:var(--accent-pressed)}.secondary:hover,.back-button:hover,.icon-button:hover{box-shadow:var(--shadow-hover)}button:active,.link-button:active{transform:scale(.985)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(46,107,255,.35);outline-offset:2px}button:disabled{background:var(--surface-mute);color:var(--ink-5);box-shadow:none;cursor:not-allowed}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:18px}.icon-button{width:40px;height:40px;min-height:40px;flex:0 0 40px;padding:0;border-radius:14px;font-size:16px;color:var(--ink-3);display:grid;place-items:center}.g-icon{display:grid;place-items:center;flex:none;background:var(--surface-mute);border-radius:10px;width:32px;height:32px;color:var(--ink-2)}.g-icon svg{width:17px;height:17px}.g-icon.accent{background:var(--accent-soft);color:var(--accent)}.g-icon.lg{width:44px;height:44px;border-radius:14px}.g-icon.lg svg{width:22px;height:22px}.g-icon.hero{width:60px;height:60px;border-radius:20px}.g-icon.hero svg{width:30px;height:30px}.chevron{width:16px;height:16px;flex:none;color:var(--ink-5)}.lobby-screen{display:flex;flex-direction:column;gap:22px}.topbar{display:flex;align-items:flex-start;gap:12px}.topbar h1{margin:0;font-size:22px;font-weight:750;line-height:1.35;letter-spacing:-.03em}.avatar{width:40px;height:40px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}.hero-card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-2);padding:20px;display:flex;flex-direction:column;gap:18px}.hero-head{display:flex;align-items:center;gap:14px}.hero-head strong{display:block;font-size:18px;font-weight:730;letter-spacing:-.02em}.hero-head small{display:block;margin-top:4px;font-size:13px;color:var(--ink-3)}.stat-row{display:flex;align-items:center;gap:12px;background:var(--surface-sub);border-radius:var(--r-tile);padding:14px 16px}.stat-row>div{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.stat-row span{font-size:11.5px;color:var(--ink-3)}.stat-row strong{font-size:19px;font-weight:750;letter-spacing:-.02em}.stat-row strong i{font-style:normal;color:var(--ink-5)}.stat-divider{width:1px;height:30px;background:var(--line);flex:none}.rank-button{width:100%;min-height:54px;font-size:15.5px}.rank-button small{display:block;margin-top:3px;font-size:12px;font-weight:600;opacity:.82}.actions{display:grid;gap:22px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friend-button{width:100%}.game-catalog{display:grid;gap:12px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-card{min-height:100px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:left;padding:15px;border-radius:var(--r-item);background:var(--surface);box-shadow:var(--shadow-1);cursor:pointer}.game-card:hover{box-shadow:var(--shadow-hover)}.game-card strong{font-size:13.5px;font-weight:700;letter-spacing:-.015em}.game-card small{display:block;margin-top:3px;font-size:11px;color:var(--ink-4);line-height:1.35}.game-card-icon{font-size:17px}.list-card{background:var(--surface);border-radius:var(--r-item);box-shadow:var(--shadow-1);overflow:hidden}.list-row{width:100%;padding:15px 16px;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border-radius:0;min-height:0;cursor:pointer}.list-row+.list-row{border-top:1px solid var(--surface-mute)}.list-row-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.list-row strong{font-size:13.5px;font-weight:700;letter-spacing:-.015em}.list-row small{font-size:11px;color:var(--ink-4)}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-grid.three{grid-template-columns:repeat(3,1fr)}.secondary.compact{padding:12px 10px;min-height:46px;font-size:14px}.lobby-footer{margin-top:auto;padding:14px 2px 0;display:flex;justify-content:space-between;gap:16px;color:var(--ink-4);font-size:12px}.ticket-card{padding:20px}.ticket-row{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 12px}.ticket-dot{width:18px;height:18px;border-radius:50%;background:var(--surface-mute)}.ticket-dot.active{background:var(--accent)}.list-screen{display:flex;flex-direction:column;gap:19px}.view-header{display:flex;justify-content:space-between;gap:14px;align-items:center}.view-header h1{margin:4px 0 0;font-size:24px;font-weight:750}.back-button{padding:10px 14px;min-height:42px;font-size:14px;color:var(--ink-2)}.multi-game-screen{gap:19px}.game-intro{width:100%;display:flex;flex-direction:column;gap:16px;padding:0;background:transparent;box-shadow:none}.game-intro h2{margin:0;font-size:27px;font-weight:780;letter-spacing:-.035em}.game-intro p{margin:8px 0 0;font-size:14px;color:var(--ink-2);line-height:1.55}.game-hero-icon{width:60px;height:60px;border-radius:20px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:30px}.multi-mode-grid{display:grid;gap:10px}.multi-mode-grid button{min-height:0;display:flex;align-items:center;gap:13px;text-align:left;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1);border-radius:var(--r-item);padding:16px 17px}.multi-mode-grid button:hover{box-shadow:var(--shadow-hover)}.multi-mode-grid button:disabled{background:var(--surface);opacity:.5}.mode-body{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.mode-title{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:730;letter-spacing:-.02em}.mode-tag{font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:6px;background:var(--surface-mute);color:var(--ink-2)}.mode-tag.accent{background:var(--accent-soft);color:var(--accent)}.multi-mode-grid small{font-size:12px;color:var(--ink-4);line-height:1.4;font-weight:500}.record-card{background:var(--surface);border-radius:var(--r-item);box-shadow:var(--shadow-1);padding:18px;display:flex;flex-direction:column;gap:14px}.record-card h3{margin:0;font-size:13.5px;font-weight:700;letter-spacing:-.015em}.record-grid{display:flex;gap:12px}.record-grid>div{flex:1;display:flex;flex-direction:column;gap:5px}.record-grid span{font-size:11.5px;color:var(--ink-3)}.record-grid strong{font-size:21px;font-weight:750;letter-spacing:-.02em}.record-grid strong.accent{color:var(--accent)}.sticky-cta{position:sticky;bottom:0;margin:auto -18px calc(-24px - var(--tg-safe-bottom));padding:14px 18px calc(22px + var(--tg-safe-bottom));background:var(--surface);box-shadow:0 -1px 0 var(--line);display:flex;flex-direction:column;gap:9px}.sticky-cta .primary{width:100%;min-height:54px;font-size:16px}.sticky-cta .cta-note{font-size:12px;color:var(--ink-4);text-align:center;margin:0}.generic-battle-screen{gap:0;display:flex;flex-direction:column}.round-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px}.round-topbar h1{margin:0;font-size:12.5px;font-weight:700;color:var(--ink-3);letter-spacing:-.01em}.status-pill{font-size:11.5px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:5px 10px;border-radius:999px}.status-pill.lose{color:var(--ink-3);background:var(--surface-mute)}.scoreboard{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-1);padding:18px;display:flex;align-items:center;gap:14px}.scoreboard-side{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.scoreboard-side.them{align-items:flex-end;text-align:right}.scoreboard-side strong{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.scoreboard-side.them strong{color:var(--ink-2)}.scoreboard-side span{font-size:11px;color:var(--ink-4)}.generic-score{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:780;letter-spacing:-.03em;color:var(--ink-5)}.generic-score b{color:var(--accent);font-weight:780}.generic-score i{font-size:15px;font-style:normal;color:var(--ink-5)}.round-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 4px}.round-timer{font-size:76px;font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--ink)}.progress-track{width:200px;height:6px;background:var(--line-strong);border-radius:999px;overflow:hidden}.progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s linear}.round-status{font-size:13.5px;color:var(--ink-3);text-align:center;margin:0}.choice-dock{position:sticky;bottom:0;margin:0 -18px calc(-24px - var(--tg-safe-bottom));padding:18px 18px calc(24px + var(--tg-safe-bottom));background:var(--surface);box-shadow:0 -1px 0 var(--line);display:flex;flex-direction:column;gap:12px}.generic-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.generic-action-grid:has(.generic-action:only-child){grid-template-columns:1fr}.generic-action{min-height:0;padding:20px 8px;border-radius:var(--r-item);background:var(--surface-sub);color:var(--ink-2);box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:700}.generic-action:hover{background:var(--surface-mute);box-shadow:none}.generic-action.selected{background:var(--accent);color:#fff;font-weight:750;box-shadow:var(--shadow-accent)}.generic-action:disabled{background:var(--surface-sub);color:var(--ink-5)}.generic-action.selected:disabled{background:var(--accent);color:#fff;opacity:.75}.dock-note{font-size:11.5px;color:var(--ink-4);text-align:center;margin:0}.result-screen{display:flex;flex-direction:column;gap:26px}.result-head{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:12px}.result-badge{font-size:12.5px;font-weight:750;color:var(--accent);background:var(--accent-soft);padding:7px 14px;border-radius:999px;letter-spacing:.02em}.result-badge.lose{color:var(--ink-3);background:var(--surface-mute)}.result-head h1{margin:0;font-size:24px;font-weight:750;text-align:center}.result-score{display:flex;align-items:baseline;gap:14px}.result-score b{font-size:60px;font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--accent)}.result-score b.lost{color:var(--ink-5)}.result-score i{font-size:24px;font-style:normal;color:var(--ink-5)}.result-stats{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-1);padding:20px;display:flex;gap:12px}.result-stats>div{flex:1;display:flex;flex-direction:column;gap:6px}.result-stats span{font-size:11.5px;color:var(--ink-3)}.result-stats strong{font-size:22px;font-weight:780;letter-spacing:-.025em}.result-stats strong.accent{color:var(--accent)}.result-stats .stat-divider{width:1px;height:auto;background:var(--surface-mute)}.round-log{display:flex;flex-direction:column;gap:11px}.round-log-row{padding:15px 17px;display:flex;align-items:center;gap:12px}.round-log-row+.round-log-row{border-top:1px solid var(--surface-mute)}.round-log-row>span{font-size:12px;color:var(--ink-4);width:52px;flex:none}.round-log-row strong{font-size:13.5px;font-weight:700;flex:1}.round-log-row em{font-size:13.5px;color:var(--ink-3);font-style:normal;flex:1}.round-log-badge{font-size:11.5px;font-weight:750;padding:4px 10px;border-radius:7px;background:var(--surface-mute);color:var(--ink-3);flex:none}.round-log-badge.win{background:var(--accent-soft);color:var(--accent)}.result-dock{position:sticky;bottom:0;margin:auto -18px calc(-24px - var(--tg-safe-bottom));padding:14px 18px calc(22px + var(--tg-safe-bottom));background:var(--surface);box-shadow:0 -1px 0 var(--line);display:flex;gap:9px}.result-dock .secondary{flex:1;background:var(--surface-mute);color:var(--ink-2);box-shadow:none}.result-dock .secondary:hover{background:var(--line);box-shadow:none}.result-dock .primary{flex:1.4}.matching-panel{display:grid;justify-items:center;gap:12px}.matching-panel h1{font-size:22px;margin:6px 0;font-weight:750}.matching-player{margin:-2px 0 0;color:var(--ink-2);font-size:14px}.matching-player strong{color:var(--ink)}.spinner{width:44px;height:44px;border:4px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.auth-panel h1,.error-panel h1{margin:14px 0 8px;font-size:24px;font-weight:750}.error-panel{display:grid;justify-items:stretch;gap:12px}.error-message{color:var(--ink-2);font-size:15px;line-height:1.6;margin:4px 0}.error-reference{display:block;color:var(--ink-4);word-break:break-all;font-size:12px}.form-message{min-height:20px;margin:-2px 0 0;color:var(--danger);font-size:13px}.form-message.success{color:var(--accent)}.phaser-root{position:fixed;inset:0;width:100%;height:100%;background:var(--bg)}.phaser-root canvas{display:block}.guide-screen h1{margin:18px 0 10px;font-size:24px}.guide-section{padding:18px 2px;border-bottom:1px solid var(--line)}.guide-section h2{margin:0 0 8px;font-size:16px;font-weight:730}.guide-section p{color:var(--ink-2);margin:0;line-height:1.7;font-size:14px}.challenge-panel{display:grid;gap:12px;justify-items:stretch}.challenge-panel h1{margin:6px 0;font-size:24px;font-weight:750}.challenge-code{font-size:28px;letter-spacing:.13em;font-weight:780;padding:18px 12px;background:var(--surface-sub);border-radius:var(--r-item)}.challenge-url{word-break:break-all}.rating-line{font-size:26px;font-weight:780;margin:4px 0}.challenge-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-4);font-size:12px}.challenge-meta strong{color:var(--ink)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:4px 0 0;font-size:17px;font-weight:730}.section-head>strong{font-size:22px;font-weight:750}.social-card{width:100%;display:grid;gap:14px;text-align:left}.social-card label{display:grid;gap:7px;color:var(--ink-3);font-size:13px;font-weight:650}.question-block{border:0;background:var(--surface-sub);border-radius:var(--r-item);padding:15px;display:grid;gap:9px;margin:0}.question-block+.question-block{margin-top:10px}.question-block legend{padding:0 2px;color:var(--ink);font-weight:700;font-size:14px}.choice-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;min-height:44px;padding:10px 12px;border-radius:12px;background:var(--surface);color:var(--ink)!important;box-shadow:var(--shadow-1);font-weight:600}.choice-row input{accent-color:var(--accent);width:18px;height:18px}.text-input{width:100%;min-height:52px;border:0;border-radius:var(--r-control);padding:15px 16px;background:var(--surface-sub);color:var(--ink);font:inherit;font-size:16px}.text-input::placeholder{color:var(--ink-5)}.field-label{color:var(--ink-3);font-size:13px}.love-result{display:grid;justify-items:center;gap:4px;padding:22px 10px 8px;border-top:1px solid var(--line)}.love-result span{color:var(--ink-4);font-size:11px;letter-spacing:.1em;font-weight:700}.love-result strong{font-size:clamp(60px,19vw,92px);line-height:1;color:var(--accent);font-weight:800;letter-spacing:-.05em}.love-result p{margin:0;color:var(--ink-2)}.love-result em{color:var(--accent);font-style:normal;font-weight:730}.love-process{display:grid;gap:13px;padding-top:6px;border-top:1px solid var(--line)}.love-process-heading{display:flex;justify-content:space-between;gap:12px;align-items:end}.love-process-heading h2{margin:4px 0 0;font-size:17px;font-weight:730}.love-process-badge{color:var(--ink-4);font-size:11px;white-space:nowrap}.love-step{display:grid;gap:13px;padding:16px;border-radius:var(--r-item);background:var(--surface-sub);opacity:0;transform:translateY(12px);animation:love-step-in .46s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--love-step-index, 0) * .11s)}.love-step-heading{display:flex;align-items:center;gap:10px}.love-step-number{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:750}.love-step-heading strong,.love-step-heading small{display:block}.love-step-heading strong{font-size:14px;font-weight:700}.love-step-heading small{margin-top:4px;color:var(--ink-4);font-size:11px;line-height:1.45}.love-name-lines{display:grid;gap:10px}.love-name-line{display:flex;align-items:center;gap:10px;min-width:0}.love-name-tag{min-width:72px;font-size:12px;font-weight:750}.love-name-tag-a{color:var(--accent)}.love-name-tag-b{color:var(--ink-2)}.love-syllables{display:flex;flex-wrap:wrap;gap:7px}.love-syllable{display:grid;justify-items:center;gap:2px;min-width:42px;padding:6px 8px;border-radius:11px;background:var(--surface);box-shadow:var(--shadow-1)}.love-syllable strong{font-size:16px;line-height:1;font-weight:750}.love-syllable small{color:var(--ink-4);font-size:10px}.love-syllable-a strong{color:var(--accent)}.love-syllable-b strong{color:var(--ink-2)}.love-sequence{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px;border-radius:13px;background:var(--surface);box-shadow:var(--shadow-1);color:var(--accent);font-size:19px;font-weight:780;letter-spacing:.02em}.love-sequence i{color:var(--ink-5);font-size:13px;font-style:normal}.love-reduction-list{display:grid;gap:8px}.love-reduction-row{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;opacity:0;transform:translate(-8px);animation:love-reduction-in .36s ease forwards;animation-delay:calc(var(--love-step-index, 0) * .11s + .15s)}.love-reduction-row>span{color:var(--ink-4);font-size:10px;font-weight:700;text-transform:uppercase}.love-reduction-equation{display:flex;justify-content:center;align-items:center;gap:7px;min-width:0}.love-reduction-equation code{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-width:0;color:var(--ink-2);font:700 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.love-reduction-equation i{color:var(--ink-5);font-style:normal}.love-reduction-equation b{color:var(--accent);font-size:15px}.love-score-value{animation:love-score-pop .7s cubic-bezier(.2,1.4,.4,1) .52s both}@keyframes love-step-in{to{opacity:1;transform:translateY(0)}}@keyframes love-reduction-in{to{opacity:1;transform:translate(0)}}@keyframes love-score-pop{0%{opacity:0;transform:scale(.55)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.know-result-card{gap:18px}.know-score{display:grid;justify-items:center;gap:6px;padding:8px 0 16px;border-bottom:1px solid var(--line)}.know-score span,.daily-score span{color:var(--ink-4);font-size:11px;letter-spacing:.1em;font-weight:700}.know-score strong,.daily-score strong{color:var(--accent);font-size:clamp(44px,15vw,68px);line-height:1;font-weight:800;letter-spacing:-.04em}.know-score p{margin:0;color:var(--ink-2);font-weight:700}.know-ranking-list{margin-top:0}.daily-result-panel{display:grid;justify-items:center;gap:16px;width:min(100%,460px);text-align:center}.daily-result-panel h1{margin:0;font-size:22px;font-weight:750}.daily-score{display:grid;justify-items:center;gap:8px;width:100%;padding:22px 0;border-block:1px solid var(--line)}.generic-battle-card{width:100%;display:grid;gap:18px;text-align:center}.risk-meter-label{color:var(--ink-4)}.generic-detail strong{color:var(--accent);font-size:20px}.ranking-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ranking-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:62px;padding:15px 17px;background:var(--surface);border-radius:var(--r-item);box-shadow:var(--shadow-1)}.ranking-row.me{background:var(--accent-soft);box-shadow:none}.ranking-position{color:var(--ink-3);font-weight:750}.ranking-row.me .ranking-position{color:var(--accent)}.ranking-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:15px}.ranking-record{display:none;color:var(--ink-4);font-size:12px}.profile-view{display:grid;gap:14px;text-align:left}.profile-view h1{margin:0;font-size:24px;font-weight:750}.profile-card{display:flex;justify-content:space-between;padding:20px;align-items:center}.profile-card strong{display:block;margin-top:5px;font-size:19px;font-weight:750}.rating{text-align:right}.rating span{color:var(--ink-3);font-size:11.5px}.rating strong{font-size:28px;line-height:1;font-weight:780;letter-spacing:-.03em}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px}.profile-stats>div{padding:16px;border-radius:var(--r-tile);background:var(--surface);box-shadow:var(--shadow-1)}.profile-stats span{display:block;color:var(--ink-3);font-size:11.5px;margin-bottom:6px}.profile-stats strong{font-size:19px;font-weight:750}.achievement-list{display:grid;gap:10px}.achievement-row{padding:18px;background:var(--surface);border-radius:var(--r-item);box-shadow:var(--shadow-1)}.achievement-row.completed{background:var(--accent-soft);box-shadow:none}.achievement-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.achievement-head h2{margin:4px 0 0;font-size:16px;font-weight:730}.achievement-head>strong{white-space:nowrap;font-size:13px;color:var(--ink-2)}.achievement-row p{color:var(--ink-3);font-size:13px;line-height:1.6;margin:10px 0}.achievement-row .progress-track{width:100%;height:6px;background:var(--line-strong)}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.nav-grid.three{gap:8px}.secondary.compact{padding-inline:6px;font-size:13px}}@media(min-width:520px){.ranking-row{grid-template-columns:40px minmax(0,1fr) 110px auto}.ranking-record{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}