:root{font-family:Arial,Helvetica,sans-serif;color:#f0edf0;background:#0e0d0e;--border:#2c272d;--muted:#a7a0a8;--pink:#fa0473}*{box-sizing:border-box}body{margin:0}a{color:#ff539b;text-decoration:none}a:hover{text-decoration:underline}header{height:72px;position:sticky;top:0;background:#101010ee;z-index:5;border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.top{max-width:1360px;margin:auto;display:flex;align-items:center;gap:20px;height:100%;padding:0 22px}.brand {
    width: 200px;
    margin-top:12px;
    margin-bottom:12px;
}

.brand img {
    width: 100%;
    height: auto;
    display: block;
}.brand span{color:var(--pink)}.strap{font-size:11px;letter-spacing:3px;color:#a3a0a3}.account{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px}.layout{display:grid;grid-template-columns:210px minmax(0,680px) 300px;gap:22px;max-width:1360px;margin:0 auto;padding:25px 20px;align-items:start}.left{position:sticky;top:97px}.left nav{display:grid;gap:5px}.left nav a{color:#c9c5ca;font-weight:700;padding:14px 16px;border-radius:10px}.left nav a:hover,.left nav .current{color:white;background:#242024;text-decoration:none}.subtle{color:var(--muted);font-size:12px;margin:20px 14px}.right{min-width:0}.sticky{position:sticky;top:96px}.panel{border:1px solid var(--border);border-radius:14px;background:#171517;padding:20px;margin-bottom:15px;overflow-wrap:anywhere}.panel h1,.heading h1{margin:0 0 10px}.panel h2{font-size:20px;margin:0 0 15px}.panel p{line-height:1.5}.heading{display:flex;justify-content:space-between}.heading p{color:var(--muted)}h1{font-size:26px;letter-spacing:-.5px}h2{font-size:20px}.post{padding:17px 19px}.byline{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:13px}.byline a{font-weight:800}.byline span,small{color:var(--muted)}.filmrow{display:flex;gap:16px;align-items:flex-start;color:inherit}.filmrow:hover{text-decoration:none}.filmrow h2{color:#fff}.filmrow p{color:#d4cbd4}.poster{width:106px;min-width:106px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;background:#333}.poster.large{width:185px;min-width:185px}.postphoto{display:block;max-width:100%;max-height:480px;border-radius:10px;margin:12px 0}.meter{display:flex;align-items:center;gap:10px;margin:10px 0}.meter img{width:48px;height:48px;object-fit:contain}.meter strong{font-size:25px;display:block;line-height:1}.meter small{display:block;font-size:10px;letter-spacing:.7px;margin-top:5px}.tag{font-size:12px;padding:5px 9px;border:1px solid #493345;border-radius:20px;color:#ff82b4;display:inline-block;margin:3px 2px}.stats{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);margin-top:15px;padding-top:12px;padding-bottom:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.stats a{color:var(--muted)}button,.button{font:inherit;border:0;border-radius:8px;background:var(--pink);color:white;padding:10px 15px;cursor:pointer;font-weight:700;display:inline-block;font-size:13px}button:disabled{opacity:.4;cursor:default}.button:hover{text-decoration:none}.ghost{background:transparent;color:#d7d1d7;padding:5px}.muted{background:#373139}.small{padding:6px 10px}.inline{display:inline}.ad{margin-bottom:18px;text-align:center;overflow:hidden;min-height:35px}.adlabel{display:block;color:#928992;letter-spacing:2px;font-size:9px;margin-bottom:7px}.filters,.horizontal,.quick{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.filters input{flex:1;min-width:180px}form label{display:block;margin:12px 0;font-size:13px;color:#d0c9d1}input,select,textarea{font:inherit;background:#242024;color:#fff;border:1px solid #494049;padding:11px 12px;border-radius:8px;max-width:100%;width:100%;margin-top:5px}textarea{resize:vertical}input[type=checkbox]{width:auto}.filters select{width:170px}.filters input{margin:0}.filters select{margin:0}.horizontal input{width:190px}.auth{max-width:520px;margin:50px auto}.auth form{display:grid}.review{padding:17px 0;border-bottom:1px solid var(--border)}.review:last-child{border:0}.review p{margin:9px 0}.avatar{width:105px;height:105px;border-radius:50%;object-fit:cover}.avatar.empty{background:#343034;display:grid;place-items:center;font-size:42px;color:#aaa}.profile{display:flex;gap:20px}.memberline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid var(--border)}.memberline small{display:block;margin-top:5px}.memberline .checkbox{display:flex;gap:7px;align-items:center}.memberline button{white-space:nowrap}.alert{padding:12px 14px;border-radius:10px;border:1px solid #ad4450;background:#432026;margin-bottom:14px}.alert.ok{background:#193c32;border-color:#347b5d}.pagination{display:flex;justify-content:space-between;margin:25px 0}.visit{display:inline-block;font-size:13px;font-weight:700}.panel hr{border:0;border-top:1px solid var(--border);margin:20px 0}@media(max-width:1160px){.layout{grid-template-columns:175px minmax(0,1fr)}.right{display:none}}@media(max-width:700px){header{height:64px}.top{padding:0 12px;gap:10px}.brand{font-size:28px}.strap{font-size:9px;letter-spacing:1px}.account{font-size:12px}.layout{display:block;padding:12px}.left{position:static;overflow:auto;margin-bottom:15px}.left nav{display:flex;flex-wrap:nowrap}.left nav a{padding:10px;white-space:nowrap}.main{min-width:0}.panel{padding:14px}.poster{width:80px;min-width:80px}.poster.large{width:120px;min-width:120px}.profile{flex-wrap:wrap}.filters{gap:5px}.filters select{width:125px}.filmrow{gap:10px}.meter strong{font-size:20px}}

/* V2 adjustments */
.byline{margin-bottom:10px;align-items:flex-start}.byline-user{display:flex;align-items:center;gap:9px;margin-bottom:10px}.feed-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:#3b2a36;overflow:hidden;color:#ff82b4}.feed-avatar img{width:100%;height:100%;object-fit:cover}.profile .follow-form{margin-top:5px}.social-profile-links{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.social-profile-links a{display:inline-block;border:1px solid #493345;border-radius:8px;padding:7px 10px}.social-edit{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.admin-edit-item{padding:12px 0;border-bottom:1px solid var(--border)}.admin-edit-item summary{cursor:pointer;color:#ff82b4;font-weight:700}.admin-edit-item form{margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:10px}.share-link{margin-left:auto}@media(max-width:700px){.social-edit{grid-template-columns:1fr;gap:0}}

/* V3 People directory: avatar, description and follow action */
.people-card{display:flex;align-items:flex-start;gap:14px;min-height:93px}.people-avatar{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:50%;overflow:hidden;background:#3b2a36;color:#ff82b4;font-size:24px;font-weight:700}.people-avatar img{width:100%;height:100%;object-fit:cover}.people-detail{flex:1;min-width:0}.people-name{font-weight:800;font-size:15px}.people-handle{margin-top:3px;font-size:12px}.people-bio{margin:9px 0 0!important;font-size:13px;line-height:1.45;color:#d4cbd4}.people-action{margin-left:auto;flex:0 0 auto}.people-action form{margin:0}.people-action button{min-width:94px}.people-action button:disabled{background:#413b41;color:#a29aa2;opacity:.7}.people-you{font-size:12px;color:var(--muted)}@media(max-width:550px){.people-card{gap:10px}.people-avatar{width:44px;height:44px;flex-basis:44px}.people-action button{min-width:73px;padding:8px 9px}}

/* Show right sidebar below the feed on mobile */
@media (max-width: 700px) {

    .right {
        display: block !important;
        width: 100%;
        margin-top: 20px;
    }

    .right .sticky {
        position: static;
        width: 100%;
    }

    .right .ad {
        max-width: 100%;
        margin: 15px auto;
    }

}

/* Desktop: keep history in left sidebar */
.screw-history {
    display: block;
}

/* Mobile: show history below the main feed */
@media (max-width: 700px) {
    .left .screw-history {
        display: none;
    }

    .right .screw-history {
        display: block;
        margin: 20px 0;
        padding: 15px;
        font-size: 12px;
        line-height: 1.6;
        opacity: 0.75;
    }
}
/* Historical introduction */
.screw-history-mobile {
    display: none;
}

@media (max-width: 700px) {
    .left .screw-history {
        display: none;
    }

    .screw-history-mobile {
        display: block;
        margin: 20px 0;
        padding: 12px 15px;
        font-size: 12px;
        line-height: 1.6;
        opacity: 0.7;
    }
}

/* Desktop: only show history in left sidebar */
.screw-history-mobile {
    display: none !important;
}

/* Mobile: hide left version, show below first feed page */
@media (max-width: 700px) {
    .left .screw-history {
        display: none !important;
    }

    .screw-history-mobile {
        display: block !important;
        margin: 20px 0;
        padding: 12px 15px;
        font-size: 12px;
        line-height: 1.6;
        opacity: 0.7;
    }
}
.screw-history strong,
.screw-history-mobile strong {
    color: #Ff82b4 !important;
}
/* SCREW pink headline on desktop and mobile */
.screw-history b,
.screw-history strong,
.screw-history-mobile b,
.screw-history-mobile strong {
    color: #Ff82b4 !important;
}
.sidebar-divider {
    border: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
    margin: 20px 0;
}


/* SCREW TRAILER MODAL */

.trailer-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.94);
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.trailer-box {
    position: relative;
    width: 100%;
    max-width: 1000px;
    background: #080808;
    border: 1px solid #333;
    border-radius: 10px;
    padding: 12px;
}

.trailer-close {
    position: absolute;
    top: -44px;
    right: 0;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 34px;
    cursor: pointer;
    z-index: 10;
}

.trailer-close:hover {
    color: #FA0473;
}

#screwTrailerHolder {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

#screwTrailerHolder .video-js {
    width: 100%;
    height: 100%;
}

