@font-face{font-family:Cinzel;src:url('assets/fonts/cinzel-600.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--bg:#0b1118;--surface:#121b23;--line:#554936;--muted:#a5b0b6;--text:#e6e5dc;--gold:#d7b578;--display:Cinzel,Georgia,serif;background:var(--bg)}
[hidden]{display:none!important}select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
body{background:linear-gradient(180deg,#09101805 0,#09101844 280px,#0b1118f2 650px,#0b1118 1050px),url('assets/art/sanctuaire.webp') center top/100% auto no-repeat,var(--bg);min-height:100vh}
.topbar{height:87px;padding:0 max(32px,calc((100vw - 1420px)/2));border-bottom:1px solid #a88d514f;background:linear-gradient(#071018ec,#08121ccd);gap:28px;box-shadow:0 4px 24px #0003}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:0;flex-shrink:0}.brand-rune{font:48px Georgia,serif!important;color:var(--gold)!important;text-shadow:0 0 22px #79d2e255}
.wordmark{font:600 26px var(--display);letter-spacing:4px;color:#ecd8ad!important}.wordmark small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:2.3px;color:#aca489;margin-top:3px}
.main-nav{align-self:stretch;display:flex;gap:32px;align-items:stretch;margin:auto}.main-nav a{position:relative;display:flex;gap:9px;align-items:center;text-decoration:none;font-size:14px;color:#b5b5aa;white-space:nowrap}.main-nav a>span{color:#aa9270;font-size:18px}.main-nav a[aria-current]{color:#f3d79f}.main-nav a[aria-current]:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 17px #d5ad5966}.main-nav a:hover{color:#fff3d8}.community-mark{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.2px;color:#bdb6a0}.community-mark .fr-flag{width:16px;height:12px}
main{max-width:1490px;padding:0 36px}.page-heading{min-height:224px;padding:35px 12px 40px;gap:36px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#dbc395}.tiny-diamond{display:inline-block!important;width:6px;height:6px;padding:0!important;background:#dfba77;transform:rotate(45deg);margin:0 9px 2px 0;box-shadow:0 0 16px #e7d09688}h1{font:600 clamp(29px,3.2vw,45px)/1.4 var(--display);letter-spacing:-.7px;color:#f2e5c7;text-shadow:0 3px 20px #000b;margin:12px 0 8px}.intro{color:#d3d7d6;font-size:16px;line-height:1.6}.hero-note{font-size:12px;color:#a7b8be;margin-top:8px;line-height:1.6}.edition{color:#deca9e;text-shadow:0 2px 12px #000;background:#09111a6b;border-left:1px solid #b996505c;padding:18px 20px;gap:16px;flex-shrink:0}.edition-rune{font-size:49px;color:#d3b77c!important}.edition div>span{color:#bbc0b9}.edition .beta{display:inline-block;font-size:8px;margin-top:11px;border-radius:0;background:#070e1377;letter-spacing:1.2px;color:#d0b77d;border-color:#a489575c}
.section-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.section-label h2{font:500 15px var(--display);color:#dcd3bb}.section-label h2>span{color:#aa9267;font:600 10px 'DM Sans',sans-serif;margin-right:12px}.section-label>span{font-size:11px;color:#a2acae}.classes{background:linear-gradient(#172128ed,#111923f5);border:1px solid #89704288;border-radius:2px;box-shadow:inset 0 0 0 3px #060a103b,0 6px 25px #0005}.class-tab{height:73px;font-size:13px;color:#c4c6be;border-right-color:#88734c33}.class-tab img{width:32px;height:32px;border:1px solid #9b845260;opacity:.85}.class-tab[aria-current=page]{background:linear-gradient(0deg,color-mix(in srgb,var(--tab-color) 20%,transparent),transparent);text-shadow:0 0 14px color-mix(in srgb,var(--tab-color) 30%,transparent)}.class-tab[aria-current=page]:after{inset:auto 20% 0;height:2px;box-shadow:0 0 15px var(--tab-color)}
.buildbar{padding:22px 4px 24px;gap:25px}.class-heading h2{font-family:var(--display);letter-spacing:.3px}.class-heading img{border-radius:3px;border:1px solid #a28c5a}.point-meter strong{font-family:var(--display);color:#f0d296;font-size:26px}.meter{border-radius:0;height:3px;background:#78746133}.meter i{background:linear-gradient(90deg,#96733c,#f1d29a);box-shadow:0 0 10px #f1d29a66}.button{border-radius:2px;border-color:#826b405e;font-size:12px;letter-spacing:.15px;min-height:42px}.button.primary{background:linear-gradient(#9c713e,#76552d);color:#fff1d2;border-color:#c39e61;box-shadow:inset 0 0 0 2px #33261866,inset 0 1px #f9d698,0 4px 12px #0003}.button.primary:hover{background:linear-gradient(#b18751,#8d683a)}.button.secondary{background:linear-gradient(#25323a,#1a242d);color:#e0dfd3}.button.ghost{color:#b5b8af}
.workspace{gap:20px;grid-template-columns:minmax(0,1fr) 285px}.trees{gap:15px}.tree{position:relative;border-radius:2px;border-color:#8c754666;border-top-color:#b2955b;background:#101821;box-shadow:inset 0 0 0 3px #0004,0 8px 24px #0004}.tree-header{padding:15px;border-bottom:1px solid #997e404f;background:linear-gradient(100deg,#282d2add,#172028);min-height:68px}.tree-header h3{font:600 15px var(--display);color:#e6d2a7}.tree-header img{border-radius:2px;border:1px solid #87754b;box-shadow:0 0 12px #0008}.tree-count{font:600 22px var(--display);color:#efd89f}.tree-reset{color:#ac9b78}.tree-body{background:linear-gradient(#07101973,#071019b8),var(--tree-art) center/cover no-repeat;padding-top:29px;padding-bottom:31px;box-shadow:inset 0 0 45px #030b10c9}.talent{border-radius:3px;border-color:#3a4345;box-shadow:inset 0 0 0 1px #070d12,0 3px 8px #000c}.talent img{border-radius:0;filter:grayscale(.8) brightness(.48)}.talent.available{border-color:#ad9563}.talent.available img{filter:saturate(.85) brightness(.88)}.talent.invested img,.talent.full img{filter:none}.talent.selected,.talent:hover{border-color:#ffe2a3;box-shadow:0 0 0 1px #edd49e44,0 0 18px #f7d89557}.talent.full{border-color:#f0c766;box-shadow:0 0 14px #c49a4266}.rank{background:#101412;border-radius:1px;border-color:#7b6d49;color:#c5b68b;font-size:10px}.full .rank{background:#39311a;color:#ffe4a1;border-color:#d5ae53}.tree-footer{background:#101820;border-color:#8a764528;color:#a4aea9}.tree-footer b{color:#cabf9f}.connection{stroke:#a09164;filter:drop-shadow(0 1px 2px #000);stroke-width:2.4}.connection.met{stroke:#abd194}
.details{border-radius:2px;border-color:#8d75465e;background:linear-gradient(140deg,#20282aeF,#121c25f5);box-shadow:0 7px 25px #0003}.detail-placeholder{padding:27px 24px}.detail-sigil{font-family:Georgia,serif;font-size:53px;color:#b79d65a8;text-shadow:0 0 25px #bca46722;margin:0 0 22px}.detail-placeholder h2,.detail-top h2{font-family:var(--display);color:#ead9b5;font-size:17px;letter-spacing:0}.detail-placeholder .eyebrow{font-size:9px;color:#d0b783}.detail-top{border-color:#8a764533;background:linear-gradient(100deg,#5d4a221a,transparent)}.detail-top img{border-radius:2px}.detail-tree{color:#b1b5aa}.description{color:#dbe0db;font-size:13px}.detail-content{padding:19px}.rank-heading{color:#dbc18c}.rank-heading span:last-child{color:#a3aca8}.requirement{color:#d7bf97;border-radius:2px}.next-rank,.original{border-color:#8a764544}.next-rank .description{color:#accba6}.original,.original p{color:#a8b4b5}.legend{color:#a7b0ad;gap:18px}.legend p{color:#9aa6a5}
.next-chapter{display:flex;align-items:center;gap:20px;text-decoration:none;border:1px solid #9c7f434f;border-left:3px solid #af9057;padding:24px 30px;margin:7px 0 27px;background:linear-gradient(90deg,#20262aeb,#16222bcc),url('assets/art/sanctuaire.webp') center 40%/cover;transition:border-color .2s}.chapter-rune{color:#cbaa6d;font:52px Georgia,serif}.next-chapter small{display:block;color:#bca16c;font-size:9px;letter-spacing:2px}.next-chapter strong{display:block;font:600 19px var(--display);color:#ecdcbb;margin:6px 0}.next-chapter span>span{font-size:12px;color:#b4c0c2}.next-chapter b{font-size:28px;color:var(--gold);margin-left:auto}.next-chapter:hover{border-color:#ccaa65}
footer{border-color:#77643e50;color:#9fa9a8;font-size:11px;padding:23px 4px}footer strong{font-family:var(--display);color:#d0c19e;font-size:13px}footer a{color:#d1b884}.footer-right>span{color:#c1a973;letter-spacing:1.8px;font-size:9px}.toast,dialog{border-radius:3px}dialog{border-color:#9e824e;background:#131e28}.dialog-header h2{font-family:var(--display);color:#e5d2a9;font-size:18px}.toast{border-color:#827346}

/* The races chapter shares the grimoire frame, with the model as its central object. */
.race-page .page-heading{min-height:205px;padding-bottom:28px}.race-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:25px}.race-sidebar{padding:16px 13px;background:#0e1821ed;border:1px solid #8f75464f}.filter-title{font-size:9px;letter-spacing:1.6px;color:#bfaa80;margin-bottom:10px}.faction-filters{display:flex;border:1px solid #826c454f;margin-bottom:16px}.faction-filters button{background:none;border:0;flex:1;color:#b7bcb7;font-size:11px;padding:10px 3px;min-height:39px}.faction-filters button[aria-pressed=true]{background:#6b542e44;color:#f1d093;box-shadow:inset 0 -1px #d1b679}.race-sidebar label{display:block;font-size:10px;color:#b2b8ad;margin-bottom:6px}.race-sidebar select{width:100%;min-height:38px;padding:7px;background:#121e28;border:1px solid #8c75464f;color:#d3d8cf;font:12px 'DM Sans',sans-serif;border-radius:1px;margin-bottom:17px}.race-list{display:grid;gap:5px}.race-choice{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 8px;background:transparent;border:1px solid transparent;min-height:58px;color:#c4cdc8;position:relative;width:100%}.race-choice img{width:34px;height:34px;border:1px solid #706441;border-radius:50%;filter:saturate(.7);opacity:.8;flex-shrink:0}.race-choice strong{font:500 12px var(--display);line-height:1.4}.race-choice small{display:block;color:#a0aba6;font-size:9px;margin-top:3px;line-height:1.4}.race-choice:hover{background:#d1bb7710}.race-choice[aria-current=page]{border-color:#ac8a4b8c;background:linear-gradient(90deg,#7660373d,#b6955310);color:#f1d59e}.race-choice[aria-current=page] img{filter:none;opacity:1;box-shadow:0 0 16px #ac905322}.race-choice[aria-current=page]:after{content:'◆';font-size:7px;color:var(--gold);margin-left:auto}.race-empty{font-size:12px;line-height:1.7;color:#b4bdb7;padding:10px 0}.filter-summary{font-size:10px;color:#a6b0a6;margin:15px 2px 0;line-height:1.5}
.race-detail{min-width:0;display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(310px,1fr);border:1px solid #967c4b73;background:linear-gradient(130deg,#14222cd9,#121a21f5);box-shadow:0 10px 40px #0004}.race-heading{grid-column:1/-1;display:flex;align-items:center;gap:17px;padding:22px 27px;border-bottom:1px solid #8e75444f;background:linear-gradient(90deg,#526c6930,transparent)}.race-heading img{width:49px;height:49px;border:1px solid #cfaf69;border-radius:50%}.race-heading h2{font:600 29px var(--display);line-height:1.3;color:#efdbb4}.race-heading h2 small{display:block;font:500 12px 'DM Sans',sans-serif;color:#bec7ba;margin-top:5px}.faction-badge{margin-left:auto;color:#9db7d1;border:1px solid #6d8fab59;background:#213c553b;padding:8px 11px;font-size:9px;font-weight:600;letter-spacing:1.4px;white-space:nowrap}.faction-badge.horde{color:#e4ac94;border-color:#995b4459;background:#582e263b}.race-portrait{min-width:0;position:relative;border-right:1px solid #8e754433;background:radial-gradient(ellipse at 50% 65%,#5496981d,transparent 70%),linear-gradient(0deg,#0c1520cc,#10233222),url('assets/art/sanctuaire.webp') center/auto 100% no-repeat}.model-stage{position:relative;height:490px;overflow:hidden;isolation:isolate}.model-stage:before{content:'';position:absolute;width:75%;height:65%;border-radius:50%;border:1px solid #6a959926;top:12%;left:12.5%;box-shadow:0 0 0 10px #66969308,0 0 0 12px #6a959915;pointer-events:none;z-index:-1}.model-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px;position:relative;z-index:1}.model-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:40px;text-align:center;color:#c2cfc9;font-size:13px;line-height:1.8;background:linear-gradient(#0b192430,#0a1725a8);z-index:2}.model-status[hidden]{display:none}.model-status .model-symbol{font:65px Georgia,serif;color:#c4a76b}.model-status p{max-width:265px}.model-status a{color:var(--gold)}.model-meta{position:absolute;top:18px;left:20px;z-index:3;font-size:8px;letter-spacing:1.5px;color:#b7c5bf;pointer-events:none}.model-meta:before{content:'';display:inline-block;width:5px;height:5px;background:#90c2b3;box-shadow:0 0 9px #93cabb;margin-right:7px;border-radius:50%}.viewer-toolbar{position:relative;z-index:4;padding:0 17px 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.body-switch{display:flex;border:1px solid #967d4b70;background:#101922;flex-shrink:0}.body-switch button{background:transparent;border:0;color:#b8c3bd;min-height:34px;min-width:44px;padding:7px 10px;font-size:11px}.body-switch button[aria-pressed=true]{background:#8b754144;color:#efd4a0}.viewer-tools{display:flex;gap:4px}.viewer-tools button{height:36px;min-width:34px;border:1px solid #967d4b55;background:#15212dd9;color:#dfd7be;font-size:15px;padding:7px}.viewer-tools button:hover{border-color:#d7b578;background:#263138}.viewer-tools button[aria-pressed=true]{color:#f3d29a;background:#6e532740}.model-caption{padding:2px 22px 18px;text-align:center;font-size:10px;line-height:1.7;color:#a7b6b6}.model-caption strong{font-weight:400;color:#d5c297}.model-touch-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;pointer-events:none;font-size:10px;z-index:2;color:#b7c6c5;text-shadow:0 1px 5px #000}
.race-information{padding:25px 27px;min-width:0}.race-description{font-size:14px;line-height:1.85;color:#cad4ce;margin-bottom:25px}.race-section-title{font:600 15px var(--display);color:#e5d0a2;margin:0 0 16px;display:flex;gap:12px;align-items:center}.race-section-title:after{content:'';height:1px;background:#a68d4e3d;flex:1}.racial-list{display:grid;gap:19px}.racial{display:grid;grid-template-columns:35px 1fr;gap:12px}.racial img{width:35px;height:35px;border:1px solid #9b814956;box-shadow:0 2px 8px #0005}.racial h4{font:600 13px 'DM Sans',sans-serif;color:#ead4a8;line-height:1.5;margin:0 0 5px}.racial .kind{display:inline-block;font-size:8px;text-transform:uppercase;font-weight:500;letter-spacing:1px;color:#a8c4be;margin-left:7px}.racial p{font-size:12px;line-height:1.75;color:#bec9c5}.race-classes{grid-column:1/-1;border-top:1px solid #987d4547;padding:20px 26px;display:flex;gap:20px;align-items:center;justify-content:space-between;background:#0c16204d}.race-classes h3{font:500 13px var(--display);color:#ddc897;white-space:nowrap}.compatible-classes{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.compatible-classes a{display:flex;align-items:center;gap:6px;text-decoration:none;padding:7px 8px;border:1px solid #b3934c3f;background:#a0957010;font-size:10px;color:#d2d4c8;min-height:36px}.compatible-classes img{width:19px;height:19px}.compatible-classes a:hover{border-color:#c9a963;color:#f7dcad}.source-race{grid-column:1/-1;border-top:1px solid #7c69393c;margin:0;padding:13px 26px;font-size:11px;color:#b4bfb7}.source-race summary{cursor:pointer;color:#afbdba}.source-race p{font-size:12px;line-height:1.8;margin-top:12px;color:#bec8c1}.source-race ul{padding-left:16px;font-size:12px;line-height:1.8}.race-bottom-note{color:#a9b6b1;font-size:11px;line-height:1.8;margin:20px 0 25px}.prose-page{max-width:950px;margin:30px auto 60px;border:1px solid #8e75445f;background:#111c25eb;padding:30px}.prose-page h2{font:600 20px var(--display);color:#e4cfa4;margin:28px 0 16px}.prose-page p,.prose-page li{font-size:14px;line-height:1.85;color:#c1ccc6}.prose-page p+p{margin-top:14px}.prose-page a{color:var(--gold)}
@media(min-width:1400px){.workspace{grid-template-columns:minmax(0,1fr) 295px}.race-workspace{grid-template-columns:220px minmax(0,1fr)}.race-detail{grid-template-columns:minmax(340px,1.05fr) minmax(360px,1fr)}.model-stage{height:500px}}
@media(max-width:1180px){.workspace{grid-template-columns:minmax(0,1fr)}.topbar{gap:20px;padding:0 27px}.community-mark{font-size:8px;letter-spacing:.5px}.main-nav{gap:22px}.page-heading{min-height:215px}.edition{padding:15px;max-width:270px;font-size:12px}.class-tab{height:76px;font-size:11px;gap:5px}.class-tab img{width:27px;height:27px}.details{position:relative}.race-workspace{grid-template-columns:185px minmax(0,1fr);gap:15px}.race-detail{grid-template-columns:minmax(230px,1fr) minmax(270px,1fr)}.race-information{padding:20px}.race-heading{padding:21px}.race-heading h2{font-size:25px}.model-stage{height:480px}.race-classes{align-items:flex-start;flex-direction:column;gap:13px}.compatible-classes{justify-content:flex-start}.race-description{font-size:13px}.racial-list{gap:17px}}
@media(max-width:980px){.edition{display:none}.community-mark{display:none}.main-nav{margin-left:auto;margin-right:0}.topbar{height:76px}.race-workspace{grid-template-columns:175px minmax(0,1fr)}.race-detail{grid-template-columns:minmax(0,1fr)}.race-portrait{border-right:0;border-bottom:1px solid #8e754433}.model-stage{height:430px}.race-information{padding:24px}.racial-list{grid-template-columns:1fr 1fr;gap:23px}.race-description{font-size:14px}.model-stage:before{height:76%;width:55%;left:22.5%;top:8%}.viewer-toolbar{padding-bottom:10px}.model-caption{padding-bottom:15px}}
@media(max-width:780px){body{background-size:auto,auto 590px;background-position:center top}.topbar{height:74px;padding:0 18px;gap:17px}.brand{gap:7px}.brand-rune{font-size:35px!important}.wordmark{font-size:21px;letter-spacing:3px}.wordmark small{font-size:6px;letter-spacing:1.3px}.main-nav{gap:19px}.main-nav a{font-size:12px;gap:5px}.main-nav a>span{display:none}main{padding:0 18px}.page-heading{padding:27px 0 28px;min-height:191px}h1{font-size:29px;line-height:1.35;max-width:470px}.intro{font-size:14px}.hero-note{font-size:11px;max-width:320px}.eyebrow{font-size:8px;letter-spacing:2px}.section-label h2{font-size:13px}.section-label h2>span{margin-right:7px}.section-label>span{font-size:9px}.classes{border-radius:2px}.class-tab{height:67px;font-size:11px}.buildbar{padding:22px 0}.point-meter{width:177px}.tree{border-radius:2px}.tree-header h3{font-size:16px}.tree-body{padding-top:30px;padding-bottom:33px}.details.has-talent{background:#15222a}.detail-top h2{font-size:16px}.next-chapter{padding:19px 17px;gap:12px}.chapter-rune{font-size:38px}.next-chapter strong{font-size:15px;line-height:1.6}.next-chapter small{font-size:8px}.next-chapter span>span{font-size:11px;line-height:1.6;display:block}.next-chapter b{font-size:24px}.legend p{font-size:10px}.race-page .page-heading{min-height:180px}.race-workspace{grid-template-columns:minmax(0,1fr)}.race-sidebar{padding:14px}.race-sidebar .filter-title{display:none}.faction-filters{margin-bottom:11px}.race-sidebar label{display:inline;font-size:10px;margin-right:10px}.race-sidebar select{width:auto;max-width:65%;margin-bottom:12px;min-width:170px}.race-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.race-choice{min-height:87px;padding:8px 3px;flex-direction:column;gap:5px;text-align:center;justify-content:flex-start}.race-choice>span{min-width:0}.race-choice strong{font-size:9px;display:block;line-height:1.4;overflow-wrap:normal}.race-choice small{font-size:8px;line-height:1.3}.race-choice img{width:30px;height:30px}.race-choice[aria-current=page]:after{display:none}.filter-summary{margin:10px 0 0;font-size:9px}.race-detail{grid-template-columns:minmax(0,1fr)}.race-heading{padding:18px;gap:12px}.race-heading h2{font-size:24px}.race-heading img{width:42px;height:42px}.race-heading h2 small{font-size:10px}.faction-badge{padding:7px;font-size:8px;letter-spacing:.8px}.model-stage{height:450px}.model-stage:before{width:70%;left:15%}.race-information{padding:23px 20px}.race-description{font-size:13px}.racial-list{gap:21px}.racial{grid-template-columns:30px 1fr;gap:9px}.racial img{width:30px;height:30px}.racial h4{font-size:12px}.racial .kind{display:block;margin:3px 0 0}.racial p{font-size:11px}.race-classes{padding:20px}.source-race{padding:15px 20px}.compatible-classes a{font-size:11px}.prose-page{padding:22px;margin-top:10px}}
@media(max-width:430px){.topbar{padding:0 14px;gap:11px}.wordmark{font-size:18px;letter-spacing:2px}.wordmark small{font-size:5px;letter-spacing:1.1px}.brand-rune{font-size:31px!important}.main-nav{gap:13px}.main-nav a{font-size:11px}.page-heading h1{font-size:27px}.page-heading{min-height:205px}.hero-note{max-width:270px}.section-label>span{font-size:8px}.section-label h2{font-size:12px}.buildbar .class-heading h2{font-size:17px}.point-meter{width:160px}.point-meter span{font-size:9px}.point-meter strong{font-size:24px}.actions .button{font-size:11px;padding:9px 7px}.race-heading h2{font-size:22px}.race-heading h2 small{max-width:160px}.race-list{grid-template-columns:repeat(5,minmax(0,1fr))}.race-choice strong{font-size:8px}.race-choice small{font-size:7px}.race-choice{padding:7px 1px}.racial-list{grid-template-columns:1fr}.racial{grid-template-columns:35px 1fr;gap:12px}.racial img{width:35px;height:35px}.racial h4{font-size:13px}.racial .kind{display:inline-block;margin:0 0 0 7px}.racial p{font-size:12px}.model-stage{height:415px}.race-heading{padding:17px 15px}.faction-badge{font-size:7px}.model-caption{font-size:9px}}
@media(max-width:350px){main{padding:0 12px}.topbar{padding:0 12px}.brand-rune{display:none}.main-nav{gap:10px}.main-nav a{font-size:10px}.point-meter{width:145px}.class-heading img{width:35px;height:35px}.section-label>span{display:none}.race-choice img{width:25px;height:25px}.race-choice strong{font-size:7px}.race-heading img{width:33px;height:33px}.race-heading h2{font-size:20px}.faction-badge{letter-spacing:.3px}.viewer-toolbar{padding-left:10px;padding-right:10px}.body-switch button{padding:7px}.race-sidebar select{min-width:150px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.model-touch-hint{bottom:3px;font-size:9px;color:#d1dcd5;text-shadow:0 1px 4px #000;padding:3px 12px;background:#07101a66;line-height:1.5}
@media(max-width:430px){.race-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.race-choice{min-height:58px;flex-direction:row;text-align:left;padding:7px;gap:8px;align-items:center}.race-choice img{width:30px;height:30px}.race-choice strong{font-size:10px}.race-choice small{font-size:9px;line-height:1.4}.race-choice[aria-current=page]:after{display:none}}
