/* EliteClown CS 1.6 module */
:root{--ec-panel:rgba(14,20,32,.82);--ec-line:rgba(135,151,190,.18);--ec-blue:#5c8dff;--ec-cyan:#52e4ff;--ec-red:#ff4e66;--ec-gold:#ffbf4d}
.page{max-width:1500px}
.quick-left-menu{background:rgba(28,33,51,.68)!important;backdrop-filter:blur(16px);border:1px solid rgba(153,169,220,.16)}
.ec-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;margin-bottom:20px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(18,25,41,.94),rgba(21,16,38,.86))}
.ec-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(79,126,255,.25),transparent 70%);pointer-events:none}.ec-hero h1{font-size:clamp(30px,4vw,55px);margin:4px 0 8px}.ec-hero p{max-width:820px;color:#aeb7cb}.ec-kicker{font-size:12px;letter-spacing:.24em;color:#7bdcff;font-weight:800}.ec-hero-actions{display:flex;gap:10px;z-index:1}.ec-filter{display:flex;gap:8px;flex-wrap:wrap;padding:12px;margin-bottom:20px}.ec-filter a{padding:10px 14px;border-radius:10px;color:#adb6c8}.ec-filter a.active,.ec-filter a:hover{background:rgba(86,119,255,.18);color:#fff}
.ec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.ec-card{overflow:hidden;border:1px solid var(--ec-line);transition:.25s transform,.25s border-color,.25s box-shadow}.ec-card:hover{transform:translateY(-5px);border-color:rgba(103,140,255,.55);box-shadow:0 22px 50px rgba(0,0,0,.3)}.ec-card-media{height:190px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(80,100,145,.25),rgba(4,8,15,.8));overflow:hidden}.ec-card-media img,.ec-card-media video{width:100%;height:100%;object-fit:contain}.ec-card-body{padding:18px}.ec-card-body h3{margin:6px 0}.ec-card-body p{min-height:45px;color:#9ba5ba}.ec-price{font-size:22px;font-weight:900;margin:12px 0}.ec-price small{display:block;font-size:12px;color:#8e98ad}.ec-rarity{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.rarity-common .ec-rarity,.rarity-common{--rarity:#a8b1c5}.rarity-rare .ec-rarity,.rarity-rare{--rarity:#3b9cff}.rarity-epic .ec-rarity,.rarity-epic{--rarity:#a855f7}.rarity-legendary .ec-rarity,.rarity-legendary{--rarity:#ff9f1c}.rarity-secret .ec-rarity,.rarity-secret{--rarity:#ff315c}.ec-card,.ec-list-row,.ec-roulette-item{border-color:color-mix(in srgb,var(--rarity,#6d7c9b) 28%,transparent)}.ec-rarity,.ec-list-row strong[class*="rarity"]{color:var(--rarity,#a8b1c5)}
.ec-fallback-icon{font-size:64px;filter:drop-shadow(0 0 20px rgba(100,150,255,.35))}.ec-fallback-icon.big{font-size:120px}.ec-product{display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,1.2fr);gap:34px;padding:30px}.ec-product-media{min-height:440px;border-radius:18px;background:rgba(5,8,14,.5);display:grid;place-items:center}.ec-product-media img,.ec-product-media video{width:100%;height:100%;max-height:560px;object-fit:contain}.ec-product-info h1{font-size:46px}.ec-meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.ec-meta span{background:rgba(255,255,255,.05);padding:9px 12px;border-radius:10px}.ec-abilities{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ec-abilities div{display:flex;justify-content:space-between;border-bottom:1px solid var(--ec-line);padding:8px}.ec-abilities .yes{color:#48e38f}.ec-abilities .no{color:#ff6072}.ec-buy{display:flex;align-items:center;gap:18px;margin-top:24px}.ec-buy strong{font-size:34px}
/* Frames: all supplied PNG files are APNG and animate natively in browser. */
.avatar{position:relative}.avatar.ec-frame,.avatar[class*="frame"]{overflow:visible!important}.avatar.ec-frame:after,.avatar[class*="frame"]:after{content:"";position:absolute;z-index:5;inset:-15%;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:100% 100%;filter:drop-shadow(0 0 8px rgba(100,150,255,.35))}.avatar>img,.avatar>video{position:relative;z-index:1;border-radius:inherit}.ec-frame-preview{position:relative;width:220px;height:220px;margin:auto;display:grid;place-items:center}.ec-frame-preview.small{width:90px;height:90px}.ec-preview-avatar{position:absolute;width:72%;height:72%;border-radius:18%;object-fit:cover}.ec-frame-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}.ec-frame-grid .ec-card{padding-top:18px}.ec-frame-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.ec-frame-choice{width:100%;background:rgba(255,255,255,.035);border:1px solid var(--ec-line);border-radius:14px;padding:10px;color:#dce3f2;cursor:pointer}.ec-frame-choice.selected{border-color:#58d9ff;box-shadow:0 0 22px rgba(60,190,255,.25)}.ec-no-frame{display:grid;place-items:center;height:90px;color:#9ca7bc}
.ec-inventory-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;margin-bottom:18px}.ec-list{display:flex;flex-direction:column;gap:8px}.ec-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--ec-line);background:rgba(255,255,255,.025);border-radius:12px;color:inherit}.ec-list-row small{display:block;color:#8791a5;margin-top:3px}.ec-promo{margin-top:18px;padding:16px}.ec-promo form{display:flex;gap:10px;align-items:end}.ec-promo label{flex:1}
.ec-cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin-bottom:18px}.ec-case{padding:24px;text-align:center}.ec-case-media{height:210px;display:grid;place-items:center}.ec-case-media img{max-width:100%;max-height:100%;object-fit:contain}.ec-case-box{font-size:100px;color:#8ab2ff;text-shadow:0 0 40px #4466ff}.ec-case-price{font-size:22px;font-weight:900;margin:12px}.ec-case-content{display:flex;flex-direction:column;gap:6px;padding:10px}.ec-case-modal{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:9999;display:grid;place-items:center}.ec-case-modal[hidden]{display:none}.ec-case-modal-card{width:min(900px,92vw);padding:28px;text-align:center}.ec-case-reel{height:190px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ec-reel-track{display:flex;gap:12px;animation:ecReel 3.2s cubic-bezier(.1,.7,.2,1) forwards}.ec-reel-card{min-width:150px;height:145px;border:2px solid var(--rarity);border-radius:14px;display:grid;place-items:center;background:#111827;padding:10px}.ec-case-result{font-size:30px;font-weight:900;margin:16px}.ec-history{display:flex;flex-direction:column}.ec-history a{display:grid;grid-template-columns:160px 90px 1fr 180px;gap:12px;padding:10px;border-bottom:1px solid var(--ec-line);color:inherit}@keyframes ecReel{0%{transform:translateX(50%)}100%{transform:translateX(-45%)}}
.ec-roulette-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:24px}.ec-roulette-item{min-height:220px;border:1px solid var(--ec-line);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:inherit;background:rgba(255,255,255,.025)}.ec-roulette-item img{width:100%;height:130px;object-fit:contain}.ec-secret{font-size:90px;color:#ff315c;text-shadow:0 0 30px #ff315c}.ec-coin-pill{font-size:18px;padding:12px 18px;border-radius:999px;background:rgba(255,191,77,.12);border:1px solid rgba(255,191,77,.35)}
/* CS admin panel inspired by classic game CMS, but styled for EliteClown. */
.ec-admin-shell{display:grid;grid-template-columns:250px 1fr;gap:14px;min-height:75vh}.ec-admin-side{padding:12px;display:flex;flex-direction:column;gap:5px;background:linear-gradient(180deg,rgba(39,73,112,.95),rgba(22,39,65,.94))}.ec-admin-brand{padding:14px 12px 20px}.ec-admin-brand b{font-size:20px;display:block}.ec-admin-brand span{font-size:12px;color:#b6cde7}.ec-admin-side a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:8px;color:#dbe8f6}.ec-admin-side a:hover,.ec-admin-side a.active{background:rgba(255,255,255,.12)}.ec-admin-side i{width:20px;text-align:center}.ec-admin-main{padding:24px}.ec-admin-main h1{margin-top:0}.ec-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ec-admin-stats div{padding:20px;border-radius:12px;background:rgba(80,120,180,.1);border:1px solid var(--ec-line)}.ec-admin-stats b{font-size:32px;display:block}.ec-admin-card{padding:18px;margin:14px 0;border:1px solid var(--ec-line);border-radius:13px;background:rgba(255,255,255,.025)}details.ec-admin-card>summary{cursor:pointer;font-weight:800}.ec-admin-form label{display:flex;flex-direction:column;gap:6px}.ec-admin-form input,.ec-admin-form select,.ec-admin-form textarea,.ec-search input{background:rgba(6,10,18,.65);border:1px solid rgba(150,170,210,.2);color:#eef3ff;border-radius:8px;padding:10px}.ec-admin-form .check{flex-direction:row;align-items:center}.ec-admin-grid{display:grid;grid-template-columns:1fr;gap:8px}.ec-frame-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.ec-frame-admin .ec-frame-preview{width:150px;height:150px}.ec-ability-form{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ec-search{display:flex;gap:8px;margin:12px 0}.ec-search input{flex:1}.ec-code{font-family:monospace;background:#080c14;border:1px solid var(--ec-line);padding:12px;border-radius:8px;overflow:auto}.ec-log-list>div{padding:10px;border-bottom:1px solid var(--ec-line);display:grid;grid-template-columns:170px 170px 1fr;gap:10px}.ec-log-list pre{grid-column:1/-1;white-space:pre-wrap;color:#9ca7b8}
@media(max-width:900px){.ec-product,.ec-inventory-layout,.ec-admin-shell{grid-template-columns:1fr}.ec-admin-side{position:static;display:grid;grid-template-columns:1fr 1fr}.ec-admin-brand{grid-column:1/-1}.ec-admin-stats{grid-template-columns:1fr 1fr}.ec-hero{flex-direction:column;align-items:flex-start}.ec-history a{grid-template-columns:1fr 1fr}.ec-abilities{grid-template-columns:1fr}.ec-ability-form{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ec-grid,.ec-cases-grid{grid-template-columns:1fr}.ec-admin-side{grid-template-columns:1fr}.ec-admin-stats{grid-template-columns:1fr}.ec-frame-picker{grid-template-columns:1fr 1fr}.ec-product{padding:16px}.ec-product-info h1{font-size:34px}.ec-promo form{flex-direction:column;align-items:stretch}}

/* Generated animated frame bindings */
.avatar.frame2:after,.avatar.ec-frame-frame2:after{background-image:url("/static/frames/frame2.png")}
.avatar.frame3:after,.avatar.ec-frame-frame3:after{background-image:url("/static/frames/frame3.png")}
.avatar.frame5:after,.avatar.ec-frame-frame5:after{background-image:url("/static/frames/frame5.png")}
.avatar.frame7:after,.avatar.ec-frame-frame7:after{background-image:url("/static/frames/frame7.png")}
.avatar.frame9:after,.avatar.ec-frame-frame9:after{background-image:url("/static/frames/frame9.png")}
.avatar.frame12:after,.avatar.ec-frame-frame12:after{background-image:url("/static/frames/frame12.png")}
.avatar.frame34:after,.avatar.ec-frame-frame34:after{background-image:url("/static/frames/frame34.png")}
.avatar.frame36:after,.avatar.ec-frame-frame36:after{background-image:url("/static/frames/frame36.png")}
.avatar.frame37:after,.avatar.ec-frame-frame37:after{background-image:url("/static/frames/frame37.png")}
.avatar.frame38:after,.avatar.ec-frame-frame38:after{background-image:url("/static/frames/frame38.png")}
.avatar.frame39:after,.avatar.ec-frame-frame39:after{background-image:url("/static/frames/frame39.png")}
.avatar.frame40:after,.avatar.ec-frame-frame40:after{background-image:url("/static/frames/frame40.png")}
.avatar.frame41:after,.avatar.ec-frame-frame41:after{background-image:url("/static/frames/frame41.png")}
.avatar.frame42:after,.avatar.ec-frame-frame42:after{background-image:url("/static/frames/frame42.png")}
.avatar.frame43:after,.avatar.ec-frame-frame43:after{background-image:url("/static/frames/frame43.png")}
.avatar.frame44:after,.avatar.ec-frame-frame44:after{background-image:url("/static/frames/frame44.png")}
.avatar.frame45:after,.avatar.ec-frame-frame45:after{background-image:url("/static/frames/frame45.png")}
.avatar.frame46:after,.avatar.ec-frame-frame46:after{background-image:url("/static/frames/frame46.png")}
.avatar.frame49:after,.avatar.ec-frame-frame49:after{background-image:url("/static/frames/frame49.png")}
.avatar.frame50:after,.avatar.ec-frame-frame50:after{background-image:url("/static/frames/frame50.png")}
.avatar.frame51:after,.avatar.ec-frame-frame51:after{background-image:url("/static/frames/frame51.png")}
.avatar.frame52:after,.avatar.ec-frame-frame52:after{background-image:url("/static/frames/frame52.png")}
.avatar.frame53:after,.avatar.ec-frame-frame53:after{background-image:url("/static/frames/frame53.png")}
.avatar.frame54:after,.avatar.ec-frame-frame54:after{background-image:url("/static/frames/frame54.png")}
.avatar.frame55:after,.avatar.ec-frame-frame55:after{background-image:url("/static/frames/frame55.png")}
.avatar.frame56:after,.avatar.ec-frame-frame56:after{background-image:url("/static/frames/frame56.png")}
.avatar.frame57:after,.avatar.ec-frame-frame57:after{background-image:url("/static/frames/frame57.png")}
.avatar.frame58:after,.avatar.ec-frame-frame58:after{background-image:url("/static/frames/frame58.png")}
.avatar.frame59:after,.avatar.ec-frame-frame59:after{background-image:url("/static/frames/frame59.png")}
.avatar.frame60:after,.avatar.ec-frame-frame60:after{background-image:url("/static/frames/frame60.png")}
.avatar.frame61:after,.avatar.ec-frame-frame61:after{background-image:url("/static/frames/frame61.png")}
.avatar.frame62:after,.avatar.ec-frame-frame62:after{background-image:url("/static/frames/frame62.png")}


/* Stickers and GIF packs are intentionally disabled for this CS portal build. */
.sticker-menu,.sticker-button,.sticker-pack-modal,[data-sticker-menu],[data-sticker-button],[data-open-stickers],[data-gif-button]{display:none!important}

/* Animated frame polish. The supplied APNG/GIF files keep their native animation; this adds depth and light motion. */
.avatar.ec-frame:before,.avatar[class*="frame"]:before{content:"";position:absolute;z-index:6;inset:-18%;border-radius:28%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 22%,rgba(255,255,255,.16) 28%,transparent 35% 72%,rgba(104,211,255,.12) 79%,transparent 86%);mix-blend-mode:screen;animation:ecFrameOrbit 8s linear infinite;opacity:.72}
.avatar.ec-frame:after,.avatar[class*="frame"]:after{animation:ecFramePulse 3.4s ease-in-out infinite;transform-origin:center}
@keyframes ecFrameOrbit{to{transform:rotate(360deg)}}
@keyframes ecFramePulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 7px rgba(100,150,255,.30))}50%{transform:scale(1.025);filter:drop-shadow(0 0 13px rgba(130,190,255,.52))}}
@media (prefers-reduced-motion:reduce){.avatar.ec-frame:before,.avatar[class*="frame"]:before,.avatar.ec-frame:after,.avatar[class*="frame"]:after{animation:none!important}}

