/* Pergaminho e componentes extraídos da janela Rankings do cliente. */
#rankings{background:transparent;color:#f6e5bf;scroll-margin-top:24px;padding:30px 0}
#rankings>.container{min-width:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;width:100%;max-width:1080px}
#rankings .section-heading{margin-bottom:16px}#rankings .rank-intro{font-size:13px;color:#e0e5e9;text-shadow:0 1px 3px #000;margin:0 0 22px}
.rank-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:36px;padding:14px;background:#11141ad9;border:1px solid #b28c4947;border-radius:6px}
.rank-filters>div{flex:1;min-width:150px}.rank-filters label{display:block;font-size:12px;color:#ddcda9;margin-bottom:7px}.rank-filters select{width:100%;min-height:44px;background:#25231f;border:1px solid #998159;color:#ffedca;font:15px Georgia,serif;padding:9px 28px 9px 10px;border-radius:3px}.rank-filters .button{min-height:44px}
#rankings .rank-board{position:relative;border:24px solid transparent;border-image:url('rank-game/frame.png') 120 fill / 35px stretch;background:none;border-radius:0;box-shadow:0 8px 25px #0007;backdrop-filter:none;-webkit-backdrop-filter:none;color:#77512e;font-family:Georgia,'Times New Roman',serif;min-width:0;padding:8px 0 0}
#rankings .rank-scroll-title{position:absolute;top:-41px;left:50%;transform:translateX(-50%);width:min(367px,82%);height:55px;margin:0;display:grid;place-items:center;background:url('rank-game/title.png') center/100% 100% no-repeat;font:700 25px Georgia,serif;letter-spacing:1px;color:#ffe4ab;text-shadow:1px 2px 2px #301810}
#rankings .rank-board-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 8px 4px;background:none;border:0}.rank-board-heading h4{margin:0;font:700 17px Georgia,serif;color:#6e3e21}.rank-board-heading>span{margin-left:auto;font:11px 'Segoe UI',sans-serif;color:#76664b}
#rank-motion,#profile-motion{font:11px 'Segoe UI',sans-serif;border:1px solid #96795388;color:#75562f;background:#fff6da66;border-radius:3px;padding:7px 9px;cursor:pointer}
#rankings .rank-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 2px 18px;align-items:end;min-height:150px}
#rankings .podium-card{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;background:none;border:0;padding:0 3px;gap:3px;text-align:center;isolation:isolate}
#rankings .podium-1{order:2;z-index:2}#rankings .podium-2{order:1}#rankings .podium-3{order:3}
.podium-visual{width:100%;aspect-ratio:400/350;position:relative}.podium-visual::before{content:'';position:absolute;inset:auto 12% 0;height:27%;background:url('rank-game/pedestal.png') center bottom/contain no-repeat;opacity:.6;z-index:-1}
.ninja-visual canvas{display:block;width:100%;height:auto;aspect-ratio:400/350}.ninja-visual{min-width:0}.visual-empty{display:grid;place-items:center;min-height:140px;font:12px 'Segoe UI',sans-serif;color:#846d51}
#rankings .podium-position{font:12px Georgia,serif;color:#846343}#rankings .podium-name{font:700 18px Georgia,serif;color:#ba480c;overflow-wrap:anywhere;max-width:100%;text-decoration:none}#rankings .podium-2 .podium-name{color:#8b29b0}#rankings .podium-3 .podium-name{color:#526ac0}
#rankings .podium-card strong{font:700 16px Georgia,serif;color:#91632b}#rankings .podium-card small{font:10px 'Segoe UI',sans-serif;color:#7a6b50}#rankings a.podium-name:hover{text-decoration:underline}
.rank-records{display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:12px;align-items:start}.rank-table-wrap{min-width:0;border:1px solid #9a875c;border-radius:4px;overflow:hidden;background:#cabb9577;box-shadow:inset 0 0 4px #5c4a2c55}
#rankings .rank-table{width:100%;border-collapse:collapse;table-layout:fixed;font:14px Georgia,serif}#rankings .rank-table th{font:11px 'Segoe UI',sans-serif;text-align:left;color:#79502d;background:#d5c69b;border:0;padding:9px 6px}#rankings .rank-table td{padding:8px 6px;height:46px;border:0;overflow-wrap:anywhere;vertical-align:middle;color:#75502c}#rankings .rank-table tbody tr:nth-child(even){background:#93835738}#rankings .rank-table tbody tr:first-child{background:#f4e0a5;border:1px solid #b99242}#rankings .rank-table tbody tr:hover{background:#fbf1c080}
#rankings .rank-table th:first-child{width:48px;text-align:center}#rankings .rank-table th:nth-child(3){width:55px;text-align:center}#rankings .rank-table th:last-child{width:30%;text-align:right}#rankings .rank-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}#rankings .rank-table td:last-child strong{font-weight:400;color:#ad4e16}#rankings .rank-table td small{display:block;font:10px 'Segoe UI',sans-serif;color:#786445;line-height:1.4}.rank-position{text-align:center;font:14px Georgia,serif}.rank-position img{width:34px;height:34px;object-fit:contain;vertical-align:middle}#rankings .rank-level{text-align:center;color:#397624}
.rank-player-name{font:15px Georgia,serif;color:inherit;text-decoration:none;overflow-wrap:anywhere}.rank-player-name:hover{text-decoration:underline}.rank-place-1 .rank-player-name{color:#b4430b}.rank-place-2 .rank-player-name{color:#8b29b0}.rank-place-3 .rank-player-name{color:#526ac0}.rank-vip{display:inline-block;background:linear-gradient(#b44261,#862b42);border:1px solid #692b32;box-shadow:inset 0 0 0 1px #f4c3b1;border-radius:4px;padding:2px 5px;margin:0 6px 3px 0;color:#ffe08a;font:700 9px 'Segoe UI',sans-serif;white-space:nowrap}
.rank-category-list{max-height:525px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a38344 #cdbd91;display:grid;gap:9px;padding-right:4px}.rank-category-group{display:grid;gap:6px}.rank-category-group h4{font:11px 'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#7b5d36;margin:0 0 2px}.rank-category-list button{width:100%;min-height:42px;padding:7px 8px;border:0;background:url('rank-game/button-active.png') center/100% 100% no-repeat;font:14px Georgia,serif;color:#7a4624;cursor:pointer;text-align:center;transition:filter .15s}.rank-category-list button:hover{filter:brightness(1.09)}.rank-category-list button[aria-pressed=true]{background-image:url('rank-game/button.png');color:#683806;font-weight:bold}
#rank-status,.rank-note{font:11px/1.6 'Segoe UI',sans-serif;color:#756248;margin:14px 4px 0}#rank-status.rank-error{color:#9e2a16}.rank-scroll-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;border-top:1px solid #ae946066;padding:12px 5px 3px;font:12px Georgia,serif}.rank-return{color:#794719;font:700 18px Georgia,serif;text-decoration:none}.rank-return:hover{text-decoration:underline}.rank-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#ddd5c9;font-size:11px;margin-top:16px;text-shadow:0 1px 3px #000}.rank-footer a{color:#ffd28d}#rankings [hidden],#perfil [hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#perfil{background:none;color:#f1e4cb;padding:25px 0}.profile-shell{max-width:1080px;margin:auto;padding:28px;background:linear-gradient(130deg,#181b20e8,#0c1015ec);backdrop-filter:blur(8px);border:1px solid #be93554d;border-radius:8px;min-width:0}.profile-back{color:#e3b978;font-size:12px;text-decoration:none}.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0}.profile-heading h1{font:44px Bangers,sans-serif;letter-spacing:1px;margin:7px 0;overflow-wrap:anywhere}.profile-heading p{color:#bbbdc4;font-size:12px}.profile-heading .eyebrow{color:#dfa755}.profile-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:30px}.profile-character{position:relative;background:radial-gradient(ellipse at 50% 80%,#a0742838,transparent 65%);text-align:center}.profile-character .ninja-visual{max-width:370px;margin:auto}.profile-vip{display:inline-block;color:#ffe799;border:1px solid #b08948;border-radius:4px;padding:4px 12px;font:700 13px Georgia,serif}.profile-character #profile-motion{color:#dfc698;border-color:#8d745544;background:#3c352466;margin-left:12px}.profile-dossier{padding:22px;border-top:2px solid #bd8745;background:#c2a66a0a}.profile-dossier h2{font:28px Bangers,sans-serif;margin:0 0 20px}.profile-dossier dl{margin:0}.profile-dossier dl>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #c9b49422;font-size:13px}.profile-dossier dt{color:#aaa9a2}.profile-dossier dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.profile-dossier [data-profile-power]{color:#ffc363}.profile-currencies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.profile-currencies article{display:flex;align-items:center;gap:14px;padding:18px 15px;background:#85744716;border:1px solid #b7914945;border-radius:5px;min-width:0}.profile-currencies article>div{min-width:0}.currency-seal{font:30px Georgia,serif;color:#e6b963;border:1px solid #c1954766;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;background:radial-gradient(#d4a34422,#51311433)}.profile-currencies h3{font:12px 'Segoe UI',sans-serif;color:#c6bfae;margin:0 0 7px}.profile-currencies strong{font:700 21px Georgia,serif;color:#ffdda0;overflow-wrap:anywhere}.profile-note{font-size:11px;line-height:1.6;color:#aaa99e;margin:14px 0 30px}.profile-ranks-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.profile-ranks-heading h2{font:29px Bangers,sans-serif;margin:5px 0}.profile-ranks-heading label{font-size:12px;display:flex;gap:8px;align-items:center}.profile-ranks-heading input{width:17px;height:17px;accent-color:#eeb359}.profile-ranks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-rank{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;border:1px solid #b08b4933;background:#ffffff04;border-radius:4px;text-decoration:none;color:#ede6da;transition:background .2s,border-color .2s;min-width:0}.profile-rank>div{min-width:0}.profile-rank:hover{background:#d2a35016;border-color:#cdac6899}.profile-rank.is-medalist{border-left:3px solid #d5a141;background:#b68d2b12}.profile-rank small{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#c09252}.profile-rank h3{font:600 14px 'Segoe UI',sans-serif;margin:6px 0;overflow-wrap:anywhere}.profile-rank span{font-size:11px;color:#a5a9ae}.profile-rank strong{font:30px Bangers,sans-serif;color:#eab968;white-space:nowrap}.profile-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;color:#9fa8b3;font-size:11px}.ninja-profile .button{min-height:42px;font-size:12px}
@media(max-width:760px){.rank-records{grid-template-columns:minmax(0,1fr) 122px;gap:7px}.rank-category-list button{font-size:12px}.profile-overview{gap:16px}.profile-shell{padding:20px}.profile-currencies article{flex-direction:column;text-align:center;padding:12px 8px}.profile-currencies strong{font-size:17px}}
@media(max-width:600px){#rankings{padding:15px 0}#rankings>.container{width:100%}#rankings .section-heading{align-items:start;gap:10px}.rank-filters{gap:10px;padding:12px;margin-bottom:32px}.rank-filters>div{min-width:0;flex-basis:100%}.rank-filters .button{width:100%}#rankings .rank-board{border-width:12px;border-image-width:20px;padding-top:10px}#rankings .rank-scroll-title{top:-34px;height:43px;font-size:22px}#rankings .rank-board-heading{gap:7px;padding:8px 2px 3px}.rank-board-heading h4{font-size:15px}#rankings .rank-board-heading>span{font-size:9px}#rank-motion{font-size:10px;padding:5px 6px}#rankings .rank-podium{padding:0 0 12px;min-height:110px}.visual-empty{min-height:85px;font-size:10px}#rankings .podium-name{font-size:12px}#rankings .podium-card strong{font-size:11px}#rankings .podium-card small{font-size:8px}#rankings .podium-position{font-size:9px}.rank-records{display:flex;flex-direction:column;gap:10px}.rank-table-wrap{width:100%}.rank-category-list{display:none}#rankings .rank-table{font-size:12px}#rankings .rank-table td{padding:7px 4px;height:48px}#rankings .rank-table th{padding:8px 4px;font-size:9px}#rankings .rank-table th:first-child{width:31px}#rankings .rank-table th:nth-child(3){width:33px}#rankings .rank-table th:last-child{width:31%}.rank-position{font-size:11px}.rank-position img{width:27px;height:30px}.rank-player-name{font-size:12px}.rank-vip{font-size:8px;padding:2px 4px;margin:0 4px 2px 0}.rank-scroll-footer{font-size:10px;padding:10px 1px 0}.rank-return{font-size:15px}#rank-status,.rank-note{font-size:10px;margin:10px 1px 0}.rank-footer{font-size:10px}.profile-shell{padding:18px 14px}.profile-heading{flex-direction:column;align-items:start;margin:22px 0 10px}.profile-heading h1{font-size:34px}.profile-overview{grid-template-columns:1fr}.profile-character .ninja-visual{max-width:290px}.profile-dossier{padding:18px 10px}.profile-currencies{gap:6px}.currency-seal{width:34px;height:34px;font-size:23px}.profile-currencies article{padding:12px 4px;gap:9px}.profile-currencies h3{font-size:10px}.profile-currencies strong{font-size:14px}.profile-ranks{grid-template-columns:1fr}.profile-ranks-heading h2{font-size:25px}.profile-bottom{align-items:start;flex-direction:column}.profile-dossier dl>div{font-size:12px}}
#rankings .rank-board{border-image-slice:24 fill;border-image-width:24px}
#rankings .rank-filters select{background:#25231ff0;border-color:#998159;color:#ffedca}
#rankings .rank-filters select option{background:#25231f;color:#ffedca}
#rankings #rank-status,#rankings .rank-note,#rankings .rank-table td small{text-shadow:none;color:#6b593e}
#rankings #rank-status.rank-error{color:#9e2a16}
#rankings .podium-1{grid-column:2;grid-row:1}#rankings .podium-2{grid-column:1;grid-row:1}#rankings .podium-3{grid-column:3;grid-row:1}
.visitor #rankings>.container,.visitor .profile-shell{width:min(1080px,calc(100% - 40px))}
@media(max-width:600px){#rankings .rank-board{border-image-width:15px}.visitor #rankings>.container,.visitor .profile-shell{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.rank-category-list button,.profile-rank{transition:none}}

#rankings>.container>.section-heading,#rankings .rank-intro{text-shadow:0 2px 4px #000,0 0 10px #000}#rankings>.container>.section-heading{background:linear-gradient(90deg,#101720c9,transparent);padding:12px 14px;border-left:2px solid #da9a43}#rankings .rank-intro{padding:0 14px}
