.reference-tools{max-width:1280px;margin:auto;padding:36px 24px 72px;color:#e9f0f6;font-family:inherit}.reference-tools h1{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.6px;margin:10px 0 18px}.reference-tools h2{font-size:23px}.reference-tools h3{font-size:17px}.rt-eyebrow{font-size:11px;font-weight:800;letter-spacing:2.4px;color:#6fe4ca}.rt-lead{color:#a2b4c6;line-height:1.6;max-width:760px;margin-bottom:28px}.reference-tools button,.reference-tools input,.reference-tools select,.rt-dialog button,.rt-dialog input{font:inherit;color:inherit;border:1px solid #344754;border-radius:9px;background:#172532;min-height:42px;padding:10px 14px}.reference-tools button,.rt-dialog button{cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.reference-tools button:hover,.rt-dialog button:hover{border-color:#69d3bd;background:#203a43}.reference-tools button:focus-visible,.reference-tools a:focus-visible,.reference-tools input:focus-visible,.reference-tools select:focus-visible,.rt-dialog button:focus-visible{outline:3px solid #9e8df8;outline-offset:3px}.reference-tools button:disabled{opacity:.4;cursor:default}.reference-tools label{font-size:12px;font-weight:600;display:flex;gap:7px;flex-direction:column;color:#adbdcc}.reference-tools select{max-width:220px}.rt-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;background:#14222e;border:1px solid #273946;border-radius:14px;padding:18px;margin:24px 0}.rt-search{flex:1;min-width:210px}.rt-search input{width:100%;box-sizing:border-box}.rt-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:26px 0}.rt-tabs a{text-decoration:none;color:#aebfce;padding:11px 20px;border:1px solid #304451;border-radius:9px;background:#14232f}.rt-tabs a[aria-current]{background:#244239;border-color:#65d6af;color:#9cebcf}.rt-results{font-size:13px;color:#9caebc}.rt-dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:15px}.reference-tools .rt-creature-card{padding:0;text-align:left;overflow:hidden;background:linear-gradient(145deg,#1b2c3b,#14212d);border:1px solid #2c4050;border-radius:14px}.rt-creature-card:hover{transform:translateY(-3px)}.rt-card-art{height:165px;position:relative;background:radial-gradient(ellipse at 50% 65%,#334b61a0,transparent 67%);display:flex;align-items:center;justify-content:center}.rt-card-art img{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 10px 9px #0005)}.rt-number{position:absolute;top:12px;left:12px;color:#89a2b7;font:11px ui-monospace,monospace}.rt-card-copy{padding:0 16px 16px}.rt-card-copy h3{margin:0 0 7px;font-weight:700}.rt-card-copy p{font-size:12px;color:#9cafc0;margin:0 0 12px}.rt-chips{display:flex;gap:6px;flex-wrap:wrap}.rt-chips span{font-size:11px;border:1px solid #3f5366;background:#263746;border-radius:6px;padding:4px 7px;color:#c6d9e6}.rt-paging{display:flex;gap:18px;align-items:center;justify-content:center;margin:28px 0;color:#9fb2c3;font-size:13px}.rt-empty{padding:30px;background:#172735;border:1px dashed #38566a;border-radius:12px;grid-column:1/-1;color:#b6c4ce}.rt-dialog{background:#14222f;color:#e6eef4;border:1px solid #456073;border-radius:18px;padding:25px;max-width:min(900px,calc(100vw - 70px));max-height:85vh;overflow:auto;font-family:inherit;box-shadow:0 30px 100px #0008}.rt-dialog::backdrop{background:#050d17d9;backdrop-filter:blur(4px)}.rt-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:-25px;background:#14222ff5;z-index:2;padding:10px 0}.rt-modal-head h2{margin:0;font-size:25px}.rt-modal-head .rt-close{font-size:25px;min-width:42px;line-height:1;padding:6px}.rt-creature-intro{display:flex;gap:30px;align-items:center;margin:10px 0 28px}.rt-creature-intro>img{width:170px;height:170px;object-fit:contain}.rt-creature-intro h3{font-size:28px;margin:10px 0}.rt-form-switch{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.rt-form-switch [aria-pressed=true]{border-color:#6addba;color:#91edd2;background:#244d44}.rt-appearance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}.rt-appearance-grid figure{margin:0;background:#203343;border:1px solid #334a5a;border-radius:12px;padding:10px;text-align:center}.rt-appearance-grid img{width:130px;max-width:100%;aspect-ratio:1;object-fit:contain}.rt-appearance-grid figcaption{font-size:12px;color:#b8ccdd;margin:6px}.rt-notice{padding:13px 18px;background:#2c2e3e;border-left:3px solid #b4a3f7;border-radius:6px;color:#c3bbdc;font-size:13px;line-height:1.5}.rt-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin:20px 0 30px}.rt-code-card,.rt-panel{background:#172735;border:1px solid #304757;border-radius:14px;padding:22px}.rt-code-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.rt-code-top code{font-size:18px;color:#a1ecd9;font-weight:700;overflow-wrap:anywhere}.rt-badge{display:inline-block;font-size:10px;letter-spacing:.5px;font-weight:700;background:#284b40;color:#9be8c2;padding:5px 8px;border-radius:5px;text-transform:uppercase}.rt-expired{opacity:.65}.rt-expired .rt-badge{background:#633a43;color:#ffbac0}.rt-rewards{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.rt-rewards>div{display:flex;align-items:center;gap:8px;background:#10212d;border:1px solid #2c4252;border-radius:9px;padding:7px;font-size:12px}.rt-rewards img{width:38px;height:38px;object-fit:contain}.rt-code-card p{font-size:12px;color:#9fb4c4}.rt-code-card>button{width:100%;margin-top:8px}.rt-panel{margin:22px 0}.rt-panel li{margin:10px 0;color:#aebfce}.rt-panel h2{margin-top:0}.rt-matchup{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.rt-matchup select{min-width:145px}.rt-multiplier{margin-left:auto;color:#99edcf;font-size:28px;font-weight:800}.rt-versus{font-size:24px;color:#7897ac}.rt-legend{display:flex;gap:16px;flex-wrap:wrap;padding:14px;font-size:12px;color:#adbecb}.rt-table-scroll{overflow:auto;border:1px solid #304757;border-radius:12px}.rt-damage-table{border-collapse:collapse;min-width:850px;width:100%;font-size:12px;text-align:center}.rt-damage-table caption{text-align:left;background:#182c3b;padding:14px;color:#a9bdcc}.rt-damage-table th{background:#192e3e;padding:10px 6px;color:#bfd3e0;white-space:nowrap}.rt-damage-table th:first-child{position:sticky;left:0;z-index:1}.rt-damage-table th img{display:block;width:28px;height:28px;object-fit:contain;margin:0 auto 5px}.rt-damage-table td{padding:2px;background:#12222e;border:1px solid #203443}.rt-damage-table td button{width:100%;border-radius:4px;border-color:transparent;padding:10px 3px;background:transparent;font-size:12px}.rt-strong{color:#82ebba!important}.rt-resisted{color:#ec9baf!important}.rt-damage-table td .rt-highlight{background:#1e3446}.rt-damage-table td .rt-selected{box-shadow:inset 0 0 0 2px #c2b0ff;background:#3d365b}.rt-dual-note{font-size:12px;color:#d5baf0}.rt-calendar-header{display:flex;align-items:center;gap:12px;margin:20px 0}.rt-calendar-header h2{margin-right:auto}.rt-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.rt-weekday{text-align:center;font-size:11px;font-weight:700;color:#91aabd;padding:10px}.reference-tools .rt-day{min-height:117px;text-align:left;padding:9px 7px;display:flex;gap:5px;flex-direction:column;overflow:hidden;background:#182a39;border-color:#2e4556;border-radius:7px}.rt-day b{font-size:14px;color:#c4d8e6}.rt-day span{font-size:10px;line-height:1.25;border-radius:3px;background:#2f405c;color:#c2caf1;padding:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;box-sizing:border-box}.rt-day small{font-size:9px;color:#8eb8bf}.reference-tools .rt-day-today{border-color:#6ce4c4}.reference-tools .rt-day-selected{background:#2a4b48;border-color:#9cebcf;box-shadow:0 0 0 1px #9cebcf}.rt-day-heading{display:flex;align-items:center;gap:15px;margin-top:30px}.rt-day-heading small{color:#8ba7bc}.rt-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px}.reference-tools .rt-event-card{text-align:left;padding:0;overflow:hidden;background:#182b3a;border-radius:13px}.rt-event-card>img{width:100%;height:100px;object-fit:cover;object-position:center}.rt-event-card>div{padding:17px}.rt-event-card h3{margin:10px 0}.rt-event-card p{font-size:12px;color:#c3b9eb}.rt-event-card small{font-size:11px;color:#8da7bc}.rt-event-banner{width:100%;max-height:320px;object-fit:contain;border-radius:10px}.rt-loading{padding:60px;text-align:center;color:#a5bbcc}@media(max-width:650px){.reference-tools{padding:24px 12px 50px}.reference-tools h1{font-size:34px}.rt-toolbar{padding:12px;gap:10px}.reference-tools select{max-width:100%;width:100%}.reference-tools .rt-toolbar label:not(.rt-search){flex:1;min-width:120px}.rt-dex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rt-card-art{height:145px}.rt-card-art img{width:125px;height:125px}.rt-card-copy{padding:0 10px 12px}.rt-tabs a{padding:9px 12px;font-size:12px}.rt-creature-intro{gap:12px;flex-direction:column;text-align:center}.rt-creature-intro .rt-chips{justify-content:center}.rt-dialog{padding:16px;max-width:calc(100vw - 44px);width:100%}.rt-modal-head{top:-16px}.rt-appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-day span{display:none}.reference-tools .rt-day{min-height:64px;padding:8px}.rt-day small{font-size:8px}.rt-weekday{font-size:9px}.rt-calendar-header h2{font-size:19px}.rt-multiplier{margin-left:0;width:100%}.rt-calendar-header{gap:7px}.rt-calendar-header button{padding:8px 10px}} .rt-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rt-stats>div{background:#203442;border:1px solid #345365;border-radius:10px;padding:12px}.rt-stats span{color:#a2b9c9;font-size:11px}.rt-stats strong{float:right;font-size:21px;color:#a0e9cc}.rt-stats meter{display:block;width:100%;height:8px;margin-top:14px;accent-color:#74d3bb}.rt-skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.rt-skills>div{background:#1c3040;padding:12px;border:1px solid #304a5c;border-radius:10px}.rt-skills h4{margin:0 0 10px}.rt-dialog h3{margin-top:27px} .rt-code-card{display:flex;flex-direction:column}.rt-code-top{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.rt-code-card>button{margin-top:auto}.rt-code-card>p{margin-bottom:16px}.rt-appearance-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#203343!important;border:1px solid #334a5a!important;border-radius:12px;padding:10px!important}.rt-appearance-choice img{width:130px;max-width:100%;aspect-ratio:1;object-fit:contain}.rt-appearance-choice span{font-size:12px;color:#b8ccdd}.rt-appearance-choice[aria-pressed=true]{border-color:#9ae6ca!important;background:#284a46!important;box-shadow:inset 0 0 0 1px #9ae6ca}.rt-creature-intro>img{width:240px;height:240px;object-fit:contain}.rt-element-pickers{display:grid;gap:15px;margin:26px 0}.rt-element-pickers fieldset{border:1px solid #344754;background:#172735;border-radius:13px;padding:14px}.rt-element-pickers legend{color:#acbdd0;font-size:12px;padding:0 10px}.rt-element-buttons{display:flex;gap:10px;flex-wrap:wrap}.rt-element-buttons button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;flex:1;min-width:75px;max-width:115px;min-height:88px;padding:12px 6px}.rt-element-buttons img{width:38px;height:38px;object-fit:contain}.rt-element-buttons span{font-size:11px}.rt-element-buttons [aria-pressed=true]{border-color:#84e4c4;background:#294e46;box-shadow:0 0 0 1px #84e4c4}.rt-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.rt-official-calendar{margin:20px -20px 44px}.rt-official-calendar>button{padding:0;border:0;background:transparent;border-radius:0;width:100%;display:block}.rt-official-calendar img{display:block;width:100%;height:auto}.rt-official-calendar button span{display:block;margin:16px;color:#9cd9e8;font-size:12px}.rt-calendar-zoom{overflow:auto;max-width:82vw}.rt-calendar-zoom img{display:block;width:1800px;max-width:none;height:auto}.rt-event-list-title{margin-top:30px}.rt-community-previews{margin-top:50px}.rt-community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.rt-community-card{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.rt-community-crop{display:block;flex-shrink:0;width:140px;height:140px;background-image:url('/experimental/assets/official/community-creature-preview.png');background-repeat:no-repeat;background-size:1536px 1024px;background-position:var(--crop-x) var(--crop-y);border-radius:50%;overflow:hidden}.rt-community-card strong{font-size:13px}.rt-community-card>span:not(.rt-community-crop){font-size:11px;color:#bdceda}.rt-community-card small{color:#8ca9bd;font-size:10px}.rt-community-detail{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;line-height:1.7}.rt-community-chart{max-width:100%;height:auto}.rt-community-detail .rt-community-crop{margin:18px;transform:scale(1.25)}@media(max-width:650px){.rt-element-buttons{gap:6px}.rt-element-buttons button{min-width:55px;min-height:75px;padding:8px 4px}.rt-element-buttons img{width:30px;height:30px}.rt-element-buttons span{font-size:9px}.rt-official-calendar{margin:16px -8px 30px}.rt-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-community-card{padding:10px!important}.rt-community-crop{width:140px;height:140px}.rt-calendar-zoom{max-width:78vw}} .rt-mobile-damage{display:none}.rt-full-matrix{border:0;background:none}.rt-full-matrix>summary{display:none} @media(max-width:1000px){ .rt-matchup{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px}.rt-matchup label{min-width:0;width:100%;font-size:14px}.rt-matchup select{width:100%;min-height:46px;font-size:16px}.rt-matchup .rt-versus{display:none}.rt-matchup output{font-size:24px;text-align:left;padding:8px 0}.rt-mobile-damage{display:block;margin:24px 0}.rt-mobile-damage h2{font-size:21px}.rt-mobile-matchups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rt-mobile-matchups button{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 10px;min-height:58px;font-size:14px;border:1px solid var(--line);border-radius:10px;min-width:0}.rt-mobile-matchups button>span{display:flex;align-items:center;gap:6px}.rt-mobile-matchups img{width:24px;height:24px;object-fit:contain}.rt-mobile-matchups [aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.rt-full-matrix>summary{display:block;padding:14px;font-size:15px;font-weight:700;border:1px solid var(--line);border-radius:10px;cursor:pointer}.rt-full-matrix .rt-table-scroll{margin-top:12px}.rt-legend{font-size:13px;flex-wrap:wrap} } @media(min-width:641px) and (max-width:1000px){.rt-matchup{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rt-mobile-matchups{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:400px){.rt-mobile-matchups button{display:grid;justify-items:center;justify-content:stretch;text-align:center;gap:8px;min-height:90px}.rt-mobile-matchups button>span{justify-content:center;min-width:0}.rt-mobile-matchups button>b{font-size:19px}} /* Account-linked redeemed-code markers: small top-right checks, full card tap targets remain available. */ .rt-progress-status{color:var(--muted,#b9c5da);font-size:12px;margin:8px 0 0} .rt-code-card{position:relative;padding-top:54px!important;transition:border-color .15s,background .15s} .rt-code-mark{position:absolute;top:13px;right:14px;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;z-index:2;cursor:pointer;font:650 11px/1.3 'Segoe UI',system-ui,sans-serif!important;color:var(--text,#f4f6ff)!important;background:#a9a8df17;border:1px solid var(--line,#526581);border-radius:9px;padding:6px 9px;min-height:30px} .reference-tools .rt-code-mark input{appearance:auto!important;-webkit-appearance:checkbox!important;accent-color:#c7a7fa!important;margin:0!important;padding:0!important;width:15px!important;height:15px!important;min-height:0!important;flex:none!important;border-radius:3px!important;cursor:pointer} .rt-code-card.rt-code-redeemed{border-color:#bfa4e58c!important;background:linear-gradient(150deg,#283347,#1b3042)!important} .rt-code-card.rt-code-redeemed .rt-code-mark{background:#b99ee62d;border-color:#c7a7fa} .rt-code-card.rt-code-redeemed .rt-code-top code{color:#e1d0ff} @media(max-width:480px){.rt-code-card{padding:50px 16px 18px!important}.rt-code-mark{top:10px;right:10px}.rt-code-top code{font-size:16px}} /* Optional smooth same-origin navigation, with accessibility fallback. */ @view-transition{navigation:auto} @media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:140ms ease-out both fade-out-dex}::view-transition-new(root){animation:160ms ease-in both fade-in-dex}@keyframes fade-out-dex{to{opacity:.85}}@keyframes fade-in-dex{from{opacity:.85}}} /* Shared styling for pre-rendered and interactive AniimoDex links. */ .reference-tools a.rt-creature-card{display:block;color:inherit;text-decoration:none;min-width:0;width:100%;box-sizing:border-box;transition:background .15s,border-color .15s,transform .15s}.reference-tools a.rt-creature-card:hover{border-color:#69d3bd;background:linear-gradient(145deg,#233f49,#173b43)} /* Filter dropdowns: the real