.starlight-addon{--addon-gold:#ffd58b;--addon-panel:#1b1442;--addon-line:rgba(231,220,255,.17);color:#faf7ff}.addon-hub{padding:54px 0}.addon-heading{font:800 clamp(2rem,4vw,3.5rem)/1.12 Georgia,"Noto Serif KR",serif;margin:.2em 0}.addon-lead{color:#cfc7e3;max-width:720px}.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.addon-card,.streak-card,.pwa-card,.related-addon{border:1px solid var(--addon-line);border-radius:20px;background:linear-gradient(145deg,rgba(42,31,88,.92),rgba(20,15,53,.94));padding:20px}.addon-card{color:inherit;text-decoration:none;transition:.2s}.addon-card:hover{transform:translateY(-3px);border-color:#8c72d2}.addon-card b{display:block;color:var(--addon-gold);font-size:1.06rem;margin-bottom:5px}.addon-card span,.streak-card p,.pwa-card p{color:#bfb6d4;font-size:.91rem}.addon-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.streak-number{font:800 2rem Georgia,serif;color:var(--addon-gold)}.addon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(231,220,255,.2);border-radius:13px;padding:11px 15px;color:#fff;background:#302363;font-weight:850;text-decoration:none;cursor:pointer}.addon-button.primary{border:0;color:#170d2e;background:linear-gradient(135deg,#ffd58b,#e8adff)}.addon-button:focus-visible{outline:3px solid #fff;outline-offset:3px}.result-tools{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 4px;padding-top:17px;border-top:1px solid var(--addon-line)}.result-tools .addon-button{font-size:.9rem}.related-addon{margin:18px 0 5px}.related-addon strong{display:block;color:var(--addon-gold);margin-bottom:7px}.related-addon a{color:#e9ddff;text-underline-offset:3px}.addon-ad{display:none;min-height:110px;margin:26px 0;border:1px dashed rgba(231,220,255,.2);border-radius:16px;place-items:center;color:#9188aa;font-size:.78rem;text-align:center}.addon-ad[data-ad-slot]{display:grid}.addon-toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,140px);transition:.25s;background:#fff;color:#171027;padding:10px 17px;border-radius:999px;box-shadow:0 14px 45px #0008}.addon-toast.show{transform:translate(-50%,0)}.pwa-prompt{position:fixed;right:18px;bottom:18px;z-index:110;width:min(370px,calc(100% - 36px));border:1px solid #8c72d2;border-radius:20px;background:#18123a;color:#fff;padding:18px;box-shadow:0 24px 70px #0009}.pwa-prompt strong{color:var(--addon-gold)}.pwa-actions{display:flex;gap:8px;margin-top:13px}.pwa-actions button{flex:1}.ranking-list{display:grid;gap:12px;padding:0;list-style:none}.ranking-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;border:1px solid var(--addon-line);border-radius:16px;background:#171238;padding:15px}.ranking-item .rank{font:800 1.35rem Georgia,serif;color:var(--addon-gold)}.ranking-item small{color:#a99fbe}.season-pill{display:inline-flex;border:1px solid #7760b5;border-radius:999px;padding:6px 11px;color:#eadfff;background:#261d51;font-size:.82rem}.share-preview{position:fixed;inset:0;z-index:130;display:none;align-items:center;justify-content:center;padding:18px;background:#050312df}.share-preview.open{display:flex}.share-dialog{width:min(500px,100%);max-height:94vh;overflow:auto;border:1px solid #8469c2;border-radius:22px;background:#18123a;padding:18px}.share-dialog canvas{display:block;width:100%;height:auto;border-radius:16px}.share-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.article-addon{width:min(860px,calc(100% - 30px));margin:28px auto 50px}.article-addon .addon-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.addon-grid{grid-template-columns:1fr 1fr}.addon-row{grid-template-columns:1fr}.result-tools{display:grid;grid-template-columns:1fr 1fr}.article-addon .addon-grid{grid-template-columns:1fr}.pwa-prompt{left:18px;right:auto}.ranking-item{grid-template-columns:38px 1fr}}
@media(max-width:480px){.addon-grid{grid-template-columns:1fr}.result-tools{grid-template-columns:1fr}.addon-hub{padding:42px 0}.share-dialog{padding:12px}}
@media(prefers-reduced-motion:reduce){.addon-card,.addon-toast{transition:none}}