@import"https://fonts.googleapis.com/css2?family=Bangers&family=Rubik+Mono+One&family=Space+Grotesk:wght@400;600&display=swap";:root{color-scheme:light;--ink: #14110f;--ink-soft: #2d2822;--cream: #fff4d6;--peach: #ffd2a6;--mango: #ffb84d;--melon: #ff6b6b;--lime: #8bff7f;--aqua: #4dd6ff;--berry: #ff9ad5;--sky: #7edbff;--mint: #b7ffb2;--sunset: #ff8a5b;--shadow: 0 24px 60px rgba(20, 17, 15, .18);--radius: 24px}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 15%,rgba(255,154,213,.32),transparent 45%),radial-gradient(circle at 90% 20%,rgba(126,219,255,.35),transparent 45%),radial-gradient(circle at 20% 85%,rgba(183,255,178,.3),transparent 50%),linear-gradient(120deg,#fff4d6,#ffe1b9 45%,#ffd7f2);min-height:100vh}body:before{content:"";position:fixed;inset:-20% -10% auto;height:60vh;background:radial-gradient(circle at 20% 40%,rgba(255,184,77,.25),transparent 60%),radial-gradient(circle at 70% 20%,rgba(255,107,107,.2),transparent 55%);pointer-events:none;z-index:0}.noise{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:multiply;z-index:0}.page{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:32px 24px 80px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffbf;border:2px solid var(--ink);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit}.brand-mark{font-family:Rubik Mono One,sans-serif;font-size:22px;background:var(--ink);color:#fff3e6;padding:10px 12px;border-radius:16px}.brand-name{font-family:Bangers,cursive;font-size:26px;letter-spacing:1px}.brand-tag{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--ink-soft)}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--ink);font-weight:600;padding:6px 12px;border-radius:999px;border:2px solid transparent;transition:transform .2s ease,border .2s ease,background .2s ease}.nav a:hover{transform:translateY(-2px) rotate(-2deg);border-color:var(--ink);background:var(--lime)}main{margin-top:40px}.hero{background:#fff;border:3px solid var(--ink);border-radius:32px;padding:42px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,184,77,.3),transparent 40%),radial-gradient(circle at 10% 80%,rgba(77,214,255,.28),transparent 40%);opacity:.8;pointer-events:none}.hero-content{position:relative;z-index:1}.sticker-layer{position:absolute;inset:0;pointer-events:none;z-index:0}.sticker{position:absolute;width:92px;height:92px;filter:drop-shadow(0 8px 18px rgba(20,17,15,.18))}.sticker svg{width:100%;height:100%}.sticker.spark{top:10px;right:40px;transform:rotate(12deg)}.sticker.burst{bottom:-18px;right:120px;transform:rotate(-8deg)}.sticker.disk{top:40px;left:-18px;transform:rotate(-12deg)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--lime);border:2px solid var(--ink);font-weight:700;letter-spacing:1px;text-transform:uppercase;animation:bob 4s ease-in-out infinite}.hero h1{font-family:Bangers,cursive;font-size:clamp(40px,7vw,76px);margin:18px 0 10px}.hero p{font-size:18px;max-width:520px;margin:0 0 24px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:18px;padding:12px 20px;border:2px solid var(--ink);transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:var(--melon);color:#fff5f5;box-shadow:0 12px 30px #ff6b6b59}.btn.ghost{background:#fff}.btn:hover{transform:translateY(-3px) rotate(-1deg)}.section{margin-top:42px}.section h2{font-family:Rubik Mono One,sans-serif;font-size:22px;margin-bottom:16px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:#ffffffeb;border-radius:22px;border:2px solid var(--ink);padding:20px;box-shadow:var(--shadow);transition:transform .2s ease;text-decoration:none;color:inherit}.card:hover{transform:translateY(-4px) rotate(1deg)}.card-title{font-weight:700;margin-bottom:6px}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:6px 12px;border-radius:999px;border:2px dashed var(--ink);background:var(--cream);font-size:12px;text-transform:uppercase;letter-spacing:1px}.disclaimer{background:#fff9e6;border:2px solid var(--ink);border-radius:20px;padding:20px}.list{display:grid;gap:12px;padding-left:20px}.panel{background:#ffffffe0;border:2px solid var(--ink);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.split{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start}.link-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.link-card{background:#fff;border:2px dashed var(--ink);border-radius:20px;padding:18px;display:grid;gap:10px;text-decoration:none;color:inherit}.link-card span{font-weight:700}.link-card small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;font-size:11px}.code-block{background:#111116;color:#f2f7ff;border-radius:18px;padding:18px;border:2px solid #0c0c10;font-family:Space Grotesk,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.feed-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.feed-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feed-card{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:16px;display:grid;gap:8px;box-shadow:var(--shadow)}.feed-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft)}.feed-tag{padding:4px 10px;border-radius:999px;border:2px dashed var(--ink);background:var(--mint);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.feed-empty{font-style:italic;color:var(--ink-soft)}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field{display:grid;gap:6px}.form-field label{font-weight:700}.form-field input,.form-field select,.form-field textarea{border-radius:14px;border:2px solid var(--ink);padding:10px 12px;font-family:Space Grotesk,sans-serif;font-size:14px;background:#fff}.form-field textarea{min-height:120px;resize:vertical}.form-help{font-size:12px;color:var(--ink-soft)}.form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.status-note{font-weight:600;color:var(--ink-soft)}.queue-list{display:grid;gap:12px}.queue-item{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:16px;display:grid;gap:10px}.queue-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft)}.queue-actions{display:flex;gap:10px;flex-wrap:wrap}.game-shell{display:grid;gap:18px}.game-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.game-timer{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:2px solid var(--ink);background:var(--melon);color:#fff5f5;font-weight:700}.game-prompt{background:var(--cream);border:2px solid var(--ink);border-radius:16px;padding:14px 16px;font-weight:600}.leaderboard{display:grid;gap:10px}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:2px dashed var(--ink);border-radius:16px;padding:10px 14px}.pill{padding:4px 10px;border-radius:999px;border:2px solid var(--ink);background:var(--lime);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.meme-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.meme-card{position:relative;border-radius:18px;border:2px solid var(--ink);aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient(135deg,#ff9ad5bf,#4dd6ffcc),radial-gradient(circle at 20% 20%,rgba(255,255,255,.9),transparent 45%);box-shadow:var(--shadow)}.meme-card:nth-child(3n){background:linear-gradient(135deg,#ffb84dd9,#8bff7fcc)}.meme-card:nth-child(4n){background:linear-gradient(135deg,#ff6b6bd9,#ff9ad5bf)}.meme-card span{position:absolute;left:12px;bottom:12px;background:#ffffffdb;border:2px solid var(--ink);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.sticker-sheet{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.sticker-card{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:16px;display:grid;gap:12px;justify-items:center;text-align:center}.sticker-card svg{width:72px;height:72px}.timeline{display:grid;gap:16px;border-left:3px solid var(--ink);padding-left:20px}.timeline-item{position:relative;background:#ffffffe6;border-radius:18px;border:2px solid var(--ink);padding:16px 18px}.timeline-item:before{content:"";position:absolute;left:-30px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--melon);border:2px solid var(--ink)}.stage-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stage-card{background:#fff;border-radius:20px;border:2px solid var(--ink);padding:18px;box-shadow:var(--shadow)}.stage-card small{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--ink-soft)}.site-footer{margin-top:56px;background:#ffffffc7;border-radius:24px;border:2px solid var(--ink);padding:24px;box-shadow:var(--shadow)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.footer-title{font-weight:700;margin-bottom:8px}.footer-links{display:grid;gap:6px}.footer-links a{color:var(--ink);text-decoration:none}.footer-bottom{margin-top:16px;font-weight:700}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px) rotate(-1deg)}}@media (max-width: 860px){.site-header{flex-direction:column;align-items:flex-start}.hero{padding:32px 24px}}@media (max-width: 600px){.nav{width:100%;justify-content:flex-start}.hero-actions{flex-direction:column;align-items:flex-start}}