/* ======================================================
   CLASTIE V14 — Stories / featured store / launcher
   ====================================================== */

/* Featured Mağaza menu box */
.cl14-store-featured{
    height:48px!important;
    margin:auto 4px!important;
    padding:0 18px!important;
    border-radius:12px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#4924a8 0%,#a52f91 48%,#f47a21 100%)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 9px 22px rgba(111,43,175,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
    overflow:hidden;
}
.cl14-store-featured:before{
    background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.18) 50%,transparent 85%)!important;
    opacity:.6!important;
    transform:translateX(-140%) skewX(-16deg)!important;
    transition:transform .55s ease!important;
}
.cl14-store-featured:hover:before{transform:translateX(140%) skewX(-16deg)!important}
.cl14-store-featured:after{display:none!important}
.cl14-store-featured i,.cl14-store-featured span{color:#fff!important}
.cl14-store-featured:hover{transform:translateY(-1px);filter:brightness(1.07)}

/* Launcher */
.cl14-launcher-btn{
    min-height:43px;
    padding:0 14px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff!important;
    background:linear-gradient(180deg,#1a3151,#142843)!important;
    border:1px solid rgba(99,185,255,.20)!important;
    box-shadow:0 8px 18px rgba(2,8,23,.16);
    font-family:'Oxanium','Inter',sans-serif!important;
    font-weight:700;
    font-size:13px!important;
}
.cl14-launcher-btn:before{
    content:"";
    width:8px;height:8px;border-radius:2px;
    background:#5bc0ff;
    box-shadow:0 0 10px rgba(91,192,255,.55);
}
.cl14-launcher-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#1e3a61,#17304f)!important}
.cl14-launcher-btn.is-waiting{cursor:default;opacity:.82}
.cl14-launcher-btn small{font-size:8px;color:#8fa8c5;letter-spacing:.08em}

/* Footer branding */
.cl14-powered{
    display:inline-flex;
    gap:4px;
    align-items:center;
    color:#72849f;
    font-family:'Inter',sans-serif!important;
    cursor:default;
    user-select:none;
}
.cl14-powered b{color:#e7edf7;font-weight:700}

/* Hanedan-inspired block particle mouse trail: subtle Minecraft-like squares */
.cl14-cursor-particle{
    position:fixed;
    width:7px;height:7px;
    pointer-events:none;
    z-index:99999;
    border-radius:2px;
    transform:translate(-50%,-50%) rotate(45deg);
    background:linear-gradient(135deg,#ffb15f,#f47a21);
    box-shadow:0 0 10px rgba(244,122,33,.28);
    animation:cl14ParticleOut .62s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes cl14ParticleOut{
    to{
        opacity:0;
        transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py))) rotate(135deg) scale(.15);
    }
}
/* disable old cursor glow completely */
.cl13-cursor-glow,.cl13-cursor-dot{display:none!important}

/* STORIES */
.cl14-stories-section{
    position:relative;
    z-index:10;
    padding:22px 0 26px;
    background:linear-gradient(180deg,#0c172a,#0b1528);
    border-bottom:1px solid rgba(255,255,255,.07);
}
.cl14-stories-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:16px;
}
.cl14-stories-head span{
    display:block;color:#eef4ff;
    font-family:'Oxanium','Inter',sans-serif!important;
    font-size:14px;font-weight:700;letter-spacing:.05em;
}
.cl14-stories-head p{
    margin:3px 0 0!important;
    color:#7588a6!important;
    font-size:12px!important;
}
.cl14-story-add-btn{
    min-height:38px;
    padding:0 14px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#162943!important;
    border:1px solid rgba(255,255,255,.09)!important;
    color:#f5f8fe!important;
    font-size:12px!important;font-weight:700;
}
.cl14-story-add-btn:hover{background:#1b3353!important;transform:translateY(-1px)}
.cl14-story-strip{
    display:flex;
    align-items:flex-start;
    gap:15px;
    overflow-x:auto;
    padding:2px 2px 7px;
    scrollbar-width:none;
}
.cl14-story-strip::-webkit-scrollbar{display:none}
.cl14-story-loading{
    width:100%;padding:22px;
    border:1px dashed rgba(255,255,255,.08);
    border-radius:12px;text-align:center;color:#647691;font-size:13px;
}
.cl14-story-item{
    flex:0 0 80px;
    width:80px;
    background:none;border:0;color:#fff;
    display:flex;flex-direction:column;align-items:center;
    gap:7px;cursor:pointer;
}
.cl14-story-ring{
    width:68px;height:68px;padding:3px;
    border-radius:50%;
    background:linear-gradient(135deg,#6f50ff,#df477e,#ff8e33);
    box-shadow:0 7px 17px rgba(0,0,0,.19);
}
.cl14-story-ring.is-viewed{
    background:#31415a;
}
.cl14-story-avatar{
    width:100%;height:100%;
    object-fit:cover;border-radius:50%;
    border:3px solid #0c172a;
    background:#14223a;
}
.cl14-story-item b{
    width:78px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#dce6f5;font-family:'Inter',sans-serif!important;
    font-size:11px;font-weight:600;
}
.cl14-story-own-badge{
    position:absolute;
    right:0;bottom:0;width:19px;height:19px;
    border-radius:50%;background:#3479ff;border:2px solid #0c172a;
    display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;
}
.cl14-story-avatar-wrap{position:relative}

/* Viewer */
.cl14-story-viewer,.cl14-story-form-modal{
    position:fixed;inset:0;z-index:999999;
    display:none;align-items:center;justify-content:center;
}
.cl14-story-viewer.is-open,.cl14-story-form-modal.is-open{display:flex}
.cl14-story-viewer-backdrop,.cl14-story-form-backdrop{
    position:absolute;inset:0;background:rgba(2,6,14,.88);backdrop-filter:blur(8px);
}
.cl14-story-stage{
    position:relative;z-index:2;
    width:min(430px,92vw);height:min(760px,90vh);
    border-radius:18px;overflow:hidden;background:#050914;
    border:1px solid rgba(255,255,255,.11);
    box-shadow:0 32px 100px rgba(0,0,0,.55);
}
.cl14-story-progress{
    position:absolute;left:12px;right:12px;top:10px;height:3px;
    border-radius:99px;background:rgba(255,255,255,.22);z-index:10;overflow:hidden;
}
.cl14-story-progress span{display:block;height:100%;width:0;background:#fff}
.cl14-story-user{
    position:absolute;left:14px;right:14px;top:22px;
    z-index:10;display:flex;align-items:center;gap:9px;
}
.cl14-story-user img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.75)}
.cl14-story-user>div{display:flex;flex-direction:column;text-shadow:0 2px 8px #000}
.cl14-story-user b{font-size:13px;color:#fff}.cl14-story-user small{font-size:10px;color:#d0d6df}
.cl14-story-user button{
    margin-left:auto;width:34px;height:34px;border-radius:50%;
    background:rgba(0,0,0,.38)!important;color:#fff!important;font-size:22px;
}
.cl14-story-media{position:absolute;inset:0;display:grid;place-items:center;background:#070b13}
.cl14-story-media img,.cl14-story-media video{width:100%;height:100%;object-fit:cover}
.cl14-story-text{
    position:absolute;left:22px;right:22px;bottom:38px;z-index:8;
    color:#fff;text-align:center;font-size:18px;font-weight:700;
    text-shadow:0 3px 14px rgba(0,0,0,.9);
}
.cl14-story-nav{
    position:absolute;z-index:10;top:50%;transform:translateY(-50%);
    width:36px;height:52px;background:rgba(0,0,0,.24)!important;
    color:#fff!important;font-size:30px;border-radius:8px!important;
}
.cl14-story-nav.prev{left:8px}.cl14-story-nav.next{right:8px}

/* Upload modal */
.cl14-story-form{
    position:relative;z-index:2;width:min(520px,92vw);
    padding:24px;border-radius:18px;
    background:#111e34;border:1px solid rgba(255,255,255,.10);
    box-shadow:0 32px 100px rgba(0,0,0,.52);
}
.cl14-story-form-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.cl14-story-form-head small{color:#ff9e55;font-size:10px;letter-spacing:.10em}
.cl14-story-form-head h3{margin:2px 0 0!important;font-size:24px!important;color:#fff!important}
.cl14-story-form-head button{font-size:23px;color:#fff!important;background:none!important}
.cl14-story-form label{display:block;margin-bottom:15px}
.cl14-story-form label>span{display:block;margin-bottom:7px;color:#d8e2f1;font-size:13px;font-weight:700}
.cl14-story-form label>small{display:block;margin-top:6px;color:#71839e;font-size:10px}
.cl14-story-form input[type=file],.cl14-story-form textarea{
    width:100%;background:#0d182a!important;border:1px solid rgba(255,255,255,.09)!important;
    color:#e8eef8!important;border-radius:10px!important;
}
.cl14-story-form input[type=file]{padding:10px}
.cl14-story-form textarea{min-height:90px!important;padding:12px!important}
.cl14-story-submit{
    width:100%;height:46px;border-radius:10px!important;
    background:linear-gradient(180deg,#ff8d35,#ed6810)!important;color:#fff!important;
    font-weight:800;
}
.cl14-story-form>p{text-align:center;margin:10px 0 0!important;color:#6f819a!important;font-size:10px!important}

@media(max-width:900px){
    .cl14-launcher-btn{display:none!important}
}
@media(max-width:620px){
    .cl14-stories-head{align-items:flex-start}
    .cl14-story-item{flex-basis:72px;width:72px}
    .cl14-story-ring{width:62px;height:62px}
}