.trailer-footer {
    padding: 12px 4px 2px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: #888;
}

.trailer-link {
    color: #FA0473;
    cursor: pointer;
}

/* Mobile */

@media (max-width: 700px) {
    .trailer-modal {
        padding: 10px;
    }

    .trailer-box {
        padding: 6px;
    }

    .trailer-footer {
        font-size: 10px;
    }
}



.video-js .vjs-control-bar,
.video-js .vjs-progress-control,
.video-js .vjs-progress-holder {
    pointer-events: auto !important;
}
/* Keep Log in / Sign up on one line on mobile */
header .account .button {
    white-space: nowrap;
    flex-shrink: 0;
}
/* Home feed: display name above username */
.byline-user .feed-user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.byline-user .feed-display-name,
.byline-user .feed-username {
    display: block;
    line-height: 1.2;
}

.byline-user .feed-display-name {
    font-weight: 700;
}

.byline-user .feed-username {
    font-size: 0.85em;
    opacity: 0.75;
}
/* Display names white throughout the site */
.feed-display-name,
.people-name,
.profile h1 {
    color: #fff !important;
}
/* Featured image modal */
.screw-image-zoom {
    cursor: zoom-in;
}

.screw-image-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.94);
    z-index: 99999;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
    box-sizing: border-box;
}

