.ckr-board{box-sizing:border-box;max-width:760px;padding:clamp(20px,4vw,40px);background:#fff7e7;border:1px solid #e1caa8;border-radius:24px;color:#49372e;font-family:system-ui,sans-serif;box-shadow:0 12px 32px #55391f12}.ckr-board h2{font-size:clamp(24px,4vw,36px);line-height:1.12;margin:12px 0}.ckr-board p{line-height:1.5}.ckr-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#986037}.ckr-board ol{list-style:none;margin:24px 0;padding:0}.ckr-board li{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #e6d7c0}.ckr-board li strong{overflow-wrap:anywhere}.ckr-rank{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f0e3cf;font-weight:800}.ckr-board li:nth-child(1) .ckr-rank{background:#f2d16f}.ckr-board li:nth-child(2) .ckr-rank{background:#d8e1e5}.ckr-board li:nth-child(3) .ckr-rank{background:#d8ab83}.ckr-board footer{font-size:12px;line-height:1.7;color:#78634f}.ckr-live{display:block;font-size:12px;margin-top:12px}.ckr-board [hidden]{display:none!important}@media(max-width:420px){.ckr-board li{grid-template-columns:32px 1fr}.ckr-board li>span:last-child{grid-column:2;font-size:13px}}
.ckr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.ckr-tabs button,.ckr-refresh{padding:10px 14px;min-height:44px;border:1px solid #c7ac83;border-radius:12px;background:#fff6e5;cursor:pointer;color:#4a5b42;font-weight:800}.ckr-tabs button[aria-pressed="true"]{background:#406750;color:#fff}.ckr-board li{display:grid;grid-template-columns:40px 44px minmax(0,1fr) auto;gap:8px;align-items:center}.ckr-board li svg{width:40px;height:44px}.ckr-board li:not(:has(svg)){grid-template-columns:40px minmax(0,1fr) auto}.ckr-board .is-you{background:#ecf3df;box-shadow:inset 3px 0 #719754}.ckr-nearby{padding-top:12px}.ckr-personal{font-weight:750}.ckr-board .ckr-live{display:block;min-height:20px}@media(max-width:600px){.ckr-board li{grid-template-columns:30px 38px minmax(0,1fr)}.ckr-board li>span:last-child{grid-column:3;font-size:12px}.ckr-board li:not(:has(svg)){grid-template-columns:30px minmax(0,1fr)}.ckr-board li:not(:has(svg))>span:last-child{grid-column:2}}