.collection-page{isolation:isolate;background:#0b0d11;min-height:100vh;position:relative;overflow:clip}.collection-atmosphere{z-index:-1;opacity:.72;pointer-events:none;background:linear-gradient(#090c0d80,#0b0d11 93%),linear-gradient(90deg,#160d20c9,#0c111baa),url(/assets/arena.png) top/auto 540px no-repeat;height:850px;position:absolute;inset:0 0 auto}.collection-heading{justify-content:space-between;align-items:end;gap:30px;padding:48px 0 30px;display:flex}.collection-heading h1{letter-spacing:-.025em;margin-top:12px;font:clamp(44px,5vw,72px)/1.13 Georgia,Times New Roman,serif}.collection-heading h1 em{color:#e3bd7c;font-weight:400}.collection-heading>p{color:#c0b9b0;max-width:370px;padding-bottom:5px;font-size:16px}.rank-index{border-bottom:1px solid #cba77633;flex-wrap:wrap;gap:7px;padding:10px 0 25px;display:flex}.rank-index a{color:#d8cec1;background:#171721a3;border:1px solid #bdb4d21f;border-radius:3px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:background .2s,border-color .2s;display:flex}.rank-index a span{color:#e3bd7c;min-width:20px;font-family:Georgia,serif}.rank-index a:hover{background:#302633;border-color:#d2a26b88}.rank-gallery{padding:32px 0 28px;scroll-margin-top:112px}.rank-heading{align-items:center;gap:16px;margin-bottom:25px;display:flex}.rank-numeral{color:#a5896266;min-width:55px;font:italic 40px/1 Georgia,serif}.rank-heading h2{letter-spacing:.05em;font:28px/1.2 Georgia,serif}.rank-count{color:#9d9791;margin-left:auto;font-size:13px}.unit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 25px;display:grid}.unit-tile{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.unit-card-preview{aspect-ratio:1;background:var(--card-edge);box-shadow:0 3px 0 var(--card-edge),0 15px 25px #0008;border-radius:2.4%;margin:0 8px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}:is(.unit-tile:hover .unit-card-preview,.unit-tile:focus-visible .unit-card-preview){box-shadow:0 3px 0 var(--card-edge),0 16px 40px #000b,0 0 35px #dcad5b1c;transform:translateY(-7px)rotate(-1deg)}.collection-art{border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.collection-art img{-webkit-user-select:none;user-select:none;position:absolute}.unit-open{color:#f5d2a0;opacity:0;background:linear-gradient(#0000,#111016ef);justify-content:center;align-items:center;gap:8px;padding:25px 8px 12px;font-size:14px;transition:opacity .2s;display:flex;position:absolute;inset:auto 0 0}:is(.unit-tile:hover .unit-open,.unit-tile:focus-visible .unit-open){opacity:1}.unit-caption{align-items:baseline;gap:10px;padding:17px 5px 0;display:flex}.unit-caption>span{color:#a48d72;font:12px/1 Georgia,serif}.unit-caption>span:last-child{color:#c4a678;margin-left:auto;font-size:18px}.unit-caption h3{letter-spacing:.025em;color:#e3d4ba;font:21px/1.25 Georgia,Times New Roman,serif}.collection-footer{color:#b7ac9e;border-top:1px solid #cba77633;justify-content:space-between;align-items:center;gap:25px;padding:42px 0 55px;display:flex}.collection-footer p{font:italic 22px/1.5 Georgia,serif}.collection-footer a{color:#e3bd7c;align-items:center;gap:12px;font-size:15px;display:flex}.hero-dialog-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:80;background:#050609df;position:fixed;inset:0}.hero-dialog{z-index:81;color:#f1e9dd;background:radial-gradient(at 47% 42%,#3523338c,#0000 65%),#101015;border:1px solid #d1a7764a;border-radius:8px;outline:none;width:min(1440px,100% - 48px);max-height:calc(100dvh - 48px);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 35px 120px #000d}.dossier-top{color:#bfa889;letter-spacing:.07em;border-bottom:1px solid #d1a77629;justify-content:space-between;align-items:center;padding:16px 24px;font-size:13px;display:flex}.dossier-close{color:#d9c7b1;cursor:pointer;background:0 0;border:0;place-items:center;padding:8px;display:grid}.dossier-layout{grid-template-columns:1.05fr 1fr;align-items:start;gap:30px;padding:30px;display:grid}.collection-viewer{min-width:0}.card-orbit{perspective:1200px;aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-2px;place-items:center;display:grid;position:relative}.card-orbit:active{cursor:grabbing}.collectible-card{aspect-ratio:1;width:85%;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.65,.3,1);position:relative}.collectible-card[data-dragging=true]{transition:none}.card-core{background:var(--card-edge);-webkit-backface-visibility:visible;backface-visibility:visible;border-radius:2.4%;position:absolute;inset:0}.card-surface{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--card-edge);border-radius:2.4%;position:absolute;inset:0}.card-front{transform:translateZ(2px)}.card-back{transform:rotateY(180deg)translateZ(2px)}.rotation-hint{color:#b6a68f;justify-content:center;align-items:center;gap:8px;margin:12px 0;font-size:13px;display:flex}.card-tools{justify-content:center;gap:8px;display:flex}.card-tools button,.dossier-bottom button{color:#e2c396;cursor:pointer;background:#211c23;border:1px solid #ddbd8933;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:14px;display:flex}.card-tools button:hover,.dossier-bottom button:hover{background:#362832}.hero-dossier{min-width:0;padding:8px 8px 8px 12px}.dossier-name{color:#eed7b0;margin:10px 0 12px;font:clamp(30px,3vw,48px)/1.1 Georgia,Times New Roman,serif}.dossier-intro{color:#b2a18b;font-size:14px}.unit-stats{border-block:1px solid #c5a77933;gap:22px;margin:20px 0;padding:20px 0;display:flex}.unit-stats dt{color:#b4a68f;font-size:12px}.unit-stats dd{color:#eac995;margin:0;font:30px/1.3 Georgia,serif}.tactic{margin:19px 0}.tactic h3{letter-spacing:.02em;color:#d7b788;margin-bottom:5px;font-size:14px;font-weight:500}.tactic p,.tactic li{color:#c5bdb3;font-size:16px;line-height:1.6}.tactic ul{margin:0;padding-left:17px}.dossier-bottom{border-top:1px solid #d1a77629;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex}.dossier-bottom>span{color:#ad9f8c;font-size:13px}.dossier-bottom button:disabled{opacity:.3;cursor:default}@media (min-width:1500px){.collection-shell{width:min(1440px,100% - 96px)}}@media (max-width:1100px){.unit-grid{gap:28px 20px}.unit-caption h3{font-size:19px}.collection-heading>p{max-width:285px}.dossier-layout{padding:20px}}@media (max-width:700px){.collection-heading{padding-top:30px;display:block}.collection-heading>p{max-width:100%;margin-top:20px}.collection-heading h1{font-size:44px}.rank-index{gap:6px}.rank-index a{padding:8px 10px;font-size:13px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.unit-card-preview{margin:0}.unit-caption{gap:6px;padding:13px 0 0}.unit-caption h3{font-size:18px}.unit-caption>span:last-child{display:none}.rank-heading h2{font-size:25px}.rank-gallery{scroll-margin-top:94px}.collection-footer{flex-direction:column;align-items:start}.hero-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.dossier-layout{grid-template-columns:1fr;gap:20px;padding:16px}.card-orbit{max-width:400px;margin:auto}.hero-dossier{padding:0 8px}.dossier-name{font-size:36px}.dossier-top,.dossier-bottom{padding:12px 16px}.dossier-bottom button{padding:10px}.dossier-bottom button span{font-size:13px}.hero-dialog .collection-viewer{max-width:100%}.collection-footer p{font-size:20px}}@media (prefers-reduced-motion:reduce){.unit-card-preview,.collectible-card,.unit-open{transition:none}}.dossier-top{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121116ed;position:sticky;top:0}.stats-note{color:#a39583;margin-top:-13px;margin-bottom:22px;font-size:12px}.rank-trait{border-left:2px solid #a2814f66;padding-left:14px}.level-unlocks{border-top:1px solid #c5a77933;margin-top:25px;padding-top:15px}.level-unlocks summary{cursor:pointer;color:#e0c194;justify-content:space-between;align-items:center;gap:12px;font-size:14px;list-style:none;display:flex}.level-unlocks summary::-webkit-details-marker{display:none}.level-unlocks summary span{font-size:24px;font-weight:300}.level-unlocks[open] summary span{transform:rotate(45deg)}@media (min-width:701px){.collection-viewer{position:sticky;top:105px}}.dossier-name,.unit-caption h3{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.card-idle-motion{aspect-ratio:1;width:85%;transform-style:preserve-3d;will-change:transform;animation:12s cubic-bezier(.45,0,.55,1) infinite card-contemplation;position:relative}.card-idle-motion[data-paused=true]{animation-play-state:paused}.card-idle-motion .collectible-card{width:100%}@keyframes card-contemplation{0%,to{transform:rotateX(-3deg)rotateY(-12deg)rotate(-1.2deg)}27%{transform:rotateX(3.5deg)rotateY(-2deg)rotate(.6deg)}53%{transform:rotateX(2deg)rotateY(12deg)rotate(1.2deg)}78%{transform:rotateX(-4deg)rotateY(3deg)rotate(-.5deg)}}@media (prefers-reduced-motion:reduce){.card-idle-motion{will-change:auto;animation:none}}