.screw-image-modal.open {
    display: flex;
}

.screw-image-modal img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.screw-image-close {
    position: absolute;
    top: 12px;
    right: 20px;
    background: transparent;
    color: #fff;
    border: 0;
    font-size: 36px;
    cursor: pointer;
    z-index: 1;
}

/* Featured images: 250px on desktop and mobile */
section.panel > .filmrow .poster.large,
section.panel > img.postphoto.screw-image-zoom {
    width: 250px !important;
    max-width: 100%;
    height: auto !important;
}

/* Mobile: image above title and description */
@media (max-width: 700px) {

    section.panel > .filmrow {
        flex-direction: column !important;
        align-items: center !important;
    }

    section.panel > .filmrow > div:last-child {
        width: 100%;
        min-width: 0;
    }

    section.panel:has(> img.postphoto.screw-image-zoom) {
        display: flex;
        flex-direction: column;
    }

    section.panel > img.postphoto.screw-image-zoom {
        order: -1;
        align-self: center;
    }
}
.screw-trailer-visit {
    display: inline-block;
    color: #FFFF00 !important;
    margin: 8px 0 3px;
}
/* Enlarge ALL feed images by 10% */
article.post img.postphoto,
article.post .filmrow img.poster {
    transform: scale(1.1) !important;
    transform-origin: center center;
}