@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/b0c618f6d8ea9968.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/1a6844598cfc2dfd.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/a699af1dea30b799.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/e45972c7e9f24dc3.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/87e867b52640b3b3.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/6f49e1b28bce7339.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/0dfc29fde7d95ca6.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/56632cca6632f379.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/d03f1389be8c7cea.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/aaf352f017a5007b.ttf) format('truetype');
}

.rd-product *{box-sizing:border-box}
.rd-product{background:var(--rd-bg);color:var(--rd-text);font:14px/1.6 var(--rd-font);border-radius:var(--rd-radius);overflow:hidden;min-width:0}
.rd-product button,.rd-product input,.rd-product select,.rd-product textarea{font:inherit;color:inherit}
.rd-product button,.rd-product a{touch-action:manipulation}
.rd-product button:focus-visible,.rd-product input:focus-visible,.rd-product select:focus-visible,.rd-product a:focus-visible{outline:2px solid var(--rd-accent);outline-offset:3px}
.rd-product button{cursor:var(--cursor-interaction,pointer)}
.rd-product button:disabled{opacity:.32;cursor:not-allowed}
.rd-product h1,.rd-product h2,.rd-product h3,.rd-product p{margin:0}
.rd-product h1{font:500 clamp(28px,4vw,48px)/1.08 var(--rd-display);letter-spacing:-.05em;text-wrap:balance}
.rd-product h2{font:500 23px/1.25 var(--rd-display);letter-spacing:-.03em}
.rd-product h3{font:500 17px/1.3 var(--rd-display)}
.rd-product p{color:var(--rd-muted)}
.rd-product a{color:var(--rd-accent);text-underline-offset:4px}
.rd-product small{font-size:12px;color:var(--rd-muted)}
.rd-product .rd-eyebrow{font:500 11px var(--rd-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--rd-accent)}
.rd-product .rd-mono{font-family:var(--rd-mono);font-variant-numeric:tabular-nums}
.rd-product .rd-layout{display:grid;grid-template-columns:172px minmax(0,1fr)}
.rd-product .rd-sidebar{padding:24px 14px;border-right:1px solid var(--rd-line);background:var(--rd-panel);display:flex;flex-direction:column;gap:24px}
.rd-product .rd-brand{border:0;background:none;display:flex;gap:9px;text-align:left;align-items:center;padding:0;color:var(--rd-text);font:600 18px var(--rd-display);letter-spacing:-.04em}
.rd-product .rd-mark{color:var(--rd-accent);width:30px;height:32px;display:grid;place-items:center;font:500 26px var(--rd-display);transform:skew(-12deg);border-left:4px solid var(--rd-accent);border-right:4px solid var(--rd-accent)}
.rd-product .rd-nav{display:grid;gap:5px}
.rd-product .rd-nav button{border:0;background:none;color:var(--rd-muted);display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;text-align:left;font-size:13px}
.rd-product .rd-nav button.active{background:var(--rd-raised);color:var(--rd-accent)}
.rd-product .rd-nav span{width:20px;font:400 12px var(--rd-mono);opacity:.65}
.rd-product .rd-sidefoot{margin-top:auto;display:grid;gap:10px;border-top:1px solid var(--rd-line);padding-top:16px}
.rd-product .rd-topbar{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rd-line);padding:16px 25px;min-height:63px}
.rd-product .rd-topbar select{max-width:170px;padding:5px 10px;background:var(--rd-panel);border:1px solid var(--rd-line);border-radius:7px;font-size:12px}
.rd-product .rd-main{padding:28px 26px 20px;min-width:0}
.rd-product .rd-foot{padding:17px 26px;border-top:1px solid var(--rd-line);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;color:var(--rd-muted);font-size:11px}
.rd-product .rd-head{display:flex;align-items:end;gap:15px;justify-content:space-between;margin-bottom:24px}
.rd-product .rd-head .rd-eyebrow{margin-bottom:8px}
.rd-product .rd-head p{margin-top:10px;max-width:600px;font-size:13px}
.rd-product .rd-button{background:var(--rd-raised);border:1px solid var(--rd-line);border-radius:8px;padding:9px 14px;color:var(--rd-text);white-space:normal;transition:background var(--rd-fast),transform var(--rd-fast)}
.rd-product .rd-button:hover{background:var(--rd-line)}
.rd-product .rd-button.rd-primary{background:var(--rd-accent);border-color:var(--rd-accent);color:var(--rd-on-accent);font-weight:600}
.rd-product .rd-button.rd-quiet{border:0;background:none;color:var(--rd-muted)}
.rd-product .rd-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rd-product .rd-between{justify-content:space-between}
.rd-product .rd-stack{display:grid;gap:18px}
.rd-product .rd-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:20px;align-items:start}
.rd-product .rd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rd-product .rd-panel{background:var(--rd-panel);border:1px solid var(--rd-line);border-radius:var(--rd-radius);padding:20px;min-width:0}
.rd-product .rd-panel h3{margin-bottom:9px}
.rd-product .rd-badge{display:inline-flex;align-items:center;gap:6px;font:400 11px var(--rd-mono);border:1px solid var(--rd-line);border-radius:5px;padding:3px 7px;color:var(--rd-muted)}
.rd-product .rd-badge.rd-verified{color:var(--rd-good)}
.rd-product .rd-badge.rd-example{color:var(--rd-gold)}
.rd-product .rd-notice{border-left:2px solid var(--rd-gold);padding:8px 13px;background:var(--rd-panel);font-size:12px;color:var(--rd-muted);margin:14px 0}
.rd-product .rd-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.rd-product input,.rd-product select,.rd-product textarea{min-width:0;max-width:100%;background:var(--rd-panel);border:1px solid var(--rd-line);border-radius:7px;padding:9px 12px}
.rd-product input[type=search]{flex:1;min-width:150px}
.rd-product input[type=range]{padding:0;accent-color:var(--rd-accent);width:100%}
.rd-product .rd-herohead{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:14px 0 28px;align-items:center}
.rd-product .rd-herohead h1{font-size:clamp(36px,5vw,61px)}
.rd-product .rd-herohead p{margin:18px 0 22px;font-size:14px;max-width:390px}
.rd-product .rd-accent{color:var(--rd-accent)}
.rd-product .rd-terrain{border:1px solid var(--rd-line);background:var(--rd-map);border-radius:var(--rd-radius);overflow:hidden;position:relative}
.rd-product .rd-terrain svg{display:block;width:100%;height:auto}
.rd-product .rd-map-chip{position:absolute;top:15px;left:15px;background:var(--rd-bg);padding:6px 10px;border-radius:6px;font:400 11px var(--rd-mono);color:var(--rd-accent)}
.rd-product .rd-map-bottom{position:absolute;bottom:15px;right:15px;background:var(--rd-bg);padding:6px 10px;border-radius:6px;font:400 11px var(--rd-mono)}
.rd-product .rd-section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px;gap:12px}
.rd-product .rd-tool{display:flex;flex-direction:column;align-items:start;gap:13px;text-align:left;min-height:180px;background:var(--rd-panel);border:1px solid var(--rd-line);padding:20px;border-radius:var(--rd-radius);color:var(--rd-text);transition:transform var(--rd-fast),border-color var(--rd-fast)}
.rd-product .rd-tool:hover{transform:translateY(-3px);border-color:var(--rd-accent)}
.rd-product .rd-tool b{font:500 19px var(--rd-display)}
.rd-product .rd-tool small{line-height:1.5}
.rd-product .rd-tool .rd-arrow{margin-top:auto;color:var(--rd-accent)}
.rd-product .rd-bigstat{font:500 35px var(--rd-display);letter-spacing:-.05em}
.rd-product .rd-statline{display:flex;gap:25px;flex-wrap:wrap;padding:17px 0;border-block:1px solid var(--rd-line)}
.rd-product .rd-statline div{display:grid;gap:3px}
.rd-product .rd-statline b{font:500 27px var(--rd-display)}
.rd-product .rd-avatar{display:grid;place-items:center;flex:none;width:45px;height:48px;border-radius:8px;font:500 19px var(--rd-display);background:var(--rd-raised);color:var(--hero-color,var(--rd-accent));border:1px solid var(--rd-line);position:relative;overflow:hidden}
.rd-product .rd-avatar:after{content:'';position:absolute;bottom:0;height:3px;left:0;right:0;background:currentColor;opacity:.65}
.rd-product .rd-heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px}
.rd-product .rd-herocard{border:1px solid var(--rd-line);border-radius:9px;padding:12px 5px;background:var(--rd-panel);display:grid;justify-items:center;gap:7px;color:var(--rd-text);text-align:center;min-width:0;transition:transform var(--rd-fast),border-color var(--rd-fast)}
.rd-product .rd-herocard:hover{border-color:var(--rd-accent);transform:translateY(-2px)}
.rd-product .rd-herocard b{font-size:11px;font-weight:500;overflow-wrap:anywhere}
.rd-product .rd-herocard small{font-size:11px}
.rd-product .rd-board{display:grid;grid-template-columns:155px minmax(0,1fr) 155px;gap:12px;align-items:start}
.rd-product .rd-team{display:grid;gap:8px}
.rd-product .rd-team-title{font:500 12px var(--rd-mono);padding:8px 0;color:var(--rd-blue)}
.rd-product .rd-team.red .rd-team-title{color:var(--rd-red)}
.rd-product .rd-slot{display:flex;gap:8px;align-items:center;background:var(--rd-panel);border:1px solid var(--rd-line);padding:10px;border-radius:8px;min-height:68px;font-size:12px;min-width:0}
.rd-product .rd-slot small{display:block;font-size:11px}
.rd-product .rd-slot .rd-avatar{width:31px;height:39px;font-size:14px}
.rd-product .rd-slot.rd-active{border-color:var(--rd-blue);background:var(--rd-raised)}
.rd-product .red .rd-slot.rd-active{border-color:var(--rd-red)}
.rd-product .rd-bans{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:5px}
.rd-product .rd-ban{width:24px;height:27px;background:var(--rd-raised);border:1px solid var(--rd-line);border-radius:4px;text-align:center;font:400 10px/25px var(--rd-mono)}
.rd-product .rd-ban.used{color:var(--rd-red);text-decoration:line-through}
.rd-product .rd-turn{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;border-radius:9px;border:1px solid var(--rd-line);background:var(--rd-panel);margin-bottom:14px;align-items:center}
.rd-product .rd-turn strong{color:var(--rd-accent);font-weight:500}
.rd-product .rd-turn.rd-redturn strong{color:var(--rd-red)}
.rd-product .rd-turn .rd-count{font:500 28px var(--rd-mono)}
.rd-product .rd-pool{min-width:0}
.rd-product .rd-pool .rd-heroes{grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}
.rd-product .rd-pool .rd-herocard{background:var(--rd-panel);padding:9px 3px}
.rd-product .rd-pool .rd-avatar{width:36px;height:40px;font-size:15px}
.rd-product .rd-suggestions{display:grid;gap:8px;margin-top:18px}
.rd-product .rd-suggestion{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:12px;border:1px solid var(--rd-line);background:var(--rd-panel);color:var(--rd-text);border-radius:9px}
.rd-product .rd-suggestion small{display:block;line-height:1.4}
.rd-product .rd-score{margin-left:auto;color:var(--rd-accent);font:500 20px var(--rd-mono)}
.rd-product .rd-table{width:100%;border-collapse:collapse;font-size:13px}
.rd-product .rd-table td,.rd-product .rd-table th{padding:12px 9px;border-bottom:1px solid var(--rd-line);text-align:left}
.rd-product .rd-table th{color:var(--rd-muted);font-weight:400;font-size:11px}
.rd-product .rd-table th button{background:none;border:0;color:inherit;padding:0;text-align:left;font:inherit}
.rd-product .rd-table td.num{font-family:var(--rd-mono);font-size:12px;font-variant-numeric:tabular-nums}
.rd-product .rd-table td .rd-avatar{width:30px;height:35px;font-size:13px}
.rd-product .rd-table button.rd-herolink{background:none;border:0;padding:0;display:flex;gap:10px;align-items:center;text-align:left;color:var(--rd-text)}
.rd-product .rd-meter{height:4px;background:var(--rd-raised);margin-top:6px;max-width:100px;overflow:hidden;border-radius:2px}
.rd-product .rd-meter i{display:block;height:100%;background:var(--rd-accent)}
.rd-product .rd-tier{display:grid;grid-template-columns:48px 1fr;border:1px solid var(--rd-line);border-radius:10px;margin:10px 0;overflow:hidden}
.rd-product .rd-tier-label{display:grid;place-items:center;background:var(--rd-raised);color:var(--rd-gold);font:500 26px var(--rd-display)}
.rd-product .rd-tier-pool{display:flex;gap:10px;padding:12px;flex-wrap:wrap}
.rd-product .rd-tier .rd-herocard{width:80px}
.rd-product .rd-details{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.rd-product .rd-details div{padding-bottom:9px;border-bottom:1px solid var(--rd-line)}
.rd-product .rd-details dt{font-size:11px;color:var(--rd-muted)}
.rd-product .rd-details dd{margin:3px 0;font-size:13px}
.rd-product .rd-listrow{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--rd-line)}
.rd-product .rd-listrow>div{min-width:0}
.rd-product .rd-listrow p{font-size:12px}
.rd-product .rd-progress{background:var(--rd-raised);height:5px;border-radius:3px;overflow:hidden;margin:12px 0}
.rd-product .rd-progress>i{display:block;background:var(--rd-accent);height:100%}
.rd-product .rd-quizchoice{display:block;width:100%;padding:15px 17px;border-radius:9px;border:1px solid var(--rd-line);background:var(--rd-panel);text-align:left;color:var(--rd-text);margin:9px 0}
.rd-product .rd-quizchoice.correct{border-color:var(--rd-good);color:var(--rd-good)}
.rd-product .rd-quizchoice.wrong{border-color:var(--rd-red);color:var(--rd-red)}
.rd-product .rd-hp{height:17px;border-radius:5px;background:var(--rd-raised);position:relative;overflow:hidden;margin:30px 0 12px}
.rd-product .rd-hp i{display:block;height:100%;background:var(--rd-good);transition:width 100ms linear}
.rd-product .rd-hp:after{content:'';position:absolute;top:0;bottom:0;left:15%;border-left:2px solid var(--rd-gold)}
.rd-product .rd-chat{padding:17px;border-radius:12px;background:var(--rd-panel);border:1px solid var(--rd-line);margin-bottom:12px;max-width:90%}
.rd-product .rd-chat.mine{margin-left:auto;background:var(--rd-raised)}
.rd-product .rd-chat p{font-size:13px}
.rd-product .rd-animationgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.rd-product .rd-demo{min-height:80px;display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0;background:var(--rd-bg);border-radius:8px;overflow:hidden}
.rd-product .rd-demo.run{animation:rd-page var(--rd-page) var(--rd-ease)}
.rd-product .rd-lock{animation:rd-lock var(--rd-lock) var(--rd-ease)}
.rd-product .rd-toast{margin:12px 0;border:1px solid var(--rd-good);background:var(--rd-panel);padding:10px 15px;border-radius:9px;font-size:12px}
.rd-product .rd-skeleton{height:55px;width:100%;background:linear-gradient(100deg,var(--rd-panel) 30%,var(--rd-raised) 50%,var(--rd-panel) 70%);background-size:250% 100%;animation:rd-shimmer 1.4s linear infinite;border-radius:8px}
.rd-product .rd-view{animation:rd-page var(--rd-page) var(--rd-ease)}
.rd-product .rd-map-token{transition:transform 600ms var(--rd-ease)}
.rd-product .rd-brand-preview{padding:20px 0;font:500 30px var(--rd-display);letter-spacing:-.06em}
.rd-product .rd-formlabel{display:grid;gap:7px;color:var(--rd-muted);font-size:12px}
.rd-product .rd-menu{display:flex;gap:6px;flex-wrap:wrap;padding:12px;border:1px solid var(--rd-line);border-radius:10px;margin-bottom:18px}
.rd-product .rd-menu button{font-size:12px}
.rd-product .rd-reading{max-width:640px;margin:auto}
.rd-product .rd-reading p{font-size:15px;margin:16px 0;line-height:1.85}
.rd-product.rd-editorial .rd-layout{grid-template-columns:1fr}
.rd-product.rd-editorial .rd-sidebar{padding:18px 24px;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--rd-line);gap:20px}
.rd-product.rd-editorial .rd-nav{display:flex;gap:4px;flex-wrap:wrap}
.rd-product.rd-editorial .rd-nav span,.rd-product.rd-editorial .rd-sidefoot{display:none}
.rd-product.rd-editorial .rd-herohead{grid-template-columns:1.2fr 1fr}
@keyframes rd-page{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes rd-lock{0%{transform:scale(.9);background:var(--rd-accent)}60%{transform:scale(1.025)}100%{transform:scale(1)}}
@keyframes rd-shimmer{to{background-position:-250% 0}}
@media(min-width:1280px){.rd-product .rd-main{padding:35px 38px}.rd-product .rd-layout{grid-template-columns:204px minmax(0,1fr)}.rd-product .rd-board{grid-template-columns:180px minmax(0,1fr) 180px}.rd-product .rd-pool .rd-heroes{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}}
@media(max-width:860px){.rd-product .rd-layout{grid-template-columns:1fr}.rd-product .rd-sidebar{padding:14px 18px;border-right:0;border-bottom:1px solid var(--rd-line);gap:13px}.rd-product .rd-nav{display:flex;flex-wrap:wrap;gap:3px}.rd-product .rd-nav button{padding:6px 9px}.rd-product .rd-nav span,.rd-product .rd-sidefoot{display:none}.rd-product .rd-topbar{padding:12px 18px}.rd-product .rd-main{padding:23px 18px}.rd-product .rd-head h1{font-size:32px}.rd-product .rd-cols{grid-template-columns:1fr}.rd-product .rd-board{grid-template-columns:135px minmax(0,1fr) 135px}.rd-product .rd-herohead{gap:20px}.rd-product .rd-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rd-product .rd-herohead,.rd-product.rd-editorial .rd-herohead{grid-template-columns:1fr}.rd-product .rd-herohead h1{font-size:42px}.rd-product .rd-herohead .rd-terrain{max-width:450px}.rd-product .rd-board{grid-template-columns:1fr 1fr}.rd-product .rd-board .rd-pool{grid-column:1/-1;order:3}.rd-product .rd-cards{grid-template-columns:1fr}.rd-product .rd-head{align-items:start;flex-direction:column}.rd-product .rd-statline{gap:20px}.rd-product .rd-animationgrid{grid-template-columns:1fr}.rd-product .rd-nav button{min-height:36px;font-size:12px}.rd-product .rd-table .rd-ranknum{display:none}.rd-product .rd-table td,.rd-product .rd-table th{padding:10px 5px}.rd-product .rd-table .rd-avatar{display:none}.rd-product .rd-table{font-size:12px}.rd-product .rd-table td.num{font-size:11px}.rd-product .rd-table .rd-meter{max-width:60px}.rd-product .rd-foot{padding:16px 18px}.rd-product .rd-turn{font-size:12px}.rd-product .rd-details{grid-template-columns:1fr 1fr}.rd-product .rd-herohead p{margin:14px 0}.rd-product .rd-slot{min-height:58px;padding:8px}.rd-product .rd-chat{max-width:100%}}
@media(pointer:coarse){.rd-product button{min-height:44px}.rd-product input,.rd-product select,.rd-product textarea{font-size:16px}.rd-product .rd-topbar select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.rd-product *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}