@import url(‘https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Quicksand:wght@400;600&display=swap’);
:root {
–bg-deep: #1a0a2e;
–bg-mid: #2d1b4e;
–accent-pink: #ff6bcb;
–accent-cyan: #00f5d4;
–accent-gold: #ffd166;
–accent-purple: #c77dff;
–accent-red: #ff4d6d;
–accent-green: #06d6a0;
–text-main: #f8f0ff;
–text-soft: #e0d4f7;
–card-bg: rgba(45, 27, 78, 0.85);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background:
radial-gradient(ellipse at 20% 20%, #3a1c6e 0%, transparent 50%),
radial-gradient(ellipse at 80% 80%, #1a3a5c 0%, transparent 45%),
linear-gradient(160deg, var(–bg-deep) 0%, #0f0520 40%, #1a0a2e 100%);
color: var(–text-main);
font-family: ‘Quicksand’, sans-serif;
min-height: 100vh;
line-height: 1.75;
overflow-x: hidden;
}
/* Decorative floating orbs */
.orb {
position: fixed;
border-radius: 50%;
filter: blur(40px);
opacity: 0.35;
pointer-events: none;
z-index: 0;
}
.orb-1 { width: 280px; height: 280px; background: var(–accent-pink); top: -60px; left: -40px; }
.orb-2 { width: 220px; height: 220px; background: var(–accent-cyan); bottom: 10%; right: -50px; }
.orb-3 { width: 180px; height: 180px; background: var(–accent-purple); top: 40%; left: 70%; }
.container {
position: relative;
z-index: 1;
max-width: 780px;
margin: 0 auto;
padding: 2.5rem 1.5rem 4rem;
}
header {
text-align: center;
margin-bottom: 2.5rem;
}
h1 {
font-family: ‘Cinzel’, serif;
font-size: clamp(1.9rem, 5vw, 2.8rem);
font-weight: 700;
background: linear-gradient(90deg, var(–accent-pink), var(–accent-gold), var(–accent-cyan));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
letter-spacing: 0.04em;
margin-bottom: 0.4rem;
text-shadow: 0 0 30px rgba(255, 107, 203, 0.3);
}
.subtitle {
font-family: ‘Playfair Display’, serif;
font-style: italic;
color: var(–accent-gold);
font-size: 1.15rem;
letter-spacing: 0.08em;
}
/* Fantastical Stoplight */
.stoplight-wrap {
display: flex;
justify-content: center;
margin: 2rem 0 2.5rem;
}
.stoplight {
position: relative;
width: 110px;
padding: 14px 12px;
background: linear-gradient(145deg, #2a1a4a, #1a0f30);
border-radius: 18px;
border: 3px solid var(–accent-gold);
box-shadow:
0 0 0 4px rgba(255, 209, 102, 0.25),
0 12px 30px rgba(0,0,0,0.5),
inset 0 0 20px rgba(0,0,0,0.4);
}
.stoplight::before {
content: ”;
position: absolute;
top: -28px;
left: 50%;
transform: translateX(-50%);
width: 18px;
height: 28px;
background: linear-gradient(to bottom, #5a3a8a, #2a1a4a);
border-radius: 4px 4px 0 0;
border: 2px solid var(–accent-gold);
border-bottom: none;
}
.light {
width: 70px;
height: 70px;
margin: 8px auto;
border-radius: 50%;
border: 3px solid rgba(255,255,255,0.15);
position: relative;
overflow: hidden;
}
.light.red {
background: radial-gradient(circle at 35% 35%, #ff8a9a, var(–accent-red) 60%, #8b0020);
box-shadow: 0 0 25px var(–accent-red), inset 0 0 15px rgba(255,255,255,0.2);
animation: pulse-red 2.8s ease-in-out infinite;
}
.light.yellow {
background: radial-gradient(circle at 35% 35%, #ffe066, var(–accent-gold) 60%, #b8860b);
box-shadow: 0 0 18px rgba(255, 209, 102, 0.5), inset 0 0 12px rgba(255,255,255,0.15);
}
.light.green {
background: radial-gradient(circle at 35% 35%, #7dffc8, var(–accent-green) 60%, #007a55);
box-shadow: 0 0 25px var(–accent-green), inset 0 0 15px rgba(255,255,255,0.2);
animation: pulse-green 2.8s ease-in-out infinite 1.4s;
}
/* Whimsical swirls on the lights */
.light::after {
content: ‘✦’;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1.4rem;
color: rgba(255,255,255,0.45);
text-shadow: 0 0 8px white;
}
@keyframes pulse-red {
0%, 100% { box-shadow: 0 0 20px var(–accent-red), inset 0 0 12px rgba(255,255,255,0.2); }
50% { box-shadow: 0 0 40px var(–accent-red), 0 0 60px rgba(255,77,109,0.4), inset 0 0 18px rgba(255,255,255,0.3); }
}
@keyframes pulse-green {
0%, 100% { box-shadow: 0 0 20px var(–accent-green), inset 0 0 12px rgba(255,255,255,0.2); }
50% { box-shadow: 0 0 40px var(–accent-green), 0 0 60px rgba(6,214,160,0.4), inset 0 0 18px rgba(255,255,255,0.3); }
}
/* Story card */
.story-card {
background: var(–card-bg);
border: 2px solid rgba(199, 125, 255, 0.45);
border-radius: 20px;
padding: 2.2rem 2rem;
box-shadow:
0 0 40px rgba(199, 125, 255, 0.15),
inset 0 0 60px rgba(0,0,0,0.25);
backdrop-filter: blur(8px);
}
.story-card p {
margin-bottom: 1.35rem;
color: var(–text-soft);
font-size: 1.08rem;
}
.story-card p:last-child {
margin-bottom: 0;
}
/* High-contrast links */
a.wonder-link {
color: var(–accent-cyan);
font-weight: 600;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: all 0.25s ease;
padding: 0 2px;
}
a.wonder-link:hover {
color: var(–accent-pink);
border-bottom-color: var(–accent-pink);
text-shadow: 0 0 12px rgba(255, 107, 203, 0.6);
}
a.wonder-link.tip {
color: var(–accent-gold);
}
a.wonder-link.tip:hover {
color: #fff0a0;
border-bottom-color: var(–accent-gold);
text-shadow: 0 0 12px rgba(255, 209, 102, 0.7);
}
/* Decorative flourish */
.flourish {
text-align: center;
color: var(–accent-purple);
font-size: 1.4rem;
letter-spacing: 0.6em;
margin: 1.8rem 0 0.5rem;
opacity: 0.7;
}
footer {
text-align: center;
margin-top: 2.5rem;
font-size: 0.9rem;
color: var(–accent-purple);
opacity: 0.8;
}
footer a {
color: var(–accent-cyan);
text-decoration: none;
}
/* Responsive tweaks */
@media (max-width: 520px) {
.story-card {
padding: 1.6rem 1.25rem;
}
.story-card p {
font-size: 1.02rem;
}
}
Red Light Green Light
Small Penis Humiliation
You didn’t realize this garden was a monument to small penis humiliation until you stepped over the first crumbling groin. Moss clung to the grey stone of men frozen in expressions of pure terror, their decayed limbs snapping under your boots.
A blur of neon pink and blue whipped across your vision. A thick, furred tail blinded you for a heartbeat before Catalina materialized with the smell of ozone and burnt sugar, floating upside down with a wide, toothy grin.
“New game!” she chirped, her voice a melodic chime.
“What game?” you asked, blinking.
“Red light, green light,” she whispered, her breath cold against your ear. “But we have a special guest.”
From the shade of a weeping willow, Medusa slid forward. Her scales scraped the gravel with a metallic hiss. A nest of vipers writhed atop her head, their tongues clicking in a rhythmic, hungry unison.
“The rules are simple, little man,” Medusa sneered, her golden eyes glowing. “Green light, you run for the exit. Red light, you close your eyes and freeze. If I catch so much as a flicker of movement, you join the collection.”
“Green light!” Catalina shrieked suddenly, catching you off-guard.
You bolted. Your lungs burned. The exit arch loomed ahead, a sliver of hope in this surreal nightmare.
“Red light!”
You clamped your eyes shut and try to stop, but a stray piece of statue shifted under your heel. You wobbled.
A sharp, cold snap echoed through the garden. You tried to gasp, but your throat had turned to granite. Your skin hardened into a coarse, grey shell. You stood naked, frozen in a clumsy stumble, fully conscious but unable to twitch a finger.
Catalina floated closer, her eyes scanning your form. She let out a loud, theatrical gasp.
“Oh, Medusa, look at this SMALL PENIS! The ultimate prize!”
Medusa glided forward, her serpents leaning in to sniff at you. She let out a guttural laugh that vibrated through your stone chest.
“Is that a cocktail sausage or a misplaced toe?” Medusa mocked. “I’ve seen larger growths on a garden slug.”
“It’s barely a nub,” Catalina giggled, poking your stone genitals with a sharp claw. “Does it even function, or is it just for decoration? This wouldn’t satisfy anyone.”
“It’s pathetic,” Medusa spat, her voice dripping with venom. “Even as a statue, he looks inadequate. Imagine the shame of being immortalized with such a microscopic tragedy between his legs. Welcome to the gallery of small penis humiliation, little nub.”
“It looks more like a little clitty! Should he have been born a girl?” Catalina’s vicious words struck, making your tiny shrimp dick want to rise, but unable to with you being a statue.
They continued to jeer, their laughter echoing in your mind. The remarks grew more vicious, dissecting your inadequacy with surgical precision. You wanted to scream, to beg, but you were nothing more than a rock.
Then, the sensation changed. A crushing pressure mounted inside the stone. You felt your consciousness compress, shrinking inward toward a singular, dense point. The laughter of the women faded into a distant hum. The world narrowed, the light vanished, and a heavy, suffocating darkness swallowed you whole as their small penis humiliation still rang in your head.
Tip your favorites in Wonderland:
Tip Catalina
•
Tip Medusa
@import url(‘https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Cormorant+Garamond:ital,wght@0,500;1,500&display=swap’);
:root {
–blood: #8b0000;
–blood-dark: #4a0000;
–ink: #0d0a0a;
–rose: #c41e3a;
–gold: #c9a227;
–smoke: #2a1f1f;
}
body {
margin: 0;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: radial-gradient(ellipse at center, #1a0f0f 0%, #0a0505 70%);
font-family: ‘Cormorant Garamond’, serif;
}
.wonderland-ctas {
display: flex;
flex-wrap: wrap;
gap: 1.75rem;
justify-content: center;
padding: 2rem;
}
.cta {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
min-width: 260px;
padding: 1.15rem 2rem;
font-family: ‘Cinzel Decorative’, serif;
font-size: 1.05rem;
letter-spacing: 0.06em;
text-decoration: none;
color: #f5e6d3;
background: linear-gradient(145deg, var(–blood-dark), var(–ink));
border: 2px solid var(–gold);
border-radius: 4px;
box-shadow:
0 0 0 1px rgba(201, 162, 39, 0.25),
0 8px 24px rgba(0, 0, 0, 0.6),
inset 0 1px 0 rgba(255, 255, 255, 0.08);
transition: all 0.35s ease;
overflow: hidden;
cursor: pointer;
}
.cta::before {
content: ”;
position: absolute;
inset: 0;
background: linear-gradient(
120deg,
transparent 30%,
rgba(196, 30, 58, 0.15) 50%,
transparent 70%
);
transform: translateX(-100%);
transition: transform 0.6s ease;
}
.cta:hover::before {
transform: translateX(100%);
}
.cta:hover {
color: #fff;
border-color: var(–rose);
box-shadow:
0 0 0 1px rgba(196, 30, 58, 0.4),
0 0 28px rgba(139, 0, 0, 0.55),
0 12px 32px rgba(0, 0, 0, 0.7),
inset 0 1px 0 rgba(255, 255, 255, 0.12);
transform: translateY(-3px);
}
.cta:active {
transform: translateY(0);
}
.cta .icon {
font-size: 1.35rem;
line-height: 1;
filter: drop-shadow(0 0 4px rgba(201, 162, 39, 0.5));
}
.cta .label {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.25;
}
.cta .label small {
font-family: ‘Cormorant Garamond’, serif;
font-size: 0.72rem;
font-style: italic;
letter-spacing: 0.12em;
opacity: 0.75;
margin-top: 2px;
}
/* Subtle thorn / crack accent on the right edge */
.cta::after {
content: ”;
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 100%;
background: linear-gradient(
to bottom,
transparent 10%,
var(–gold) 12%,
transparent 14%,
transparent 45%,
var(–rose) 48%,
transparent 52%,
transparent 80%,
var(–gold) 83%,
transparent 86%
);
opacity: 0.35;
pointer-events: none;
}
/* Mobile stacking */
@media (max-width: 600px) {
.cta {
min-width: 100%;
max-width: 320px;
}
}
@import url(‘https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap’);
.wonderland-cta-wrapper {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
justify-content: center;
align-items: center;
padding: 2rem 1rem;
background: radial-gradient(ellipse at center, #1a0a0f 0%, #0a0508 70%);
font-family: ‘Cinzel’, serif;
}
.wonderland-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
min-width: 260px;
padding: 1.1rem 1.8rem;
border: 2px solid #8b0000;
border-radius: 4px;
background: linear-gradient(145deg, #1c0b10 0%, #0d0508 100%);
color: #e8d5b7;
text-decoration: none;
text-align: center;
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
box-shadow:
0 0 0 1px #2a0a0f,
0 4px 15px rgba(139, 0, 0, 0.35),
inset 0 0 20px rgba(0, 0, 0, 0.6);
transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
overflow: hidden;
cursor: pointer;
}
.wonderland-btn::before {
content: ”;
position: absolute;
inset: 0;
background: linear-gradient(120deg, transparent 30%, rgba(139, 0, 0, 0.15) 50%, transparent 70%);
transform: translateX(-100%);
transition: transform 0.6s ease;
}
.wonderland-btn:hover::before {
transform: translateX(100%);
}
.wonderland-btn:hover {
border-color: #c41e3a;
color: #fff5e6;
box-shadow:
0 0 0 1px #3a1018,
0 0 25px rgba(196, 30, 58, 0.55),
0 6px 20px rgba(0, 0, 0, 0.5),
inset 0 0 30px rgba(139, 0, 0, 0.25);
transform: translateY(-3px);
}
.wonderland-btn:active {
transform: translateY(0);
}
/* Accent icons / flourishes */
.wonderland-btn .icon {
font-size: 1.25rem;
line-height: 1;
filter: drop-shadow(0 0 4px rgba(196, 30, 58, 0.6));
}
.wonderland-btn .sub {
display: block;
font-family: ‘Playfair Display’, serif;
font-size: 0.72rem;
font-weight: 400;
font-style: italic;
letter-spacing: 0.12em;
color: #a88b6e;
margin-top: 0.25rem;
text-transform: none;
}
/* Special variants */
.btn-enter {
border-color: #5c1a1a;
}
.btn-enter:hover {
border-color: #8b0000;
}
.btn-call {
border-color: #1a3a1a;
background: linear-gradient(145deg, #0f1a10 0%, #050a06 100%);
}
.btn-call:hover {
border-color: #2e5c2e;
box-shadow:
0 0 0 1px #1a2e1a,
0 0 25px rgba(46, 92, 46, 0.45),
0 6px 20px rgba(0, 0, 0, 0.5),
inset 0 0 30px rgba(30, 80, 30, 0.2);
}
/* Tiny decorative corner thorns */
.wonderland-btn::after {
content: ‘♠’;
position: absolute;
top: 4px;
right: 8px;
font-size: 0.7rem;
color: #5c1a1a;
opacity: 0.7;
}
Happy Halloween!!!
