html,body{color:#f4f4f8;-webkit-font-smoothing:antialiased;background:#0a0a0f;margin:0;padding:0;font-family:Pretendard Variable,Pretendard,-apple-system,Segoe UI,Malgun Gothic,sans-serif;line-height:1.45}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{outline:none}:focus-visible{outline-offset:3px;outline:2px solid var(--ac2,#22d3ee)!important}button:disabled{cursor:not-allowed!important}::selection{background:color-mix(in srgb, var(--ac,#8b5cf6) 45%, transparent);color:#fff}a{color:var(--ac,#8b5cf6);text-decoration:none}a:hover{color:var(--ac2,#22d3ee)}@keyframes cardInA{0%{transform:translateY(14px)scale(.975)}to{transform:translateY(0)scale(1)}}@keyframes cardInB{0%{transform:translateY(14px)scale(.975)}to{transform:translateY(0)scale(1)}}@keyframes vsPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--ac,#8b5cf6) 45%, transparent)}60%{box-shadow:0 0 0 14px #0000}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{transform:translate(-160%)skew(-16deg)}60%,to{transform:translate(340%)skew(-16deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes interZoom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes flashOut{0%{opacity:.9}to{opacity:0}}@keyframes barGrow{0%{width:0}}@keyframes finalGlow{0%,to{box-shadow:0 0 #f59e0b80}60%{box-shadow:0 0 0 16px #0000}}.pill-btn:hover{border-color:color-mix(in srgb, var(--ac,#8b5cf6) 60%, transparent)!important;color:#f4f4f8!important}.icon-btn:hover{border-color:#ffffff4d!important}.topic-card:hover{box-shadow:0 16px 44px -14px color-mix(in srgb, var(--ac,#8b5cf6) 40%, transparent);transform:translateY(-4px);border-color:color-mix(in srgb, var(--ac,#8b5cf6) 55%, transparent)!important}.rec-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb, var(--ac,#8b5cf6) 55%, transparent)!important}.dash-card:hover{border-color:color-mix(in srgb, var(--ac,#8b5cf6) 60%, transparent)!important;background:color-mix(in srgb, var(--ac,#8b5cf6) 6%, transparent)!important}.round-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb, var(--ac,#8b5cf6) 70%, transparent)!important}.game-card-l:hover{border-color:color-mix(in srgb, var(--ac,#8b5cf6) 65%, transparent)!important}.game-card-r:hover{border-color:color-mix(in srgb, var(--ac2,#22d3ee) 65%, transparent)!important}@media (hover:hover){.game-card-l:not(.picked):hover,.game-card-r:not(.picked):hover{transform:scale(1.014)!important}}.share-circle:hover{filter:brightness(1.12);transform:translateY(-3px)}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 36px -10px color-mix(in srgb, var(--ac,#8b5cf6) 80%, transparent)!important}.ghost-btn:hover{color:#f4f4f8!important;border-color:#ffffff4d!important}.upload-label:hover{border-color:color-mix(in srgb, var(--ac,#8b5cf6) 60%, transparent)!important}.del-btn:hover{color:#f87171!important;border-color:#f8717166!important}.save-btn:hover{transform:translateY(-1px)}.comments-overlay{z-index:85;-webkit-backdrop-filter:blur(9px);background:#05050ac7;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.comments-sheet{background:#11111a;border:1px solid #ffffff1a;border-bottom:0;border-radius:26px 26px 0 0;flex-direction:column;width:100%;max-width:580px;height:min(88dvh,760px);animation:.28s both fadeUp;display:flex;overflow:hidden;box-shadow:0 -22px 70px #00000073}.comments-grabber{background:#343443;border-radius:999px;flex:none;width:38px;height:4px;margin:10px auto 3px}.comments-header{flex:none;align-items:center;gap:12px;padding:13px 18px 12px;display:flex}.comments-close{color:#a9a9c4;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex:none;width:38px;height:38px;font-size:20px}.comments-notice{color:#9a91a7;background:#f59e0b0f;border:1px solid #f59e0b29;border-radius:12px;flex:none;align-items:center;gap:10px;margin:0 18px 13px;padding:10px 12px;font-size:10.5px;line-height:1.45;display:flex}.comments-notice b{color:#d8c9a3;font-size:11px}.comments-toolbar{color:#c9c9de;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex:none;justify-content:space-between;align-items:center;padding:10px 18px;font-size:11px;font-weight:750;display:flex}.comments-toolbar div{gap:3px;display:flex}.comments-toolbar button{color:#66667c;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:10px}.comments-toolbar button.active{color:#f4f4f8;background:#ffffff12}.comments-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#373746 transparent;flex:1;min-height:0;padding:12px 14px 20px;overflow-y:auto}.comment-card{background:#171722;border:1px solid #fff1;border-radius:15px;gap:10px;margin-bottom:9px;padding:13px;display:flex}.comment-avatar,.composer-avatar{color:#f4f4f8;background:linear-gradient(135deg,#8b5cf66b,#22d3ee4d);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:850;display:grid}.comment-meta{align-items:center;gap:6px;min-height:20px;display:flex}.comment-meta b{font-size:11.5px}.comment-meta time{color:#626276;font-size:9.5px}.comment-meta button{color:#707084;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px;font-size:9.5px}.comment-mine{color:#bfaaff;background:#8b5cf629;border-radius:999px;padding:2px 5px;font-size:8.5px;font-weight:800}.comment-card p{color:#d1d1df;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:12.5px;line-height:1.65}.comments-empty{color:#68687c;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:190px;display:flex}.comments-empty div{opacity:.75;font-size:28px}.comments-empty b{color:#a9a9bc;margin-top:9px;font-size:13px}.comments-empty span{margin-top:4px;font-size:10.5px}.comments-composer{padding:12px 14px calc(22px + env(safe-area-inset-bottom));background:#14141ff7;border-top:1px solid #ffffff14;flex:none;align-items:flex-end;gap:8px;display:flex;position:relative}.composer-field{flex:1;min-width:0;position:relative}.composer-field textarea{resize:none;color:#f4f4f8;background:#0c0c13;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:42px;max-height:96px;padding:11px 42px 10px 12px;line-height:1.45}.composer-field span{color:#55556a;font-size:8.5px;position:absolute;bottom:8px;right:9px}.comments-composer>button:not(.comments-login){background:linear-gradient(135deg,var(--ac),var(--ac2));color:#0a0a0f;cursor:pointer;border:0;border-radius:11px;min-width:54px;height:42px;font-size:11px;font-weight:850}.comments-composer>button:disabled{opacity:.35}.comments-login{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#0a0a0f;cursor:pointer;border:0;border-radius:12px;width:100%;height:44px;font-weight:850}.comments-rule{left:0;right:0;bottom:calc(5px + env(safe-area-inset-bottom));color:#525264;text-align:center;pointer-events:none;font-size:8.5px;position:absolute}.detail-action{color:#8a8aa3;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:11px;height:42px;font-size:13px}.detail-action span{margin-left:3px;font-size:10.5px;font-weight:750}.detail-action.active{border-color:color-mix(in srgb,var(--ac) 45%,transparent);background:color-mix(in srgb,var(--ac) 10%,transparent);color:#c4b5fd}@media (width<=900px){.topic-detail-grid{grid-template-columns:1fr!important}}@media (width>=700px){.comments-overlay{align-items:center;padding:24px}.comments-sheet{border-bottom:1px solid #ffffff1a;border-radius:26px}.comments-grabber{display:none}.comments-header{padding-top:18px}}@media (width<=560px){.pill-btn{min-height:40px}.topic-card:hover,.rec-card:hover{transform:none}input,select,textarea{font-size:16px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}