:root{--bg-0: #060914;--bg-1: #0b1330;--bg-2: #151f44;--card: rgba(10, 17, 42, .84);--line: rgba(141, 159, 227, .24);--text: #eef2ff;--muted: #9da8d6;--hot: #f7c564;--cold: #8ab4ff;--danger: #ff8e88}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Pretendard,SUIT,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,#1c2d6f 0%,transparent 28%),radial-gradient(circle at 80% 20%,#4a2457 0%,transparent 26%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2))}.page{width:min(920px,92vw);margin:0 auto;padding:40px 0 80px;position:relative}.ambient{pointer-events:none;position:fixed;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.7) .5px,transparent 1px);background-size:4px 4px;opacity:.04}.header{margin-bottom:24px}.kicker{margin:0;color:var(--cold);letter-spacing:.16em;font-size:12px}h1{margin:8px 0;font-size:clamp(28px,3.6vw,42px)}.meta{color:var(--muted);display:flex;align-items:center;gap:8px}.meta-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 8px}.source-switch{display:inline-flex;gap:8px;margin:0}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}.source-switch-block{margin:0}.source-btn{border:1px solid var(--line);background:#080f25a6;color:var(--text);border-radius:999px;padding:7px 12px;font-size:13px;text-decoration:none;line-height:1.2}.source-btn.active{border-color:#f7c56480;color:#ffe0a0}.ghost{border:1px solid var(--line);background:#0408186b;color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer}.status{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:20px}.status.error{border-color:#ff8c8c66;color:#ffd3d3}.rank-list{display:grid;gap:12px}.top-summary{border:1px solid var(--line);background:#080f25a6;border-radius:16px;padding:14px 16px;margin-bottom:14px}.top-summary h2{margin:0 0 10px;font-size:18px}.top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.top-grid p{margin:0;color:#d9e6ff}.note{margin-top:18px;color:var(--muted);font-size:13px}.note p{margin:0 0 6px}.note a{color:#bcd4ff;text-decoration:none}.note a:hover{color:#e2ecff;text-decoration:underline}.rank-card{border:1px solid var(--line);border-radius:16px;background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;transition:border-color .2s ease,transform .2s ease;opacity:0;transform:translateY(8px) scale(.995);animation:card-in .45s ease forwards;animation-delay:var(--delay, 0ms)}.rank-card.top{border-color:#f7c56473}.rank-card.rank-1{border-color:#ffd77bd9;box-shadow:0 0 0 1px #ffd77b33,0 12px 34px #ffcd6633}.rank-card.rank-2{border-color:#cce2ffb3;box-shadow:0 0 0 1px #cce2ff24,0 10px 28px #9ac6ff1f}.rank-card.rank-3{border-color:#e5b691b8;box-shadow:0 0 0 1px #e5b6911f,0 10px 26px #bf825624}.rank-card.open{transform:translateY(-1px)}.card-head{width:100%;text-align:left;background:none;border:0;color:inherit;cursor:pointer;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.left{display:flex;align-items:baseline;gap:12px;flex-shrink:0}.rank{min-width:52px;color:var(--hot)}.rank-card.rank-1 .rank{color:#ffd771}.rank-card.rank-2 .rank{color:#d5e8ff}.rank-card.rank-3 .rank{color:#efc2a3}.sign{color:var(--muted)}.summary{margin:0;text-align:right;color:var(--text);opacity:.9;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:62%}.detail{border-top:1px solid var(--line);padding:14px 16px 16px}.detail-section{border:1px solid rgba(141,159,227,.22);border-radius:12px;background:#080f2573;padding:10px 12px}.detail-section+.detail-section{margin-top:10px}.body{margin:0;line-height:1.55}.lucky{border:1px solid rgba(138,180,255,.44);border-radius:12px;background:#0f235073;padding:10px 12px}.lucky span{display:block;color:var(--cold);font-size:12px;margin-bottom:3px}.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin:0}.score-grid p{margin:0}.jp{margin:10px 0 0;white-space:pre-wrap;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:#d4dbff;font-size:13px;background:#04081880}@media(max-width:760px){.page{width:min(680px,92vw);padding-top:28px}.meta-bar{margin-bottom:10px}.controls-row{flex-direction:column;align-items:flex-start;margin-bottom:12px}.source-switch{flex-wrap:wrap}.ghost{width:100%;text-align:center}.card-head{flex-direction:column;align-items:flex-start}.summary{text-align:left;max-width:100%}.top-grid{grid-template-columns:1fr}}@keyframes card-in{to{opacity:1;transform:translateY(0) scale(1)}}