/* Trivia Dice — leaderboard (no inline styles; CSP style-src 'self') */
.lb-top{box-sizing:border-box;width:100%;max-width:1100px;margin:6px auto 0;padding:0 12px}
.lb-top-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#1f2a44;color:#fff;border-radius:12px;padding:8px 12px;font:600 14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.lb-top-title{white-space:nowrap;letter-spacing:.02em}
.lb-top-list{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0;flex:1 1 auto}
.lb-chip{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border-radius:999px;padding:4px 10px;min-width:0;max-width:100%}
.lb-chip .lb-place{opacity:.8;font-weight:500}
.lb-chip .lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14ch}
.lb-chip .lb-score{opacity:.85;font-weight:500}
.lb-open .lb-name{font-style:italic;opacity:.7}
.lb-bottom{margin-top:18px}
.lb-bottom h2{margin:0 0 8px;font-size:1.15rem}
.lb-bottom-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lb-row{display:grid;grid-template-columns:2em 6.5em 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.04)}
.lb-row .lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.lb-row .lb-score{font-variant-numeric:tabular-nums}
.lb-note{font-size:.85rem;opacity:.75;margin:8px 0 0}
.lb-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.lb-modal[hidden]{display:none}
.lb-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(10,14,30,.55)}
.lb-box{position:relative;background:#fff;color:#111;border-radius:16px;padding:20px;width:100%;max-width:380px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.lb-title{margin:0 0 6px;font-size:1.3rem}
.lb-sub{margin:0 0 12px;word-break:break-word}
.lb-label{display:block;font-weight:600;margin-bottom:6px}
.lb-input{box-sizing:border-box;width:100%;font-size:16px;padding:10px;border:2px solid #1f2a44;border-radius:10px}
.lb-msg{min-height:1.3em;margin:8px 0}
.lb-btns{display:flex;gap:8px;flex-wrap:wrap}
body.lb-locked{overflow:hidden}
@media (max-width:480px){.lb-top-inner{font-size:13px;padding:6px 8px;gap:6px}.lb-chip{padding:3px 8px}.lb-chip .lb-name{max-width:8ch}.lb-row{grid-template-columns:1.6em 5.5em 1fr auto}}
.lb-extra .lb-label{margin-top:10px;font-weight:500}
.lb-check{display:flex;gap:8px;align-items:flex-start;margin-top:8px}
.lb-google{margin-top:10px}
.lb-privacy{font-size:.8rem;opacity:.8;margin:12px 0 0}

/* Trivia Dice v3 */
.howto summary { cursor: pointer; font-weight: 700; }
.howto ol { margin: .5rem 0 0; padding-left: 1.2rem; line-height: 1.45; }
#dice { display: flex; gap: .4rem; flex-wrap: wrap; justify-content: center; }
#dice .die { display: flex; flex-direction: column; align-items: center; min-width: 3rem; padding: .25rem .35rem; border-radius: .6rem; border: 2px solid transparent; background: rgba(255,255,255,.08); color: inherit; }
#dice .die-face { font-size: 2.2rem; line-height: 1; }
#dice .die-name { font-size: .65rem; min-height: .8rem; opacity: .8; }
#dice .die-cat { border-color: #f5c84c; }
#dice .held { background: rgba(245,200,76,.28); border-color: #fff; }
.dice-info { text-align: center; font-weight: 600; }
.dice-actions, .risk-row { display: flex; gap: .5rem; justify-content: center; flex-wrap: wrap; margin-top: .5rem; }
@media (max-width: 480px) { #dice .die { min-width: 2.6rem; } #dice .die-face { font-size: 1.8rem; } }