:root{color-scheme:light;--rp-ink:#152b43;--rp-muted:#637990;--rp-line:#d7e9f5;--rp-blue:#1583db;--rp-bg:#f3faff;--rp-panel:#fff;--rp-shade:#e8f4ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.rp-hub{margin:0;font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#dff3ff 0,#f5fbff 460px,#f5fbff 100%);color:var(--rp-ink);line-height:1.55}
a{color:inherit}.rp-hub-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);border-bottom:1px solid #dae9f5;backdrop-filter:blur(16px)}
.rp-hub-top{max-width:1170px;margin:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rp-hub-brand{font-size:19px;font-weight:850;letter-spacing:-.6px;text-decoration:none;display:flex;align-items:center;gap:9px}
.rp-hub-brand img{width:32px;height:32px;object-fit:contain}.rp-hub-nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.rp-hub-nav a{padding:8px 11px;border-radius:9px;font-size:13px;font-weight:750;text-decoration:none;color:#4b6986}
.rp-hub-nav a[aria-current=page],.rp-hub-nav a:hover{background:#e8f4ff;color:#075b9e}
.rp-hub-shell{max-width:1170px;padding:32px 20px 80px;margin:auto}
.rp-hub-hero{border:1px solid #b8def8;background:radial-gradient(circle at 92% 5%,#fff 0%,#e3f4ff 48%,#d4eeff 100%);padding:34px;border-radius:24px;box-shadow:0 16px 40px #2283ca13;display:flex;justify-content:space-between;gap:20px;align-items:center}
.rp-hub-eyebrow{color:#2577af;font-weight:850;letter-spacing:.12em;font-size:11px;margin:0 0 10px}
.rp-hub-hero h1{font-size:clamp(26px,4vw,40px);line-height:1.25;letter-spacing:-1.4px;margin:0 0 12px}
.rp-hub-hero p{margin:0;color:#496882;max-width:680px;font-size:15px}
.rp-hub-hero-art{font-size:66px;filter:drop-shadow(0 14px 10px #1879b92b);user-select:none}
.rp-hub-switch{display:flex;gap:9px;margin:20px 0;flex-wrap:wrap}.rp-hub-switch a{border-radius:13px;text-decoration:none;padding:12px 20px;font-weight:850;font-size:14px;background:#fff;border:1px solid #cfe3f3;color:#335879}
.rp-hub-switch a[aria-current=page]{background:var(--rp-blue);color:#fff;border-color:var(--rp-blue)}
.rp-hub-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0 16px}
.rp-hub-search{flex:1;min-width:210px}.rp-hub-input,.rp-hub-select{width:100%;border:1px solid #cce1f1;padding:13px 14px;border-radius:12px;font:inherit;font-size:14px;background:#fff;color:#15354e;outline:none}.rp-hub-input:focus,.rp-hub-select:focus{border-color:#3995e0;box-shadow:0 0 0 3px #3995e025}
.rp-hub-select{width:auto;min-width:190px}
.rp-hub-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin:18px 0 12px}
.rp-hub-bar h2{font-size:20px;letter-spacing:-.6px;margin:0}.rp-hub-meta{color:var(--rp-muted);font-size:12px}
.rp-hub-cards{display:grid;gap:14px}.rp-hub-card{background:var(--rp-panel);padding:20px 22px;border:1px solid #dfedf7;border-radius:16px;box-shadow:0 5px 19px #1d6da00a;min-width:0}
.rp-hub-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.rp-hub-game{font-size:12px;color:#3776a5;font-weight:850;margin:0 0 5px}.rp-hub-card h3{margin:0 0 9px;font-size:20px;letter-spacing:-.4px;overflow-wrap:anywhere}
.rp-hub-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;font-size:22px;letter-spacing:.2px;color:#155b99;overflow-wrap:anywhere}
.rp-hub-subtitle{font-size:13px;color:#667f93;margin:7px 0 0}.rp-hub-small{font-size:12px;color:#728697}
.rp-hub-tag{font-size:11px;padding:5px 10px;font-weight:850;border-radius:100px;white-space:nowrap;background:#e8f5ff;color:#10679f}
.rp-hub-tag.is-reported{background:#fff3d5;color:#9b6700}.rp-hub-tag.is-expired{background:#f4e9e9;color:#a34545}.rp-hub-tag.is-active{background:#e2f8ed;color:#147e4d}
.rp-hub-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.rp-hub-btn{appearance:none;cursor:pointer;border:1px solid #cbdfea;background:#fff;padding:9px 15px;border-radius:10px;color:#31607e;font:inherit;font-size:13px;font-weight:780;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.rp-hub-btn:hover{border-color:#2585d1;background:#f0f9ff}.rp-hub-btn.primary{background:#1684d9;border-color:#1684d9;color:#fff}.rp-hub-btn.primary:hover{background:#096bae}.rp-hub-btn:disabled{opacity:.55;cursor:not-allowed}
.rp-hub-empty{padding:44px 24px;text-align:center;border:1px dashed #bfd9ed;border-radius:15px;color:#54738a;background:#fff}.rp-hub-empty strong{display:block;font-size:18px;margin-bottom:5px;color:#2d516c}
.rp-hub-footer-note{margin-top:22px;padding:23px 26px;border:1px solid #d9eaf6;border-radius:17px;background:#fff}
.rp-hub-footer-note h2{font-size:18px;letter-spacing:-.3px;margin:0 0 10px}.rp-hub-footer-note p,.rp-hub-footer-note li{color:#526c82;font-size:13px;margin:7px 0}.rp-hub-footer{padding:24px 0;margin-top:30px;color:#7990a2;text-align:center;font-size:12px}
.rp-hub-date{font-weight:850;font-size:21px;color:#185d91;font-variant-numeric:tabular-nums}.rp-hub-countdown{font-size:14px;font-weight:800;color:#1b76bd}
.rp-hub-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.rp-hub-filter-tabs button{border:1px solid #cce0ee;background:#fff;padding:8px 12px;border-radius:10px;color:#516f87;font-size:13px;font-weight:800;cursor:pointer}.rp-hub-filter-tabs button[aria-pressed=true]{background:#176fbb;color:#fff;border-color:#176fbb}
.rp-hub-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:100;background:#193e5c;color:#fff;padding:11px 18px;border-radius:11px;box-shadow:0 8px 30px #0003;font-size:13px;max-width:min(90vw,540px);text-align:center}
@media(max-width:720px){.rp-hub-top{padding:9px 12px}.rp-hub-brand{font-size:15px}.rp-hub-brand img{width:26px;height:26px}.rp-hub-nav{gap:0}.rp-hub-nav a{padding:8px 6px;font-size:11px}.rp-hub-shell{padding:18px 12px 54px}.rp-hub-hero{padding:22px;border-radius:17px}.rp-hub-hero-art{display:none}.rp-hub-hero p{font-size:13px}.rp-hub-switch a{flex:1;text-align:center;padding:10px 8px}.rp-hub-card{padding:17px}.rp-hub-toolbar{gap:8px}.rp-hub-search,.rp-hub-select{min-width:100%}.rp-hub-card h3{font-size:18px}.rp-hub-code{font-size:18px}.rp-hub-footer-note{padding:18px}}
