:root{--sc-bg:#080910;--sc-panel:rgba(18,18,30,.84);--sc-line:rgba(225,187,91,.22);--sc-gold:#e7bd63;--sc-purple:#aa7cff;--sc-cyan:#67d8e5}.showcase-page{min-height:100vh;background:radial-gradient(circle at 50% 22%,rgba(102,65,168,.16),transparent 34%),linear-gradient(145deg,#07080e,#11101c 54%,#08090f);color:#eee9df;font-family:Inter,system-ui,sans-serif}.showcase-header{height:76px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:clamp(22px,4vw,70px);border-bottom:1px solid var(--sc-line);background:rgba(7,8,14,.85);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.showcase-brand{display:flex;align-items:center;gap:11px;color:#f8e9bc;text-decoration:none;letter-spacing:.16em;font-size:11px}.showcase-brand small{display:block;font-size:7px;color:#958f9d;letter-spacing:.2em;margin-top:5px}.showcase-brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--sc-gold);border-radius:50%;color:var(--sc-gold);font-size:18px}.showcase-header nav{display:flex;gap:clamp(14px,2.3vw,34px);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.showcase-header nav a{color:#aaa8b3;text-decoration:none;padding:28px 0;position:relative}.showcase-header nav a:hover,.showcase-header nav a.is-active{color:var(--sc-gold)}.showcase-header nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:var(--sc-gold)}.showcase-language{margin-left:auto}.showcase-language select{background:#141321;border:1px solid var(--sc-line);color:#e8d49e;border-radius:5px;padding:7px}.showcase-shell{width:min(1420px,calc(100% - 36px));margin:auto;padding:54px 0 80px}.showcase-hero{text-align:center;margin-bottom:38px}.showcase-kicker,.panel-label{font-size:10px;letter-spacing:.2em;color:var(--sc-gold);text-transform:uppercase}.showcase-hero h1{font-family:Georgia,serif;font-weight:500;letter-spacing:.16em;font-size:clamp(30px,5vw,64px);margin:10px 0 5px;color:#f9e9be}.showcase-hero p:last-child{color:#aaa5b4;margin:0}.showcase-grid{display:grid;grid-template-columns:minmax(220px,.84fr) minmax(360px,1.5fr) minmax(220px,.84fr);gap:20px;align-items:stretch}.showcase-panel,.featured-panel{border:1px solid var(--sc-line);background:linear-gradient(160deg,rgba(28,24,43,.86),rgba(12,13,21,.92));border-radius:12px;box-shadow:0 20px 55px rgba(0,0,0,.25);padding:26px}.profile-panel{text-align:center}.profile-avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:28px auto 15px;border:1px solid var(--sc-gold);background:radial-gradient(circle,#523b75,#171224 67%);font:28px Georgia;color:#ffe9a2;box-shadow:0 0 24px rgba(231,189,99,.16)}.profile-panel h2{font:22px Georgia;margin:0;color:#f5e7bd}.muted{color:#908d9a;font-size:12px}.profile-quote{font-family:Georgia,serif;font-style:italic;line-height:1.6;margin:26px 12px;color:#c0b7c9}.profile-stats{border-top:1px solid var(--sc-line);margin-top:22px;padding-top:17px;display:grid;gap:13px;text-align:left}.profile-stats div{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8f8a98}.profile-stats b{color:#e9d7a7;font-weight:500;text-align:right}.showcase-button{border:1px solid var(--sc-gold);background:linear-gradient(90deg,#d9aa4f,#f2d88c);color:#1e1608;border-radius:5px;padding:11px 15px;letter-spacing:.12em;font-weight:800;font-size:10px;cursor:pointer;text-decoration:none;display:inline-block}.showcase-button--outline{width:100%;margin-top:25px;color:var(--sc-gold);background:transparent}.showcase-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.featured-panel{position:relative;text-align:center;min-height:545px;padding:28px 55px}.featured-stage{height:440px;display:grid;place-items:center;position:relative;perspective:900px;--tilt-x:0deg;--tilt-y:0deg}.magic-circle{position:absolute;width:360px;height:360px;border:1px solid rgba(171,130,255,.25);border-radius:50%;box-shadow:0 0 80px rgba(117,74,194,.18),inset 0 0 50px rgba(117,74,194,.08)}.magic-circle:before,.magic-circle:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(103,216,229,.19);border-radius:50%;transform:rotate(35deg)}.magic-circle:after{inset:47px;transform:rotate(-20deg)}.featured-card-wrap{position:relative;z-index:1;width:min(260px,70%);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .25s ease}.featured-card-wrap:hover{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px) scale(1.02)}.featured-card-wrap a{display:block;text-decoration:none;color:white}.featured-card-wrap img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 22px 35px rgba(0,0,0,.55),0 0 30px rgba(170,124,255,.23)}.featured-card-wrap strong{display:block;margin:12px 0 0;color:#f7e4ac;font:18px Georgia}.rarity-badge{display:inline-block;margin-top:9px;border:1px solid currentColor;border-radius:4px;padding:4px 8px;font-size:9px;letter-spacing:.1em}.rarity-common{color:#d1d5db!important}.rarity-rare{color:#71a8ff!important}.rarity-secret-rare{color:#ffc96d!important}.rarity-ultra-rare{color:#be98ff!important}.orbit-button{position:absolute;top:50%;z-index:2;border:1px solid var(--sc-line);color:var(--sc-gold);background:#171424;width:38px;height:48px;border-radius:6px;font-size:22px;cursor:pointer}.orbit-button:hover{background:#28203d}.orbit-button--prev{left:18px}.orbit-button--next{right:18px}.orbit-cards{display:flex;justify-content:center;gap:12px;position:absolute;bottom:14px;left:0;right:0}.orbit-card{width:44px;height:64px;opacity:.55;transition:.2s;display:block}.orbit-card:hover{opacity:1;transform:translateY(-5px)}.orbit-card img{width:100%;height:100%;object-fit:cover;border-radius:4px}.stats-panel{padding:26px 22px}.rarity-stat{margin:24px 0}.rarity-stat>div{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.rarity-stat b{color:#eee}.rarity-stat i{display:block;height:4px;background:#24212f;border-radius:4px;margin-top:8px;overflow:hidden}.rarity-stat em{display:block;height:100%;border-radius:4px;background:currentColor}.value-block{margin:31px 0;padding:17px 0;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line);display:grid;gap:8px;color:#aaa;font-size:10px;letter-spacing:.12em}.value-block strong{font:24px Georgia;color:#f0d58d}.achievement-label{margin-top:24px}.achievement{display:flex;gap:10px;align-items:flex-start;margin:17px 0;color:var(--sc-gold)}.achievement span{font-size:11px;color:#c1bbc9}.achievement b{display:block;color:#f0e2bb;font-weight:500;margin-top:4px}.collection-section{margin-top:42px}.collection-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--sc-line);padding-bottom:17px;margin-bottom:23px}.collection-heading h2{font:24px Georgia;margin:8px 0 0;color:#eee0b9}.collection-filters{display:flex;gap:5px;flex-wrap:wrap}.collection-filters button{color:#9994a3;background:transparent;border:1px solid transparent;border-radius:4px;padding:8px 10px;font-size:10px;cursor:pointer}.collection-filters button:hover,.collection-filters button.is-active{color:var(--sc-gold);border-color:var(--sc-line);background:#181528}.collection-cards{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}.showcase-card{color:#eee;text-decoration:none;min-width:0}.showcase-card-image{border-radius:7px;overflow:hidden;background:#12111c;aspect-ratio:2/3;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:.25s}.showcase-card:hover .showcase-card-image{transform:translateY(-6px);box-shadow:0 12px 27px rgba(170,124,255,.25)}.showcase-card img{width:100%;height:100%;object-fit:cover}.showcase-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:9px;font:13px Georgia}.showcase-card span{display:block;color:#9c97a7;font-size:9px;margin-top:4px}.showcase-message{text-align:center;padding:90px 20px;border:1px solid var(--sc-line);border-radius:12px;background:var(--sc-panel)}.showcase-message i{font-size:34px;color:var(--sc-gold);margin-bottom:18px}.showcase-message h2{font:22px Georgia;color:#f0dfae;margin:0 0 24px}.showcase-modal{position:fixed;z-index:20;inset:0;padding:20px;background:rgba(2,2,7,.82);backdrop-filter:blur(8px);display:grid;place-items:center}.showcase-modal.hidden,.hidden{display:none!important}.editor-shell{width:min(850px,100%);max-height:min(780px,90vh);overflow:auto;border:1px solid var(--sc-line);border-radius:12px;background:#11101c;padding:30px;position:relative}.editor-shell h2{font:24px Georgia;color:#f1dfaa;margin:10px 0 5px}.editor-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#bcb5c3;font-size:28px;cursor:pointer}.editor-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.editor-card{border:1px solid #2a2638;background:#171523;color:#eee;text-align:left;padding:6px;border-radius:6px;cursor:pointer}.editor-card.is-selected{border-color:var(--sc-gold);box-shadow:0 0 0 2px rgba(231,189,99,.18)}.editor-card img{width:100%;aspect-ratio:2/3;object-fit:cover}.editor-card span,.editor-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-card span{font-size:11px;margin-top:6px}.editor-card small{font-size:9px;color:#a6a0ad;margin-top:3px}.editor-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--sc-line);padding-top:16px;color:#b7ad91;font-size:12px}@media(max-width:1050px){.showcase-grid{grid-template-columns:1fr 1.4fr}.stats-panel{grid-column:1/-1}.collection-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.showcase-header{height:auto;min-height:64px;gap:12px;padding:12px 16px;flex-wrap:wrap}.showcase-header nav{order:3;width:100%;justify-content:space-between;overflow:auto}.showcase-header nav a{padding:8px 0;font-size:9px;white-space:nowrap}.showcase-header nav a.is-active:after{bottom:0}.showcase-shell{width:min(100% - 24px,600px);padding-top:35px}.showcase-grid{display:flex;flex-direction:column}.featured-panel{order:-1;padding:24px 35px;min-height:500px}.magic-circle{width:280px;height:280px}.featured-stage{height:400px}.featured-card-wrap{width:min(220px,70%)}.profile-panel,.stats-panel{text-align:left}.profile-avatar{margin-left:0}.profile-panel .showcase-button{max-width:260px}.collection-heading{display:block}.collection-filters{margin-top:15px}.collection-cards{grid-template-columns:repeat(2,1fr);gap:18px}.editor-cards{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.showcase-detail-shell{width:min(760px,calc(100% - 32px));max-height:min(720px,calc(100vh - 48px));overflow:auto;background:#111522;border:1px solid var(--sc-line);border-radius:12px;padding:28px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.6)}.showcase-detail-grid{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:26px;align-items:start}.showcase-detail-image{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px}.showcase-detail-shell h2{font:28px Georgia;color:#f5e7bd;margin:8px 0}.showcase-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:20px 0;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line);padding:14px 0}.showcase-detail-stats p{margin:0;color:#9994a3;font-size:11px}.showcase-detail-stats strong{display:block;color:#f0e2bb;margin-top:3px}.showcase-detail-effect{color:#c9c3d2;line-height:1.6;font-size:13px;white-space:pre-wrap}@media(max-width:640px){.showcase-detail-grid{grid-template-columns:1fr}.showcase-detail-image{max-width:220px;margin:auto}.showcase-detail-stats{grid-template-columns:1fr}}
/* Showcase filter controls: stable active state and readable count on narrow screens. */
.collection-filter-count{margin-left:8px;color:#aaa5b4;font-size:10px;white-space:nowrap}
.collection-filter-groups{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.collection-filter-group{display:grid;gap:5px}
.collection-filter-label{color:#817b8d;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.collection-filter-groups .collection-filters{display:flex;gap:5px;flex-wrap:wrap}
@media(max-width:720px){.collection-filters{display:flex;flex-wrap:wrap;gap:5px}.collection-filter-count{flex-basis:100%;margin-left:0;margin-top:4px}}

/* Showcase editor: a contained, vertical-scrolling selection gallery. */
.editor-shell{box-sizing:border-box;width:min(1200px,92vw);max-height:90vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(231,189,99,.58) rgba(12,13,21,.9)}
.editor-shell::-webkit-scrollbar{width:7px}.editor-shell::-webkit-scrollbar-track{background:rgba(12,13,21,.9)}.editor-shell::-webkit-scrollbar-thumb{background:rgba(231,189,99,.58);border-radius:999px}
.editor-shell>h2,.editor-shell>.panel-label,.editor-shell>#editor-limit,.editor-shell>#editor-search{position:sticky;z-index:2;background:#11101c}
.editor-shell>.panel-label{top:-30px;padding-top:30px}.editor-shell>h2{top:0;padding-top:10px;margin-top:0}.editor-shell>#editor-limit{top:54px;padding-bottom:10px}.editor-search{box-sizing:border-box;width:100%;min-width:0;margin:10px 0 18px;padding:11px 13px;border:1px solid var(--sc-line);border-radius:6px;color:#f2e8c5;background:#0b0c14;outline:none;font-size:12px}.editor-search:focus{border-color:var(--sc-gold);box-shadow:0 0 0 2px rgba(231,189,99,.12)}
.editor-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px;min-width:0;overflow:visible}
.editor-card{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;gap:0;padding:8px;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.editor-card:hover{transform:translateY(-3px);border-color:rgba(231,189,99,.6)}.editor-card-image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:.69;max-height:340px;overflow:hidden;border-radius:4px;background:#0b0c14}.editor-card-image img{display:block;width:100%;height:100%;object-fit:contain}.editor-card-name{display:-webkit-box;min-width:0;margin-top:9px;overflow:hidden;color:#f5e7bd;font:13px Georgia;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.editor-card small{flex:0 0 auto;margin-top:5px;color:#aaa0b0}.editor-card-selected{position:absolute;z-index:1;top:12px;right:12px;display:none;padding:4px 6px;border:1px solid var(--sc-gold);border-radius:4px;color:#201707;background:var(--sc-gold);font-size:8px;font-weight:900;letter-spacing:.08em}.editor-card.is-selected{border-color:var(--sc-gold);box-shadow:0 0 0 2px rgba(231,189,99,.2),0 0 22px rgba(231,189,99,.16)}.editor-card.is-selected .editor-card-selected{display:block}.editor-empty{grid-column:1/-1;padding:38px 12px;text-align:center}.editor-limit.is-notice{color:#f4c96a}.editor-footer{position:sticky;bottom:-30px;z-index:3;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0 0;background:#11101c}.editor-footer #editor-selected{margin-right:auto}
@media(max-width:1050px){.editor-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.editor-shell{width:min(94vw,620px);padding:22px}.editor-shell>.panel-label{top:-22px;padding-top:22px}.editor-footer{bottom:-22px}.editor-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-card-name{font-size:12px}}
@media(max-width:460px){.editor-cards{grid-template-columns:1fr}.editor-card-image{max-height:360px}.editor-footer #editor-selected{flex-basis:100%;margin-right:0}}
.editor-card-image{margin:0;white-space:normal}.editor-card-name{white-space:normal}.editor-card-selected{margin:0;white-space:nowrap}
.showcase-editor-toast{position:fixed;right:24px;bottom:24px;z-index:40;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border:1px solid var(--sc-gold);border-radius:7px;color:#f8e9bc;background:#171321;box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 18px rgba(231,189,99,.14);font-size:12px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.showcase-editor-toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:460px){.showcase-editor-toast{right:16px;bottom:16px}}
.editor-card > .editor-card-selected{display:none}.editor-card.is-selected > .editor-card-selected{display:block}