/* Original sculptural class emblems; one readable silhouette per class. */
.rotation-status{--status-color:#e3b868;display:inline-flex;align-items:center;gap:7px;flex:none;color:var(--status-color);font:500 12px/1.4 'DM Sans',Arial,sans-serif;white-space:nowrap}
.rotation-status>i{display:block;width:7px;height:7px;flex:none;background:var(--status-color);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--status-color) 25%,transparent)}
.status-playtested,.status-working{--status-color:#91cda9}.status-issue,.status-paused{--status-color:#f2978f}.status-unknown{--status-color:#c2c7bd}.status-mixed>i{background:linear-gradient(90deg,#91cda9 0 50%,#e3b868 50%)}
.manual .status-testing,.workshop .status-testing{--status-color:#7b5013}
.manual .status-playtested,.workshop .status-playtested,.manual .status-working,.workshop .status-working{--status-color:#22653c}.manual .status-issue,.workshop .status-issue{--status-color:#a7342b}
.rotation-issue{margin:20px 0 0;color:#f3c3b7;font:400 14px/1.7 'DM Sans',Arial,sans-serif}
.dossier-status-note{padding:18px 44px;margin:0;border-bottom:1px solid #78816b66;color:#cdd0ba;font:400 14px/1.7 'DM Sans',Arial,sans-serif}
.dossier-status-note.has-issue{color:#f3c3b7}
@media(max-width:600px){.dossier-status-note{padding:16px 23px}.rotation-issue{font-size:14px}}
.status-accessible{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dojo .dojo-library .class-tabs .status-compact{margin-left:auto;padding:0 2px;min-width:9px}
.dojo .dojo-library .section-title .status-note{margin:0;max-width:360px;font:400 13px/1.6 'DM Sans',Arial,sans-serif;color:#c6cbb7}
.dojo .class-scene-copy .spec-identity{display:flex;flex-wrap:wrap;align-items:center;gap:7px 15px;min-width:0}
.dojo .class-scene-copy .specs .end{margin-left:auto}
.dossier-title>.rotation-status{margin-top:14px}
@media(max-width:760px){.dojo .dojo-library .section-title .status-note{margin-top:12px}.dojo .class-scene-copy .spec-identity{gap:5px 12px}.dojo .dojo-library .class-tabs button{width:230px}}
.dojo .dojo-library{padding-top:64px;padding-bottom:70px;background:#0c201b}
.dojo .section-title{margin-bottom:28px;align-items:center}
.dojo .section-title h2{font:400 34px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0}
.dojo .dojo-library .library-layout{grid-template-columns:285px minmax(0,1fr);border-color:#5b6249;background:#10281f}
.dojo .dojo-library .class-tabs{display:flex;flex-direction:column;background:#0d201b;border-right:1px solid #5b6249;padding:0}
.dojo .dojo-library .class-tabs button{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:70px;padding:5px 15px;gap:14px;border:0;border-bottom:1px solid #76806455;background:#10241e;box-shadow:none;text-align:left;color:#e1dfcd;transition:color .2s}
.dojo .dojo-library .class-tabs button:last-child{border-bottom:0}
.dojo .dojo-library .class-tabs button::after{content:'';position:absolute;z-index:3;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .2s}
.dojo .dojo-library .class-tabs .class-tab-name{margin:0;position:relative;color:inherit;font:400 20px/1.25 Georgia,serif;text-shadow:0 2px 8px #04130e}
.dojo .dojo-library .class-tabs button:hover{background:#10241e;color:#fff1d0}
.dojo .dojo-library .class-tabs button[aria-selected=true]{background:#10241e;color:#f0d49e;box-shadow:inset 3px 0 #d3b479}
.dojo .dojo-library .class-tabs button[aria-selected=true]::after{border-color:#c2ab6f88}
.dojo .dojo-library .class-tabs button:focus-visible{outline:2px solid #e3ca92;outline-offset:-4px;z-index:2}
.dojo .dojo-library .class-panel{padding:0;background:#0d241e}
.class-scene{position:relative;isolation:isolate;min-height:720px;height:100%;overflow:hidden}
.class-scene-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% center}
.class-scene-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#071c17ed 0%,#0a211bbb 33%,#0c231b37 62%,#081a1105 100%),linear-gradient(0deg,#091e17e8,transparent 35%)}
.class-scene-copy{position:relative;padding:80px 44px 105px;width:56%;max-width:535px;animation:class-copy-in .25s ease-out both}
.dojo .class-scene-copy h3{margin:0 0 30px;font:400 clamp(38px,3.9vw,55px)/1.05 Georgia,serif;letter-spacing:-.035em;color:#f2edda;text-wrap:balance}
.dojo .class-scene-copy .specs button{min-height:63px;padding:18px 0;border-bottom:1px solid #96855b80;color:#e7ddbd;font:400 21px/1.25 Georgia,serif;gap:17px}
.dojo .class-scene-copy .specs button:hover{color:#fff6d6;border-color:#dfc688}
.dojo .class-scene-copy .specs .number{font:400 13px 'DM Sans',sans-serif;color:#a3b49a}
.dojo .class-scene-copy .specs .end{font:400 20px 'DM Sans',sans-serif;color:#d3bb7e}
.class-scene-footer{position:absolute;bottom:30px;left:44px;right:35px;display:flex;justify-content:space-between;gap:20px;color:#c7c3a4;font-size:13px}
@keyframes class-copy-in{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.class-scene-copy{width:52%;max-width:540px}}
@media(min-width:761px) and (max-width:1100px){
 .dojo .dojo-library .library-layout{grid-template-columns:235px minmax(0,1fr)}
 .dojo .dojo-library .class-tabs button{padding-left:15px;padding-right:15px}.dojo .dojo-library .class-tabs .class-tab-name{font-size:18px}
 .class-scene-copy{width:71%;padding:66px 28px 100px}.dojo .class-scene-copy h3{font-size:42px}.dojo .class-scene-copy .specs button{font-size:19px}
 .class-scene-footer{left:28px;right:25px}.class-scene-art{object-position:72% center}
}
@media(max-width:760px){
 .dojo .dojo-library{padding:40px 20px 50px}.dojo .section-title{margin-bottom:23px}.dojo .section-title h2{font-size:30px}
 .dojo .dojo-library .library-layout{display:block}.dojo .dojo-library .class-tabs{flex-direction:row;overflow-x:auto;padding:0;border-right:0;border-bottom:1px solid #625c3e;scrollbar-width:thin;scrollbar-color:#8e8053 #11281f}
 .dojo .dojo-library .class-tabs button{width:220px;min-height:82px;padding:8px 12px;flex:none;border-bottom:0;border-right:1px solid #76806455}
 .dojo .dojo-library .class-tabs .class-tab-name{font-size:19px}.class-scene{min-height:655px}.class-scene-art{object-position:77% center}
 .class-scene-shade{background:linear-gradient(0deg,#081e18 0%,#081e18ee 18%,#0a20199e 49%,#0a201912 85%),linear-gradient(90deg,#0b211b6b,transparent)}
 .class-scene-copy{padding:345px 24px 85px;width:100%;max-width:none}.dojo .class-scene-copy h3{font-size:39px;margin:0 0 20px}
 .dojo .class-scene-copy .specs button{min-height:55px;font-size:20px;padding:15px 0;gap:15px}.class-scene-footer{left:24px;right:24px;bottom:25px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.class-scene-copy{animation:none}.dojo .dojo-library .class-tabs *{transition:none!important}}

.dojo .dojo-library .class-tabs .class-emblem{position:relative;display:block;width:60px;height:60px;flex:none;object-fit:contain;mix-blend-mode:lighten;filter:brightness(1.15);transition:filter .2s}
.dojo .dojo-library .class-tabs button{background:linear-gradient(100deg,#091a17,#12261f);align-items:center}
.dojo .dojo-library .class-tabs button:hover{background:linear-gradient(100deg,#16271e,#1b3023)}
.dojo .dojo-library .class-tabs button[aria-selected=true]{background:linear-gradient(100deg,#253324,#142b20)}
.dojo .dojo-library .class-tabs button:hover .class-emblem{filter:brightness(1.3)}
.class-heading{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.class-heading .selected-emblem{width:76px;height:76px;flex:none;object-fit:contain;mix-blend-mode:lighten;filter:brightness(1.15)}
.dojo .class-scene-copy .class-heading h3{margin:0;min-width:0}
@media(min-width:761px) and (max-width:1100px){.dojo .dojo-library .class-tabs button{padding-left:10px;padding-right:10px;gap:10px}.dojo .dojo-library .class-tabs .class-emblem{width:54px;height:60px}.class-heading{gap:12px}.class-heading .selected-emblem{width:58px;height:66px}}
@media(max-width:760px){.dojo .dojo-library .class-tabs button[aria-selected=true]{box-shadow:inset 0 -3px #d3b479}.dojo .dojo-library .class-tabs .class-emblem{width:58px;height:62px}.dojo .dojo-library .class-tabs .class-tab-name{font-size:18px}.class-heading{gap:13px;margin-bottom:20px}.class-heading .selected-emblem{width:60px;height:66px}.dojo .class-scene-copy .class-heading h3{font-size:36px}}
