:root{--record-ink:#27170d;--record-gold:#a96d23;--record-paper:#e5c17e;--record-dark:#160b07}
.np-leaders-main-tabs{display:grid;margin:1rem 0 .85rem;border:1px solid #835526;border-radius:7px;padding:4px;background:#1b0e08;grid-template-columns:1fr 1fr;gap:4px;box-shadow:inset 0 0 20px #0008}
.np-leaders-main-tabs button{min-height:46px;border:1px solid transparent;border-radius:4px;color:#bea274;background:transparent;text-transform:uppercase;letter-spacing:.09em;font-weight:900}
.np-leaders-main-tabs button:hover{color:#f1d39a;background:#5c381c66}.np-leaders-main-tabs button.active{border-color:#b77a2f;color:#f5dfb2;background:linear-gradient(180deg,#603b20,#321b0e);box-shadow:inset 0 0 18px #e7a84422,0 2px 8px #0008}
.leaders-page .np-record-book{display:none}.leaders-page.np-show-records .leader-filters,.leaders-page.np-show-records .leaderboard,.leaders-page.np-show-records .np-ranked-leaderboard{display:none!important}.leaders-page.np-show-records .np-record-book{display:block}
.np-record-book{color:var(--record-ink)}.np-record-heading{display:grid;margin:.15rem 0 1rem;border:1px solid #94602b;border-radius:8px;padding:1rem 1.2rem;background:radial-gradient(circle at 7% 0,#f8d78c88,transparent 32%),linear-gradient(135deg,#d9b16f,#edcf91);grid-template-columns:82px 1fr;align-items:center;gap:1rem;box-shadow:inset 0 0 0 2px #f4da9b55,0 10px 25px #3d210d35}
.np-record-crown{display:grid;width:76px;height:76px;border:1px solid #81501f;border-radius:50%;place-items:center;color:#f5d686;background:radial-gradient(circle,#71401d 0 38%,#28140a 40% 61%,#a36c2b 63% 65%,#1a0d07 67%);font-size:2.1rem;text-shadow:0 2px 4px #000;box-shadow:0 7px 16px #0007,inset 0 0 15px #dda64f55}.np-record-heading small{color:#87551f;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem;font-weight:900}.np-record-heading h2{margin:.12rem 0 .08rem;font-size:1.65rem}.np-record-heading p{margin:0;color:#6a4525;font-size:.78rem}
.np-record-controls{display:grid;margin-bottom:.8rem;border:1px solid #9c6c36;border-radius:7px;padding:.65rem;background:#d3aa6d;grid-template-columns:1fr 1.45fr 1fr;gap:.65rem;box-shadow:inset 0 0 18px #6c3c1530}.np-record-controls fieldset{display:flex;min-width:0;margin:0;border:0;padding:0;gap:3px}.np-record-controls legend{float:left;display:flex;min-width:max-content;margin-right:.35rem;padding:0;align-items:center;color:#68431f;text-transform:uppercase;font-size:.56rem;font-weight:900}.np-record-controls button{min-width:0;min-height:34px;border:1px solid #8a5a29;padding:.35rem .55rem;color:#543216;background:#ecd090;flex:1;font-size:.62rem;font-weight:800}.np-record-controls button:first-of-type{border-radius:4px 0 0 4px}.np-record-controls button:last-of-type{border-radius:0 4px 4px 0}.np-record-controls button.active{color:#f4dfb0;background:#3d2313;box-shadow:inset 0 0 12px #d99a3d33}
.np-record-summary{display:flex;margin:.4rem 0 .7rem;padding:0 .15rem;justify-content:space-between;color:#684525;font-size:.69rem;text-transform:uppercase;letter-spacing:.06em}.np-record-summary b{color:#3d2413;font-size:.85rem}
.np-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.np-record-card{position:relative;overflow:hidden;border:1px solid #855323;border-radius:8px;padding:.9rem;background:radial-gradient(circle at 95% 0,#ffd77b45,transparent 34%),linear-gradient(150deg,#e7c789,#c99855);box-shadow:inset 0 0 0 2px #ffe3a744,0 8px 19px #44230d35;animation:npRecordEnter .35s both;animation-delay:var(--record-delay)}.np-record-card:after{position:absolute;right:-22px;bottom:-38px;width:125px;height:125px;border:1px solid #7f4e1c33;border-radius:50%;content:"";box-shadow:inset 0 0 0 10px #f5d58a22,inset 0 0 0 12px #7f4e1c22}.np-record-card>header{position:relative;z-index:1;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:.65rem}.np-record-seal{display:grid;width:48px;height:48px;border:1px solid #9c652a;border-radius:50%;place-items:center;color:#f5d488;background:radial-gradient(circle,#6b3c18,#2a160b 65%);font-size:1.35rem;box-shadow:0 4px 10px #0005,inset 0 0 10px #e9af4e44}.np-record-card header small{display:block;color:#8b5721;text-transform:uppercase;letter-spacing:.11em;font-size:.55rem;font-weight:900}.np-record-card h3{margin:.08rem 0;color:#321d10;font-size:1rem}.np-record-card>p{position:relative;z-index:1;min-height:34px;margin:.55rem 0;color:#704a27;font-size:.68rem;line-height:1.45}.np-record-value{position:relative;z-index:1;display:block;margin:.45rem 0 .6rem;color:#341d0e;font-size:1.45rem;line-height:1;text-shadow:0 1px #ffe0a0}.np-record-holders{position:relative;z-index:1;display:grid;gap:.35rem}.np-record-holder{display:grid;min-height:53px;border:1px solid #8f5d2c;border-radius:5px;padding:.35rem .45rem;color:#eed5a3;background:linear-gradient(90deg,#29170c,#4a2b15);grid-template-columns:42px minmax(100px,1fr) auto;align-items:center;gap:.45rem;text-align:left}.np-record-holder:hover{filter:brightness(1.12);transform:translateY(-1px)}.np-record-avatar{display:grid;width:39px;height:39px;overflow:hidden;border:1px solid #c49042;border-radius:50%;place-items:center;color:#f5dca8;background:#130a06;font-weight:900}.np-record-avatar img{width:100%;height:100%;object-fit:cover}.np-record-holder-name,.np-record-match{display:flex;min-width:0;flex-direction:column}.np-record-holder-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.np-record-holder small{color:#b99764;font-size:.54rem}.np-record-match{text-align:right}.np-record-match b{font-size:.58rem}.np-record-await{position:relative;z-index:1;display:flex;min-height:67px;border:1px dashed #92642f;border-radius:5px;padding:.65rem;color:#6d4928;background:#f0d69755;flex-direction:column;justify-content:center}.np-record-await b{font-size:.75rem}.np-record-await span{font-size:.6rem}.np-record-card>footer{position:relative;z-index:1;display:grid;margin-top:.6rem;border-top:1px solid #8f5b2b88;padding-top:.48rem;grid-template-columns:1fr auto;gap:.12rem .5rem;color:#69451f;font-size:.58rem}.np-record-card>footer b{color:#39200f;font-size:.7rem}.np-record-card>footer small{grid-column:1/-1}.np-record-card>footer.is-shared small{color:#486325;font-weight:900}
.np-record-loading,.np-record-error{display:flex;min-height:180px;border:1px solid #97652f;border-radius:8px;padding:1.2rem;background:#e2bf80;align-items:center;justify-content:center;flex-direction:column;gap:.6rem;text-align:center}.np-record-loading i{width:42px;height:42px;border:3px solid #7a4a2180;border-top-color:#3d2110;border-radius:50%;animation:npRecordSpin .8s linear infinite}.np-record-error span{color:#714727}.np-record-error button{border:1px solid #815020;border-radius:4px;padding:.55rem 1rem;color:#f0d5a1;background:#3d2312;text-transform:uppercase;font-weight:900}.np-record-rules{margin-top:.8rem;border:1px solid #92622e;border-radius:6px;padding:.65rem .8rem;background:#d8ae6e;color:#5c391c}.np-record-rules summary{cursor:pointer;text-transform:uppercase;font-size:.68rem;font-weight:900}.np-record-rules ul{margin:.65rem 0 0;padding-left:1.2rem;font-size:.68rem;line-height:1.55}
.np-record-card>header{grid-template-columns:60px 1fr}.np-record-seal{position:relative;width:58px;height:58px;overflow:hidden}.np-record-seal img{position:absolute;top:50%;left:50%;width:50px;height:50px;max-width:none;object-fit:contain;transform:translate(-50%,-50%) scale(var(--record-icon-scale,1));transform-origin:center;filter:drop-shadow(0 3px 4px #0008)}.np-record-icon-fastest_victory{--record-icon-scale:.82}.np-record-icon-fewest_turns{--record-icon-scale:.78}.np-record-icon-richest_finish{--record-icon-scale:.8}.np-record-icon-highest_game_level{--record-icon-scale:.82}.np-record-icon-property_collector{--record-icon-scale:.78}.np-record-icon-monster_hunter{--record-icon-scale:.76}.np-record-icon-duel_master{--record-icon-scale:.78}.np-record-icon-win_streak{--record-icon-scale:.8}.np-record-seal>span{display:none}.np-record-seal>span.is-visible{display:grid;position:absolute;inset:0;place-items:center}
@keyframes npRecordEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes npRecordSpin{to{transform:rotate(360deg)}}
@media(max-width:850px){.np-record-controls{grid-template-columns:1fr}.np-record-controls fieldset{display:grid;grid-template-columns:repeat(4,1fr)}.np-record-controls legend{float:none;grid-column:1/-1;margin:0 0 .15rem}.np-record-grid{grid-template-columns:1fr}}
@media(max-width:560px){.np-leaders-main-tabs{margin:.75rem 0}.np-leaders-main-tabs button{min-height:40px;font-size:.66rem}.np-record-heading{grid-template-columns:58px 1fr;padding:.75rem}.np-record-crown{width:54px;height:54px;font-size:1.4rem}.np-record-heading h2{font-size:1.25rem}.np-record-heading p{font-size:.65rem}.np-record-controls{padding:.5rem}.np-record-controls button{padding:.3rem .18rem;font-size:.54rem}.np-record-card{padding:.72rem}.np-record-holder{grid-template-columns:36px 1fr}.np-record-avatar{width:34px;height:34px}.np-record-match{display:none}}
@media(prefers-reduced-motion:reduce){.np-record-card,.np-record-loading i{animation:none}}