:root{--bg:#0b0b0b;--fg:#f4f0e8;--muted:#aaa59b;--accent:#ff4d00;--line:#292929}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}.top{display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0b0b0bf2;backdrop-filter:blur(10px);z-index:5}.logo{font-weight:1000;font-size:20px;line-height:.8;letter-spacing:-1px;color:var(--fg);text-decoration:none}.logo span{font-size:9px;letter-spacing:2px;color:var(--accent)}nav{display:flex;gap:20px}nav a,.sectionhead a{color:var(--fg);text-decoration:none;font-size:11px;font-weight:900;letter-spacing:1px}nav b{color:var(--accent)}.fiction{text-align:center;background:var(--accent);color:#111;padding:8px;font-size:10px;font-weight:1000;letter-spacing:1px}.hero{padding:9vw 6vw;border-bottom:1px solid var(--line)}.homehero{display:flex;justify-content:space-between;gap:40px;align-items:center;min-height:65vh;background:radial-gradient(circle at 80% 40%,#3a1709 0,#0b0b0b 45%)}.hero small,.single>small{font-weight:900;letter-spacing:2px;color:var(--accent);font-size:10px}.hero h1{font-size:clamp(60px,10vw,150px);line-height:.78;letter-spacing:-7px;margin:20px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:720px;font-size:20px;line-height:1.45;color:var(--muted)}.button{display:inline-block;margin-top:20px;padding:15px 20px;background:var(--fg);color:#111;text-decoration:none;font-weight:1000;font-size:11px;letter-spacing:1px}.badge{border:1px solid #555;border-radius:50%;width:240px;height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(-7deg)}.badge b{font-size:48px;color:var(--accent)}.badge span{font-size:10px;font-weight:900;letter-spacing:2px}.wrap{width:100%;max-width:none;margin:0;padding:55px 2vw}.sectionhead{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);margin:40px 0 1px;padding-bottom:12px}.sectionhead h2{font-size:14px;letter-spacing:2px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.card{background:var(--bg);padding:25px;min-height:270px;display:flex;flex-direction:column;transition:.2s}.card:hover{background:#151515}.card small{font-size:9px;color:var(--accent);font-weight:900;letter-spacing:1px}.card h2{font-family:Georgia,serif;font-size:27px;line-height:.95;margin:20px 0 12px}.card p{color:var(--muted);font-size:13px;line-height:1.45}.card a{margin-top:auto;color:var(--fg);font-size:9px;font-weight:900;text-decoration:none;letter-spacing:1px}.pager{display:flex;justify-content:space-between;padding:30px 0;font-size:10px;font-weight:900}.pager a{color:var(--fg);text-decoration:none}.single{width:100%;max-width:none}.single h1{font-family:Georgia,serif;font-size:clamp(50px,8vw,110px);line-height:.85;letter-spacing:-5px}.lead{font-size:24px;line-height:1.5;color:#d0cbc2}.notice{border:1px solid var(--accent);padding:18px;margin:30px 0;font-size:10px;font-weight:900;letter-spacing:1px}.meme-single pre{white-space:pre-wrap;font:900 clamp(28px,5vw,70px)/1.05 Arial;background:#151515;padding:40px}.random{text-align:center}.random h1{max-width:1000px;margin:30px auto}.random .lead{max-width:800px;margin:auto}footer{border-top:1px solid var(--line);padding:30px 2vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}footer strong{color:var(--fg)}@media(max-width:900px){nav{gap:10px}.grid{grid-template-columns:repeat(2,1fr)}.homehero{display:block}.badge{margin:40px auto 0}}@media(max-width:600px){.top{display:block}.logo{display:block;margin-bottom:18px}nav{justify-content:space-between}.grid{grid-template-columns:1fr}.hero h1{letter-spacing:-3px}.hero p{font-size:17px}.badge{width:180px;height:180px}.badge b{font-size:35px}footer{display:block}footer span{display:block;margin-top:8px}}
.brand-strip{background:#ff4d00;color:#111;padding:8px;text-align:center;font-size:10px;font-weight:1000;letter-spacing:1px;overflow:hidden;white-space:nowrap}.card-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:auto}.card-actions>a:first-child{margin-top:0}.fb-share{display:inline-block!important;margin-top:0!important;padding:9px 11px;background:#111;color:#f4f0e8!important;border:1px solid #444;text-decoration:none!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.7px!important}.fb-share:hover{background:#222;border-color:#ff4d00}.share-card{border:1px solid #444;background:linear-gradient(135deg,#111,#1b0b04);padding:25px;margin:35px 0;position:relative;overflow:hidden}.share-card:before{content:"EXTREME";position:absolute;right:-15px;top:10px;font-size:60px;font-weight:1000;color:#ff4d00;opacity:.08;transform:rotate(-8deg)}.share-card div strong{display:block;font-size:18px;letter-spacing:-1px}.share-card div span{font-size:9px;color:#ff4d00;letter-spacing:2px;font-weight:1000}.share-card small{display:block;margin:18px 0 8px;color:#ff4d00;font-weight:1000;letter-spacing:1px}.share-card h3{font:900 32px/1 Georgia,serif;max-width:850px;margin:8px 0}.share-card p{color:#aaa59b;font-size:12px;margin-bottom:18px}.live-edition{margin:0 0 18px;padding:12px;border:1px dashed #555;color:#ff4d00;font-size:9px;font-weight:1000;letter-spacing:1px}.site-share{margin-top:60px}.archivehero{padding-top:50px;padding-bottom:50px}.archivehero h1{font-size:clamp(45px,8vw,100px)}

.about-content{max-width:900px;margin:40px auto;padding:32px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.16);border-radius:18px}
.about-content h2{margin-top:30px}
.owner-box{padding:25px;margin:18px 0;border:2px solid rgba(255,255,255,.25);border-radius:16px}
.owner-box a{font-weight:800}


/* V4 visual refresh: compact header, denser archives, and a randomized design on every request. */
.top{padding:10px 3vw;min-height:56px}
.logo{font-size:17px;line-height:.78}
.logo span{font-size:8px;letter-spacing:1.6px}
nav{gap:14px;align-items:center}
nav a{font-size:10px}
.brand-strip{padding:5px;font-size:9px}
.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}
.archive-grid .card{min-height:230px;padding:18px}
.archive-grid .card h2{font-size:21px;margin:14px 0 9px}
.archive-grid .card p{font-size:12px}
.home-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.home-grid .card{min-height:235px;padding:20px}
.hero{padding:6vw 5vw}
.homehero{min-height:50vh}
.archivehero{padding-top:28px;padding-bottom:28px}
.archivehero h1{margin:12px 0;font-size:clamp(40px,7vw,88px)}
.wrap{padding:45px 4vw}

