:root{--bg:#0d0f15;--panel:#151820;--panel2:#1c202a;--line:#2c313c;--text:#eef0f5;--muted:#9299a8;--yellow:#f5ad18;--purple:#7163e8;--green:#23a55a;--red:#d14e55}
body{background:var(--bg);color:var(--text)}
.topbar{height:58px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 28px;background:#151820;border-bottom:1px solid #252a34;box-shadow:0 4px 18px rgba(0,0,0,.2)}
.topbar .brand{color:#f5f6fa;text-decoration:none;font-weight:900;letter-spacing:.08em}.topbar .brand i{display:inline-grid;place-items:center;width:24px;height:24px;border:0;border-radius:5px;background:var(--yellow);color:#17191f;font-style:normal}.topbar .brand i:after{display:none}
.topbar nav{display:flex;margin:0 0 0 34px;height:100%;gap:28px}.topbar nav a{display:flex;align-items:center;position:relative;color:#9ea4b2;text-decoration:none;font-size:13px;font-weight:650}.topbar nav a.active{color:white}.topbar nav a.active:after{content:"";position:absolute;height:3px;background:var(--yellow);left:0;right:0;bottom:0}.topbar .badge{margin-left:auto;color:#151820;background:var(--yellow);border:0;font-weight:850}
.intro{position:relative;padding:52px 40px 26px;max-width:1380px;margin:auto}.intro h1{font-size:34px;margin:0 0 11px;letter-spacing:-.03em}.intro>p:not(.eyebrow){max-width:810px;color:var(--muted);line-height:1.65}.eyebrow{color:#7f8494;font-size:10px}
.hero__stats{position:absolute;right:40px;bottom:27px;display:flex;gap:8px}.hero-stat{min-width:120px;padding:12px 15px;background:var(--panel);border:1px solid var(--line);border-radius:5px}.hero-stat b{font-size:20px;color:var(--yellow);display:block}.hero-stat small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.toolbar{padding:20px 40px;max-width:1380px;margin:auto;grid-template-columns:1fr minmax(280px,420px)}.toolbar h2{font-size:18px}.search{background:var(--panel2);border-color:var(--line);color:var(--text)}.search input{color:var(--text)}.search span{color:var(--yellow)}.filters button{background:var(--panel);border-color:var(--line);color:var(--muted)}.filters button.active{background:var(--purple);border-color:var(--purple);color:white}
.access-filter{margin-left:auto;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.access-filter select{height:36px;padding:0 34px 0 11px;border:1px solid var(--line);border-radius:5px;background:var(--panel2);color:var(--text);font:inherit;text-transform:none;letter-spacing:0;cursor:pointer}
.workspace{max-width:1300px;margin:0 auto 50px;grid-template-columns:minmax(470px,43%) 1fr;min-height:760px;background:var(--panel);border-color:var(--line);border-radius:9px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.22)}.ranking-panel{border-color:var(--line)}.ranking-head{grid-template-columns:1fr 122px;background:#191c24;color:#777e8e;border-bottom:1px solid var(--line)}.ranking-list{height:760px}.rank-row{grid-template-columns:1fr 122px;background:var(--panel);border-color:var(--line);color:var(--text)}.rank-row:hover,.rank-row.active{background:#20242e}.rank-row.active{box-shadow:inset 4px 0 var(--yellow)}.place{color:var(--yellow)}.poke{grid-template-columns:35px 44px 1fr}.sprite{display:block;width:40px;height:40px;background-repeat:no-repeat;background-position:left center;background-size:120px 40px;image-rendering:pixelated}.name-line{display:flex;align-items:center;gap:7px;min-width:0}.name-line strong{min-width:0}.access-tag{display:inline-flex;flex:none;padding:3px 6px;border:1px solid #5c4b22;border-radius:4px;background:#292316;color:var(--yellow);font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.poke small,.empty,.route-title span{color:var(--muted)}.metric{justify-self:end;padding:6px 9px;color:#67d68d;background:#153b29;border-radius:4px}
.detail{background:#101319}.detail h2,.route-title h3{color:var(--text)}.detail h2 .access-tag{vertical-align:middle;margin-left:6px}.detail-top{border-color:var(--line)}.identity{display:flex;align-items:center;gap:14px}.detail-sprite{display:block;width:78px;height:78px;flex:none;background-color:var(--panel2);background-repeat:no-repeat;background-position:left center;background-size:234px 78px;image-rendering:pixelated;border:1px solid var(--line);border-radius:8px}.type{color:white;background:#435d86}.big-score b{font-size:28px;color:#67d68d}.summary-cards div{background:var(--panel2);border:1px solid var(--line);border-radius:5px}.summary-cards b{color:#67d68d}.route:before{background:#373d48}.segment{background:var(--panel2);border-color:#303541}.segment strong{color:var(--text)}.segment .xp{color:#67d68d}.segment:before{border-color:#101319;background:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}.segment.gap{background:#2b1a1e;border-color:#593038}.segment.gap:before{background:var(--red);box-shadow:0 0 0 1px var(--red)}
.method{max-width:1300px;margin:60px auto;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:42px}.method h2{font-size:25px}.method-grid{margin-top:35px;gap:16px}.method article{padding:20px;background:var(--panel2);border:1px solid var(--line);border-radius:6px}.method article b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:5px;background:var(--yellow);color:#17191f}.method article h3{font-size:15px}.method article p,.fineprint{color:var(--muted);font-size:12px}.formula{margin-top:18px;padding:18px 20px;background:#101319;border:1px solid #40351d;border-left:4px solid var(--yellow);display:flex;gap:14px;align-items:center;flex-wrap:wrap}.formula span{color:var(--yellow);font-weight:850}.formula strong{font-size:13px}footer{background:#151820;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:900px){.topbar nav{display:none}.intro,.toolbar{padding-left:20px;padding-right:20px}.intro{padding-bottom:110px}.hero__stats{position:absolute;left:20px;right:20px;bottom:20px;margin:0;flex-wrap:nowrap}.filters{flex-wrap:wrap}.access-filter{width:100%;margin:4px 0 0}.workspace,.method{margin-left:20px;margin-right:20px}.workspace{grid-template-columns:1fr}.method{padding:25px}.method-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{padding:0 15px}.topbar .badge{font-size:9px}.intro h1{font-size:27px}.hero__stats{overflow:auto}.hero-stat{min-width:100px}.ranking-head,.rank-row{grid-template-columns:1fr 100px}.detail-top{display:block}.big-score{text-align:left;margin-top:18px}}

/* RotaIdle: controles de categorias combináveis e faixa dinâmica. */
.topbar .creator{margin-left:auto;color:#17191f;background:var(--yellow);padding:8px 11px;border-radius:5px;text-decoration:none;font-size:11px;font-weight:850}
.range-card{grid-column:1/-1;margin-top:4px;padding:18px 20px 16px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.range-card__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.range-card__head span{display:block;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.11em}
.range-card__head strong{display:block;margin-top:4px;color:var(--yellow);font-size:20px;letter-spacing:-.02em}
.range-card__head small{color:var(--muted)}
.range-controls{display:grid;grid-template-columns:360px minmax(260px,1fr);gap:28px;align-items:center}
.range-fields{display:grid;grid-template-columns:1fr 24px 1fr;gap:9px;align-items:end}.range-fields>label>span:first-child{display:block;margin:0 0 6px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.range-arrow{align-self:end;display:grid;place-items:center;height:42px;color:#596170;font-size:18px}.level-input{display:flex;align-items:center;height:42px;background:var(--panel2);border:1px solid #3a414f;border-radius:6px;transition:border-color .15s,box-shadow .15s}.level-input:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(113,99,232,.15)}.level-input:has(input[aria-invalid="true"]){border-color:#d29a35}.level-input i{padding-left:12px;color:var(--muted);font-size:10px;font-style:normal;font-weight:850}.level-input input{width:100%;height:100%;padding:0 11px 0 6px;color:var(--text);background:transparent;border:0;outline:0;font:inherit;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;appearance:textfield}.level-input input::-webkit-inner-spin-button,.level-input input::-webkit-outer-spin-button{margin:0;appearance:none}
.dual-range{--start:0%;--end:100%;position:relative;height:54px;padding-top:11px}.dual-range__track{position:absolute;left:0;right:0;top:17px;height:6px;background:#303542;border-radius:99px;overflow:hidden}.dual-range__track span{position:absolute;top:0;bottom:0;left:var(--start);right:calc(100% - var(--end));background:linear-gradient(90deg,#7163e8,#9b71f0);border-radius:99px}.dual-range input[type=range]{position:absolute;inset:0 0 auto;width:100%;height:40px;margin:0;background:transparent;pointer-events:none;appearance:none}.dual-range input[type=range]::-webkit-slider-runnable-track{height:6px;background:transparent}.dual-range input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;background:#8a72ed;border:3px solid #d8d1ff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.4);cursor:grab;pointer-events:auto;appearance:none}.dual-range input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}.dual-range input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid rgba(245,173,24,.5);outline-offset:2px}.dual-range input[type=range]::-moz-range-track{height:6px;background:transparent}.dual-range input[type=range]::-moz-range-thumb{width:15px;height:15px;background:#8a72ed;border:3px solid #d8d1ff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.4);cursor:grab;pointer-events:auto}.range-scale{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#687080;font-size:9px;font-weight:700}
@media(max-width:900px){.range-controls{grid-template-columns:1fr;gap:16px}}
@media(max-width:560px){.topbar .creator{font-size:9px}.range-card{padding:16px}.range-card__head{display:block}.range-card__head small{display:block;margin-top:6px}.range-controls{margin-top:18px}.range-fields{grid-template-columns:1fr 18px 1fr;gap:5px}.level-input i{display:none}.level-input input{padding:0 8px;font-size:13px}.dual-range{margin-top:2px}}
.support{display:flex;gap:22px;align-items:center;justify-content:space-between;margin:18px 0 0;padding:14px 18px;background:#12161f;border:1px solid #292f3a;border-radius:8px}.support-copy{display:flex;gap:10px;align-items:center;min-width:max-content}.support-icon{display:grid;flex:0 0 28px;place-items:center;width:28px;height:28px;color:#aab0bd;background:#242a35;border-radius:6px;font-size:13px}.support h2{margin:0 0 2px;color:#c8cdd7;font-size:13px}.support p{margin:0;color:#7f8795;font-size:10px}.wallet-card{position:relative;display:grid;grid-template-columns:auto minmax(210px,1fr) auto;gap:7px 10px;align-items:center;max-width:690px;width:100%}.wallet-meta{display:flex;flex-direction:column;gap:0}.wallet-meta strong{color:#b8bec9;font-size:11px}.wallet-meta span{color:#747c8b;font-size:8px;font-weight:800;text-transform:uppercase}.wallet-card code{min-width:0;padding:8px 10px;overflow:hidden;color:#b8bec9;background:#171b24;border:1px solid #292f3a;border-radius:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-overflow:ellipsis;white-space:nowrap;user-select:all}.wallet-card button{height:32px;padding:0 12px;color:#d9dde5;background:#292f3a;border:1px solid #39414f;border-radius:5px;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.wallet-card button:hover{background:#343c49}.wallet-card button:focus-visible{outline:3px solid rgba(113,99,232,.28);outline-offset:2px}.wallet-card>small{grid-column:1/-1;color:#69717f;font-size:8px;text-align:right}.copy-status{position:absolute;right:0;bottom:-17px;color:#62d989;font-size:9px;font-weight:800}.topbar nav{display:flex;gap:26px}.topbar nav a{white-space:nowrap}
@media(max-width:900px){.support{align-items:flex-start;flex-direction:column}.support-copy{min-width:0}.wallet-card{max-width:none}}
@media(max-width:620px){.support{padding:14px}.wallet-card{grid-template-columns:1fr}.wallet-card code{font-size:9px}.wallet-card button{width:100%}.wallet-card>small{text-align:left}}