*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{--accent:#ef9569;--bright:#ffcd91;--accent-rgb:239,149,105;--world:#191216;--surface:#21191b;--deep:#0f1016;--ink:#eee7d9;--muted:#a29a99;--foil-a:#ff682e;--foil-b:#ffcc6c;--foil-c:#ad2452;margin:0;background:var(--world);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:14px;transition:background-color .65s,color .4s}body[data-element=ice]{--accent:#9cd9f4;--bright:#e0f7ff;--accent-rgb:156,217,244;--world:#101d2a;--surface:#1b2b39;--deep:#0c1521;--foil-a:#99edff;--foil-b:#e0f9ff;--foil-c:#7794f2}body[data-element=water]{--accent:#67b9de;--bright:#a6eef4;--accent-rgb:103,185,222;--world:#0b1c2a;--surface:#122a3a;--deep:#07121f;--foil-a:#2483d6;--foil-b:#7ee8ed;--foil-c:#4741ad}body[data-element=earth]{--accent:#c6b077;--bright:#f4df9c;--accent-rgb:198,176,119;--world:#1b2019;--surface:#2a2d21;--deep:#10160f;--foil-a:#b4aa66;--foil-b:#f4ca74;--foil-c:#63805c}body[data-element=wind]{--accent:#9cd0c2;--bright:#d4f5e2;--accent-rgb:156,208,194;--world:#13252a;--surface:#21343a;--deep:#0d191e;--foil-a:#91e5d2;--foil-b:#e7f5d5;--foil-c:#83accf}body[data-element=lightning]{--accent:#b4a6f7;--bright:#dfdbff;--accent-rgb:180,166,247;--world:#16152d;--surface:#24213d;--deep:#101023;--foil-a:#8069fa;--foil-b:#c4e8ff;--foil-c:#3d7de4}body[data-element=light]{--accent:#ead2a0;--bright:#fff1cd;--accent-rgb:234,210,160;--world:#292421;--surface:#39332b;--deep:#19191c;--foil-a:#f3d7a2;--foil-b:#fffbe0;--foil-c:#d7b9d9}body[data-element=dark]{--accent:#bf9bdf;--bright:#e9c9fc;--accent-rgb:191,155,223;--world:#1b1225;--surface:#291d34;--deep:#110d1b;--foil-a:#8446c5;--foil-b:#d4a6ee;--foil-c:#d24590}
button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{transition:background .2s,border-color .2s,opacity .2s}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--bright);outline-offset:5px}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}a{color:inherit}button svg{flex:none}[hidden]{display:none!important}.world-backdrop{position:absolute;inset:0 0 auto;height:1130px;z-index:-1;overflow:hidden;pointer-events:none}.world-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--world) 0%,transparent 65%),linear-gradient(0deg,var(--world) 0%,transparent 70%)}#world-art{position:absolute;inset:-12%;background-position:center 25%;background-size:cover;filter:blur(60px) saturate(.7);opacity:.16;transition:background-image .6s}.world-pattern{position:absolute;inset:0;background:radial-gradient(ellipse at 56% 45%,rgba(var(--accent-rgb),.09),transparent 60%)}body[data-element=ice] .world-pattern{background:repeating-linear-gradient(125deg,transparent 0 110px,#bcddff03 111px 112px,transparent 113px 220px)}body[data-element=earth] .world-pattern{background:repeating-linear-gradient(15deg,transparent 0 65px,#ddcc9903 66px 67px,transparent 68px 130px)}body[data-element=water] .world-pattern,body[data-element=wind] .world-pattern{background:repeating-radial-gradient(ellipse at 85% 35%,transparent 0 80px,#bddfff03 81px 82px,transparent 83px 160px)}
.site-header{max-width:1510px;height:106px;margin:auto;padding:0 54px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0c;gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand img{width:45px;height:52px}.brand>span{font:25px Georgia,"Times New Roman",serif;letter-spacing:5px;color:#e7d4ae}.brand small{display:block;font:9px "Segoe UI",sans-serif;letter-spacing:2.2px;text-align:center;color:#9c9484;margin-top:6px}.beta-label{display:flex;align-items:center;gap:9px;color:#c3b5a3;font-size:11px}.beta-dot{width:5px;height:5px;background:#c7aa73;border-radius:50%}.version{color:#877d73;margin-left:2px}.site-header nav{display:flex;gap:23px;align-items:center}.site-header nav a{font-size:11px;text-decoration:none}.site-header nav a span{color:var(--accent);margin-left:6px;font-size:10px}.quiet-button{border:1px solid #ffffff18;background:#ffffff03;color:#d7cfc4;border-radius:5px;padding:9px 14px;font-size:11px}.quiet-button:hover:not(:disabled){background:#ffffff0b;border-color:#ffffff33}.site-header .quiet-button{padding:10px 14px}.site-header .quiet-button span{margin-right:5px}main{max-width:1402px;margin:auto;padding:0 36px}.intro{display:flex;justify-content:space-between;align-items:end;padding:38px 0 33px;gap:25px}.overline{font-size:10px;color:var(--accent);letter-spacing:.4px}h1{font:36px Georgia,"Times New Roman",serif;letter-spacing:-.8px;margin:9px 0 0}.intro>p{font-size:11px;line-height:1.8;margin:0;color:#c2b8b0}.intro>p>span{color:#8d8585;font-size:10px}.element-nav{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;border-bottom:1px solid #ffffff12;overflow:auto}.element-tab{position:relative;border:0;background:none;padding:18px 12px;color:#989294;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;min-width:112px;white-space:nowrap}.element-tab svg{width:21px;height:21px}.element-tab span.count{font-size:9px;opacity:.5}.element-tab:hover{color:var(--ink);background:#ffffff03}.element-tab[aria-pressed=true]{color:var(--accent);background:linear-gradient(0deg,rgba(var(--accent-rgb),.09),transparent)}.element-tab[aria-pressed=true]:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:13%;right:13%;box-shadow:0 0 18px rgba(var(--accent-rgb),.25)}
.studio{display:grid;grid-template-columns:225px minmax(320px,1fr) 285px;gap:28px;padding:34px 0 42px;align-items:stretch}.element-story{padding:65px 0 0 10px;position:relative;align-self:center;margin-top:-30px}.collection-kicker{font-size:10px;color:#a09692}.large-sigil{width:62px;height:62px;margin:30px 0 15px;color:var(--accent)}.large-sigil svg{width:100%;height:100%;stroke-width:.75;filter:drop-shadow(0 0 20px rgba(var(--accent-rgb),.12))}.element-story h2{font:clamp(48px,4.6vw,69px) Georgia,serif;margin:0 0 20px;letter-spacing:-2px;color:var(--bright)}.element-description{max-width:205px;font-size:12px;line-height:1.9;color:#b3a6a2;margin:0 0 25px}.element-material{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--accent);line-height:1.6}.material-line{width:24px;height:1px;background:var(--accent)}.collection-count{display:flex;align-items:center;gap:13px;margin-top:36px}.collection-count strong{font:34px Georgia,serif;color:#c9bca8}.collection-count span{font-size:10px;line-height:1.6;color:#938a88}.story-note{font:italic 13px/1.7 Georgia,serif;color:#827977;border-top:1px solid #ffffff0b;padding-top:26px;margin-top:28px;max-width:190px}.showcase{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 48%,rgba(var(--accent-rgb),.09),transparent 70%);border-radius:12px}.showcase-top{display:flex;justify-content:space-between;align-items:center;height:35px;padding:0 5px}.showcase-top>span{font-size:9px;letter-spacing:.25px;color:#918986;display:flex;align-items:center;gap:8px}.showcase-top i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.icon-button{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid #ffffff18;border-radius:4px;background:#ffffff03;color:#bdb4ad;font-size:16px}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.icon-button svg{width:14px;height:14px}.card-stage{position:relative;display:grid;place-items:center;padding:35px 24px 26px;min-height:535px;perspective:1100px}.orbit{position:absolute;top:50%;left:50%;width:88%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(var(--accent-rgb),.07);border-radius:50%;pointer-events:none}.orbit-two{width:105%;border-style:dashed;border-color:rgba(var(--accent-rgb),.035)}.card-wrap{width:min(314px,100%);perspective:1000px;z-index:1}.art-card{--mx:50%;--my:45%;--bx:50%;--by:50%;--rx:0deg;--ry:0deg;--foil:.8;--glare:.35;--level:.6;position:relative;isolation:isolate;border-radius:12px;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-origin:center;will-change:transform;touch-action:none;background:var(--deep);box-shadow:0 25px 50px -10px #000a,0 0 50px -15px rgba(var(--accent-rgb),.2);outline:none}.art-card:focus-visible{outline:1px solid var(--accent);outline-offset:9px}.art-card>img{display:block;width:100%;height:auto;border-radius:inherit;user-select:none}.art-card>div,.art-card>canvas{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.element-foil{background:linear-gradient(120deg,var(--foil-a),var(--foil-b) 24%,var(--foil-c) 45%,var(--foil-a) 65%,var(--foil-b));background-size:260% 260%;background-position:var(--bx) var(--by);mix-blend-mode:color-dodge;opacity:calc(var(--foil)*var(--level)*.34);filter:saturate(.85)}.element-pattern{mix-blend-mode:screen;opacity:calc(var(--foil)*var(--level)*.2);background-position:var(--bx) var(--by);background-size:180% 180%;mask-image:radial-gradient(ellipse at var(--mx) var(--my),#000 0%,transparent 78%)}.art-card[data-element=fire] .element-pattern{background-image:repeating-linear-gradient(114deg,transparent 0 27px,#ffd58d99 28px,transparent 31px 53px);mask-image:linear-gradient(0deg,#000,transparent 70%)}.art-card[data-element=ice] .element-pattern{background-image:repeating-linear-gradient(58deg,transparent 0 35px,#cffaffc0 36px,transparent 38px 69px),repeating-linear-gradient(-58deg,transparent 0 35px,#acdfff90 36px,transparent 38px 69px)}.art-card[data-element=water] .element-pattern{background-image:repeating-radial-gradient(ellipse at 50% 110%,transparent 0 14px,#a0ffff99 16px,transparent 19px 38px);background-size:130% 130%}.art-card[data-element=earth] .element-pattern{background-image:repeating-conic-gradient(from 40deg at 25% 60%,transparent 0 24deg,#d6bc7c88 24.5deg 25deg,transparent 25.5deg 60deg);background-size:65% 80%}.art-card[data-element=wind] .element-pattern{background-image:repeating-radial-gradient(ellipse at -50% 70%,transparent 0 23px,#dcffe099 24px,transparent 26px 48px);background-size:150% 150%}.art-card[data-element=lightning] .element-pattern{background-image:repeating-conic-gradient(from 70deg at 55% 45%,transparent 0 23deg,#aaaaffbb 24deg,transparent 25deg 61deg)}.art-card[data-element=light] .element-pattern{background-image:repeating-conic-gradient(from 15deg at 50% 25%,transparent 0 15deg,#ffe5ba99 16deg,transparent 17deg 30deg);mask-image:radial-gradient(ellipse at 50% 25%,#000,transparent 70%)}.art-card[data-element=dark] .element-pattern{background-image:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 20px,#ba7cdd99 21px,transparent 23px 55px);background-size:130% 130%}.rarity-foil{background-position:var(--bx) var(--by);opacity:0;mix-blend-mode:soft-light}.specular{background:radial-gradient(ellipse at var(--mx) var(--my),#ffffffd0 0%,#ffffff45 16%,#ffffff00 52%);mix-blend-mode:screen;opacity:var(--glare)}#effect-canvas{width:100%;height:100%;mix-blend-mode:screen;opacity:var(--foil)}.rim{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.5),inset 0 0 15px #0003}.card-frame{inset:9px!important;border:1px solid rgba(var(--accent-rgb),.5);border-radius:6px!important}.card-frame i{width:17px;height:17px;position:absolute;border-color:var(--bright);border-style:solid;border-width:0}.card-frame i:nth-child(1){left:3px;top:3px;border-left-width:1px;border-top-width:1px}.card-frame i:nth-child(2){right:3px;top:3px;border-right-width:1px;border-top-width:1px}.card-frame i:nth-child(3){left:3px;bottom:3px;border-left-width:1px;border-bottom-width:1px}.card-frame i:nth-child(4){right:3px;bottom:3px;border-right-width:1px;border-bottom-width:1px}.frame-top{position:absolute;top:11px;left:50%;transform:translateX(-50%);font:10px Georgia,serif;letter-spacing:3px;color:#fff1da;text-shadow:0 1px 6px #000;background:#11182730;padding:4px 8px;border-radius:2px}.frame-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:32px 12px 10px;font-size:8px;letter-spacing:1.2px;text-shadow:0 1px 4px #000;color:var(--bright);background:linear-gradient(transparent,#0009);border-radius:0 0 6px 6px}.art-card.no-frame .card-frame{display:none}.art-card[data-rarity=common]{--level:0}.art-card[data-rarity=uncommon]{--level:.28}.art-card[data-rarity=rare]{--level:.6}.art-card[data-rarity=epic]{--level:.85}.art-card[data-rarity=legendary]{--level:1}.art-card[data-rarity=mythic]{--level:1.1}.art-card[data-rarity=epic] .rarity-foil{opacity:calc(var(--foil)*.25);background-image:repeating-linear-gradient(135deg,#fffd 0 1px,transparent 1px 4px);background-size:200% 200%}.art-card[data-rarity=legendary] .rarity-foil{opacity:calc(var(--foil)*.24);background-image:repeating-conic-gradient(from 0deg at 50% 50%,#fbe8ae 0deg 1deg,transparent 2deg 25deg);background-size:210% 210%;mix-blend-mode:screen;mask-image:radial-gradient(transparent 30%,black)}.art-card[data-rarity=legendary] .rim{box-shadow:inset 0 0 0 2px #dfc18c99,inset 0 0 18px #e9c57944}.art-card[data-rarity=mythic] .rarity-foil{opacity:calc(var(--foil)*.23);background-image:linear-gradient(120deg,#f9a6b5,#fff3a5,#93e8cf,#96c4ff,#ce98f4,#f9a6b5);background-size:300% 300%;mix-blend-mode:color-dodge}.art-card[data-rarity=mythic] .rim{box-shadow:inset 0 0 0 1.5px #fce9ff99,inset 0 0 20px rgba(var(--accent-rgb),.5)}.art-card.original .element-foil,.art-card.original .element-pattern,.art-card.original .rarity-foil,.art-card.original .specular,.art-card.original canvas,.art-card.original .card-frame,.art-card.original .rim{opacity:0}.art-loading{position:absolute;bottom:30px;background:#111b;padding:7px 12px;border:1px solid #ffffff20;border-radius:4px;font-size:10px;z-index:4}.showcase-bottom{text-align:center;padding:0 10px}.showcase-bottom>p{font-size:10px;color:#938a89;margin:5px 0 16px}.preview-actions{display:flex;justify-content:center;gap:7px}.preview-actions>button:not(.icon-button){background:#ffffff03;border:1px solid #ffffff15;border-radius:4px;padding:7px 11px;font-size:10px;color:#bdb1aa}.preview-actions>button[aria-pressed=true]{color:var(--bright);background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.5)}.art-caption{display:flex;justify-content:space-between;gap:15px;margin:21px auto 0;max-width:330px;font-size:10px;color:var(--accent)}.art-caption span:last-child{color:#807773;font-size:9px}
.inspector{padding:26px 22px 20px;background:linear-gradient(135deg,#ffffff04,#ffffff01);border:1px solid #ffffff0d;border-radius:8px;align-self:start}.inspector-heading h2{font:22px Georgia,serif;letter-spacing:-.3px;margin:10px 0}.inspector-heading p{font-size:9px;color:#958b89;margin:0 0 22px}.rarity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rarity-button{border:1px solid #ffffff10;background:#ffffff02;border-radius:5px;padding:10px 3px 9px;font-size:9px;color:#b7aca7;display:flex;flex-direction:column;gap:6px;align-items:center}.rarity-button .rarity-symbol{display:block;color:#9b9694;font-size:19px;height:24px;line-height:24px}.rarity-button[data-rarity=uncommon] .rarity-symbol{color:#9cbaac}.rarity-button[data-rarity=rare] .rarity-symbol{color:#9cbed6}.rarity-button[data-rarity=epic] .rarity-symbol{color:#c5a0d6}.rarity-button[data-rarity=legendary] .rarity-symbol{color:#e3bf7d}.rarity-button[data-rarity=mythic] .rarity-symbol{color:#e5c3db;text-shadow:1px 1px #87d7df}.rarity-button:hover{background:#ffffff07}.rarity-button[aria-pressed=true]{background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.6);color:var(--bright)}.rarity-button[aria-pressed=true] .rarity-symbol{color:var(--accent)}.finish-description{display:flex;gap:11px;padding:15px 0 19px;min-height:77px;border-bottom:1px solid #ffffff0b}.finish-description>span{color:var(--accent);font-size:20px}.finish-description p{font-size:10px;line-height:1.7;color:#9f928c;margin:0}.control-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 17px}.control-heading h3{font-size:11px;font-weight:500;margin:0}.text-button{border:0;background:none;color:#92857b;font-size:9px;padding:4px}.text-button:hover{color:var(--accent)}.sliders label{display:flex;justify-content:space-between;font-size:10px;color:#aaa09a}.sliders output{font-size:9px;color:var(--accent);font-variant-numeric:tabular-nums}.sliders input{appearance:none;display:block;width:100%;height:3px;margin:13px 0 20px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--value,50%),#ffffff12 var(--value,50%));cursor:pointer}.sliders input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border:2px solid var(--accent);border-radius:50%;background:var(--surface)}.sliders input::-moz-range-thumb{width:8px;height:8px;border:2px solid var(--accent);border-radius:50%;background:var(--surface)}.toggle-row{display:flex;align-items:center;gap:9px;position:relative;font-size:10px;color:#b7aaa2;padding:8px 0;cursor:pointer}.toggle-row>span:first-child{margin-right:auto}.toggle-row input{position:absolute;right:0;width:30px;height:18px;opacity:0;cursor:pointer}.switch{width:27px;height:15px;background:#ffffff15;border:1px solid #ffffff0e;border-radius:12px;position:relative}.switch:after{content:"";position:absolute;width:9px;height:9px;background:#746f72;border-radius:50%;left:2px;top:2px;transition:.2s}.toggle-row input:checked+.switch{background:rgba(var(--accent-rgb),.2);border-color:rgba(var(--accent-rgb),.3)}.toggle-row input:checked+.switch:after{background:var(--accent);transform:translateX(11px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--bright);outline-offset:4px}.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 8px;margin-top:22px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:4px;background:rgba(var(--accent-rgb),.09);color:var(--accent);font-size:10px}.primary-button:hover{background:rgba(var(--accent-rgb),.17)}.primary-button svg{width:13px;height:13px}.download-note{font-size:8px;text-align:center;color:#807670;margin:10px 0 0}
.library{border-top:1px solid #ffffff10;padding:35px 0 10px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.library-heading h2{font:27px Georgia,serif;margin:8px 0 0;letter-spacing:-.4px}.library-heading h2>span{font:10px "Segoe UI",sans-serif;color:#9a8f89;vertical-align:middle;margin-left:14px}.library-controls{display:flex;align-items:center;gap:18px}.search-box{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#00000010;border:1px solid #ffffff13;border-radius:5px;color:#938980}.search-box svg{width:14px;height:14px}.search-box input{border:0;background:none;color:var(--ink);font-size:11px;width:190px;outline:none}.search-box:focus-within{border-color:var(--accent)}.search-box input::placeholder{color:#827973}.scope-label{font-size:10px;color:#a69b94;display:flex;gap:7px;align-items:center;white-space:nowrap;cursor:pointer}.scope-label input{accent-color:var(--accent)}.archive-notice{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#807773;margin:25px 0 18px}.archive-notice>span:first-child{color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 14px}.art-tile{border:0;border-radius:5px;display:block;background:none;color:var(--ink);padding:0;text-align:left;min-width:0;position:relative}.art-tile .tile-image{display:block;position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:5px;background:var(--deep);border:1px solid #ffffff15;transition:border-color .2s,transform .25s}.art-tile img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s;opacity:.9}.art-tile:hover img{transform:scale(1.035);opacity:1}.art-tile[aria-pressed=true] .tile-image{border:2px solid var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.tile-tag{position:absolute;bottom:7px;left:7px;background:#0b0e19bb;backdrop-filter:blur(7px);color:#ddd0bf;padding:4px 6px;border:1px solid #ffffff15;border-radius:3px;font-size:8px;line-height:1}.selected-mark{position:absolute;right:7px;top:7px;background:var(--accent);color:var(--deep);width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:11px}.tile-label{display:block;font-size:10px;color:#c6b9ad;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-file{display:block;font-size:8px;color:#807773;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:26px 0 15px;color:#8f847e;font-size:10px}.pagination>div{display:flex;gap:15px;align-items:center}.pagination .quiet-button{padding:8px 13px;font-size:10px}.empty-state{text-align:center;padding:60px 20px;color:#b8aaa3}.empty-state h3{font:25px Georgia,serif}.empty-state p{font-size:12px}footer{max-width:1330px;margin:20px auto 0;padding:25px 0 35px;border-top:1px solid #ffffff0b;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#8c7e75}.footer-brand{font:18px Georgia,serif;letter-spacing:3px;color:#c7b494}.footer-brand span{font:8px "Segoe UI",sans-serif;letter-spacing:1px;vertical-align:middle;margin-left:8px}footer p{font-size:10px;line-height:1.9;margin:0;text-align:center}footer p span{font-size:9px;color:#6e6663}footer a{font-size:9px;text-underline-offset:4px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#22222c;color:#f0e8db;padding:13px 20px;border:1px solid #ffffff25;border-radius:7px;box-shadow:0 8px 35px #0005;max-width:calc(100% - 30px);font-size:12px;transition:.2s;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.showcase.expanded{position:fixed;inset:12px;z-index:50;background:radial-gradient(ellipse at center,var(--surface),var(--deep));padding:20px 40px;display:flex;flex-direction:column;box-shadow:0 0 0 30px #080b11e8}.showcase.expanded .card-stage{flex:1;min-height:0;overflow:hidden}.showcase.expanded .card-wrap{width:min(450px,50vh)}.showcase.expanded .showcase-bottom{padding-bottom:15px}.showcase.expanded .art-caption{margin-top:14px}.expanded-body{overflow:hidden}.noscript{padding:25px;text-align:center;background:#55252c}
@media(min-width:1500px){.card-wrap{width:334px}.card-stage{min-height:570px}.studio{grid-template-columns:245px minmax(340px,1fr) 300px;gap:40px}.inspector{padding:28px}.gallery{gap:23px 17px}}
@media(max-width:1150px){.site-header{padding:0 30px}.studio{grid-template-columns:170px minmax(280px,1fr) 250px;gap:17px}.element-story{padding-left:0}.element-story h2{font-size:50px}.element-description{font-size:11px}.inspector{padding:22px 17px}.inspector-heading h2{font-size:20px}.element-tab{min-width:105px;padding:17px 9px}.gallery{grid-template-columns:repeat(6,minmax(0,1fr))}.library-controls{gap:12px}.library-heading h2{font-size:24px}.search-box input{width:165px}footer{margin-left:36px;margin-right:36px}}
@media(max-width:900px){.site-header{height:85px;padding:0 25px}.brand>span{font-size:22px}.brand img{width:36px}.beta-label{font-size:10px}.site-header nav a{display:none}.intro{padding:28px 0}.intro h1{font-size:29px}.intro>p{max-width:300px;font-size:10px}.intro>p>span{font-size:9px}main{padding:0 24px}.studio{grid-template-columns:minmax(280px,1fr) 260px;gap:22px}.element-story{grid-column:1/-1;display:flex;align-items:center;gap:18px;margin:0;padding:0 0 8px}.collection-kicker,.story-note,.element-material{display:none}.large-sigil{width:37px;height:37px;flex:none;margin:0}.element-story h2{font-size:35px;letter-spacing:-.7px;margin:0;min-width:90px}.element-description{margin:0;max-width:240px;font-size:10px}.collection-count{margin:0 0 0 auto;gap:8px}.collection-count strong{font-size:26px}.collection-count span{font-size:9px}.card-stage{min-height:490px;padding:25px 20px}.card-wrap{width:290px}.showcase-top{padding:0}.gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 12px}.library-heading{align-items:start}.library-controls{flex-direction:column;align-items:end;gap:10px}.archive-notice{font-size:8px}.inspector-heading p{font-size:9px}.library-heading h2{font-size:25px;max-width:270px}.library-heading h2>span{display:block;margin:10px 0 0}footer{margin-left:24px;margin-right:24px}}
@media(max-width:630px){html{scroll-padding-top:10px}.site-header{height:78px;padding:0 19px;gap:14px}.brand{gap:9px}.brand>span{font-size:20px;letter-spacing:3px}.brand small{font-size:7px;letter-spacing:1.4px}.brand img{width:32px;height:42px}.beta-label{margin-left:auto;gap:5px;font-size:8px;flex-wrap:wrap;max-width:75px}.version{font-size:8px}.site-header nav{display:none}main{padding:0 17px}.intro{padding:25px 0 22px;display:block}.intro .overline{font-size:9px}h1,.intro h1{font-size:29px;margin-top:9px}.intro>p{font-size:10px;line-height:1.7;margin-top:15px;max-width:100%}.intro>p br{display:none}.intro>p span{display:block;font-size:9px}.element-nav{display:flex;margin:0 -17px;padding:0 12px;scrollbar-width:thin;scrollbar-color:#ffffff22 transparent}.element-tab{min-width:100px;font-size:11px;padding:16px 10px}.element-tab svg{width:18px}.studio{display:flex;flex-direction:column;padding-top:22px;gap:20px}.element-story{order:0;gap:10px;padding:0 5px}.large-sigil{width:28px;height:28px}.element-story h2{font-size:29px;min-width:0}.element-description{display:none}.collection-count strong{font-size:23px}.collection-count span{font-size:8px}.showcase{order:1}.showcase-top{height:26px;padding:0 4px}.card-stage{min-height:420px;padding:25px 24px}.card-wrap{width:min(266px,78vw)}.showcase-bottom p{font-size:10px}.art-caption{max-width:290px}.inspector{order:2;padding:23px 20px;margin-top:4px}.inspector-heading h2{font-size:25px}.inspector-heading p{font-size:10px}.rarity-grid{grid-template-columns:repeat(3,1fr);gap:9px}.rarity-button{font-size:11px;padding:13px 4px;gap:5px}.rarity-button .rarity-symbol{font-size:22px}.finish-description{min-height:0;padding:18px 0}.finish-description p{font-size:11px}.control-heading h3{font-size:12px}.sliders label{font-size:11px}.sliders input{margin-bottom:23px}.toggle-row{font-size:11px;padding:10px 0}.primary-button{font-size:12px;padding:14px}.download-note{font-size:9px}.library{padding-top:28px}.library-heading{display:block}.library-heading h2{max-width:none;font-size:25px}.library-heading h2>span{display:inline;margin-left:10px;font-size:9px}.library-controls{flex-direction:row;align-items:center;justify-content:space-between;margin-top:22px;gap:10px}.search-box{flex:1;min-width:0;padding:11px 9px;gap:7px}.search-box input{width:100%;min-width:0;font-size:10px}.scope-label{font-size:9px;gap:3px}.archive-notice{display:block;margin-top:19px;line-height:1.7}.archive-notice>span{display:block}.archive-notice>span:first-child{font-size:10px;margin-bottom:4px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px}.tile-label{font-size:9px;margin-top:8px}.tile-file{font-size:7px}.tile-tag{font-size:7px;left:5px;bottom:5px;padding:3px 4px}.pagination{font-size:8px;gap:10px}.pagination>div{gap:9px}.pagination .quiet-button{font-size:9px;padding:8px 9px}footer{margin:10px 17px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-bottom:25px}.footer-brand{font-size:16px}footer p{order:3;text-align:left;width:100%;font-size:9px}footer a{font-size:8px}.showcase.expanded{inset:6px;padding:15px 12px}.showcase.expanded .card-wrap{width:min(320px,72vw,46vh)}.showcase.expanded .card-stage{padding:15px}.showcase.expanded .orbit{display:none}}
@media(max-width:370px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-label{display:none}.site-header nav{display:flex}.site-header nav .quiet-button{font-size:9px;padding:7px}.scope-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.mobile-upload{display:none}@media(max-width:630px){.mobile-upload{display:block;width:100%;margin-top:17px;font-size:11px}}