/* The portal is deliberately wider and less cramped on desktop. */
@media(min-width:1200px){.page{width:min(1500px,calc(100vw - 150px));max-width:1500px}.topbar{padding-left:max(24px,calc((100vw - 1500px)/2));padding-right:max(24px,calc((100vw - 1500px)/2))}}

/* EliteClown CS 1.6 admin additions */
.ec-admin-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ec-admin-title h1{margin:.25rem 0 0}.ec-form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px}.ec-form-actions form{margin:0}.ec-inline-form{margin-top:10px}.ec-search-wide select{min-width:230px;background:rgba(6,10,18,.65);border:1px solid rgba(150,170,210,.2);color:#eef3ff;border-radius:8px;padding:10px}.ec-integration-map{margin:12px 0;padding:12px;border:1px solid var(--ec-line);border-radius:10px}.ec-integration-map summary{cursor:pointer;font-weight:800}.ec-json-row{white-space:pre-wrap;overflow:auto;background:#070b12;border:1px solid var(--ec-line);padding:12px;border-radius:9px;color:#b9c6da}.ec-alert{padding:12px 14px;border-radius:10px;margin:12px 0}.ec-alert.bad{background:rgba(255,65,92,.1);border:1px solid rgba(255,65,92,.4);color:#ff9dad}.ec-admin-card small{color:#8f9bb0}.ec-list-row form{margin:0}
@media(max-width:700px){.ec-admin-title{flex-direction:column}.ec-search-wide{flex-direction:column}.ec-search-wide select{width:100%}.ec-form-actions>.btn,.ec-form-actions>form{width:100%}.ec-form-actions form .btn{width:100%}}

.ec-comments{margin-top:24px;padding:24px}.ec-comment-form{display:grid;gap:12px;margin:16px 0 22px}.ec-comment-form textarea{min-height:110px;resize:vertical}.ec-comment-list{display:grid;gap:12px}.ec-comment-row{position:relative;padding:16px;border:1px solid rgba(221,48,157,.22);border-radius:18px;background:rgba(14,5,18,.62)}.ec-comment-user{display:flex;align-items:center;gap:10px;text-decoration:none}.ec-comment-user span:last-child{display:grid}.ec-comment-user small{color:var(--muted)}.ec-comment-rating{position:absolute;right:16px;top:16px;color:#ffc857;letter-spacing:2px}.ec-comment-row p{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){.ec-comments{padding:16px}.ec-comment-rating{position:static;display:block;margin-top:8px}}