/* Every request gets a different visual treatment. */
body{transition:background .25s ease,color .25s ease}
.design-volt{--bg:#090b0e;--fg:#f7f7f2;--muted:#aeb4bb;--accent:#ff5a00;--line:#29313a}
.design-inferno{--bg:#100806;--fg:#fff3e7;--muted:#c0a99e;--accent:#ff3b16;--line:#3b211a}
.design-midnight{--bg:#070a12;--fg:#eef4ff;--muted:#9ca9bd;--accent:#00d5ff;--line:#202b3d}
.design-concrete{--bg:#111;--fg:#f1f1ed;--muted:#aaa;--accent:#d7ff00;--line:#303030}
.design-acid{--bg:#090c08;--fg:#f3ffe8;--muted:#aebba7;--accent:#b7ff00;--line:#283322}
.design-royal{--bg:#0b0710;--fg:#f8efff;--muted:#b9aabe;--accent:#c85cff;--line:#30203b}
.design-midnight .brand-strip,.design-royal .brand-strip{letter-spacing:2px}
.design-concrete .card,.design-acid .card{border-radius:0}
.design-inferno .card{border-radius:10px}
.design-midnight .card{border-radius:14px}
.design-royal .card{border-radius:8px 8px 0 0}
.design-volt .hero{transform:none}
.design-acid .hero h1,.design-acid .sectionhead h2{letter-spacing:-2px}
.design-midnight .hero{background:radial-gradient(circle at 15% 20%,#09263a 0,#070a12 48%)}
.design-royal .homehero{background:radial-gradient(circle at 80% 35%,#2b0b3e 0,#0b0710 48%)}
.design-concrete .homehero{background:linear-gradient(120deg,#111,#191919)}

@media(max-width:1200px){.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.top{padding:9px 3vw}.archive-grid,.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-grid .card{min-height:215px}.home-grid .card{min-height:220px}}
@media(max-width:600px){.top{padding:9px 4vw}.logo{margin-bottom:10px}nav{gap:7px;flex-wrap:wrap}.archive-grid,.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-grid .card{min-height:200px;padding:14px}.archive-grid .card h2{font-size:19px}.home-grid .card{padding:16px}.hero h1{font-size:clamp(42px,13vw,70px)}}

/* V6 home hero: single-line brand heading and half-height hero area. */
.homehero{min-height:25vh;padding-top:3vw;padding-bottom:3vw}
.homehero .hero h1{max-width:1050px}
@media(max-width:900px){.homehero{min-height:25vh;padding-top:5vw;padding-bottom:5vw}}

/* FULL-WIDTH CONTENT AREAS */
.wrap,.archive-grid,.home-grid,.meme-grid{width:100%;max-width:none}
.archive-grid .card,.home-grid .card{min-width:0}
@media(max-width:600px){.wrap{padding-left:3vw;padding-right:3vw}}

/* V8: Stretch stories, memes, and homepage content across the available screen width. */
.wrap{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:1vw;padding-right:1vw}
.archive-grid,.home-grid,.meme-grid{width:100%;max-width:none}
@media(max-width:600px){.wrap{padding-left:2vw;padding-right:2vw}}

/* V9: Use 8 cards per row on desktop across all story/meme grid views, including random layouts. */
.random-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1200px){.archive-grid,.home-grid,.random-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* V12: Responsive grid layout — 6 per row on desktop, 2 per row on mobile. */
.archive-grid,.home-grid,.meme-grid,.random-grid{grid-template-columns:repeat(6,minmax(0,1fr));}

@media (max-width: 1200px){
  .archive-grid,.home-grid,.meme-grid,.random-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media (max-width: 900px){
  .archive-grid,.home-grid,.meme-grid,.random-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width: 600px){
  .archive-grid,.home-grid,.meme-grid,.random-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .wrap{width:100%;padding-left:2vw;padding-right:2vw;}
  .card{min-width:0;overflow:hidden;}
  .card h2{overflow-wrap:anywhere;}
  .card p{overflow-wrap:anywhere;}
}
.folklore-badge{display:inline-block;margin:.55rem 0 .2rem;padding:.35rem .6rem;border:1px solid currentColor;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.fiction-note{margin-top:1rem;padding:.8rem 1rem;border-left:4px solid currentColor;font-size:.86rem;opacity:.78}.card .folklore-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v15 folklore */
.folklore-tag{display:block;margin:.4rem 0 .75rem;padding:.35rem .5rem;border:1px solid rgba(255,255,255,.25);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}
.home-grid,.archive-grid,.meme-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;width:100%;}
@media(max-width:1200px){.home-grid,.archive-grid,.meme-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media(max-width:900px){.home-grid,.archive-grid,.meme-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:600px){.home-grid,.archive-grid,.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:.65rem}.card{min-width:0}.card h2,.card p{overflow-wrap:anywhere}}