:root{color-scheme:dark;--ink:#f8f4e8;--muted:#b9b2a2;--black:#090909;--acid:#c9ff27;--hot:#ff3f81;--cyan:#17e7ff;--panel:rgba(14,15,16,.82);--line:rgba(248,244,232,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 15% 15%,rgba(255,63,129,.34),transparent 28rem),radial-gradient(circle at 80% 8%,rgba(23,231,255,.24),transparent 24rem),linear-gradient(135deg,#101010 0%,#18120f 48%,#071114 100%);color:var(--ink);font-family:"Arial Black",Impact,system-ui,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}.noise,.scanline{position:fixed;inset:0;pointer-events:none;z-index:20}.noise{opacity:.11;background-image:linear-gradient(transparent 0 50%,rgba(255,255,255,.18) 50%),repeating-radial-gradient(circle at 13% 27%,#fff 0 1px,transparent 1px 5px);mix-blend-mode:overlay}.scanline{opacity:.2;background:repeating-linear-gradient(to bottom,transparent 0 7px,rgba(255,255,255,.12) 8px,transparent 9px)}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.75rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line);background:rgba(9,9,9,.78);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.75rem;min-width:0;font-weight:900}.brand-mark{display:grid;width:2.7rem;height:2.7rem;place-items:center;flex:0 0 auto;border:2px solid var(--ink);background:var(--acid);color:var(--black);transform:rotate(-8deg);box-shadow:.25rem .25rem 0 var(--hot)}nav{display:flex;gap:.35rem;align-items:center}nav a,.secondary-action,.icon-button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink);border-radius:999px;padding:.65rem .85rem}.icon-button{cursor:pointer}.hero{position:relative;display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(18rem,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:center;min-height:calc(100vh - 4.3rem);padding:clamp(2rem,5vw,5.5rem)}.phonk-orbit{position:relative;display:grid;aspect-ratio:1;min-height:18rem;place-items:center;filter:drop-shadow(0 2rem 3rem rgba(0,0,0,.4))}.ring{position:absolute;inset:10%;border:.45rem solid var(--acid);border-radius:50%;animation:spin 16s linear infinite}.ring:before,.ring:after{position:absolute;width:4.8rem;height:4.8rem;display:grid;place-items:center;border:2px solid var(--black);background:var(--ink);color:var(--black);content:"67"}.ring:before{top:-1.5rem;left:15%}.ring:after{right:-1rem;bottom:12%;content:"PHONK";font-size:.85rem}.ring-two{inset:20%;border-color:var(--hot);animation-duration:10s;animation-direction:reverse}.ring-three{inset:31%;border-color:var(--cyan);border-style:dashed;animation-duration:7s}.center-badge{position:relative;z-index:2;display:grid;width:min(44vw,18rem);aspect-ratio:1;place-items:center;border:.45rem solid var(--ink);background:var(--black);color:var(--acid);font-size:clamp(5rem,14vw,12rem);text-shadow:.08em 0 var(--hot),-.08em 0 var(--cyan);transform:rotate(-5deg);animation:thump 1.34s ease-in-out infinite}.hero-copy{max-width:48rem}.eyebrow{margin:0 0 .8rem;color:var(--acid);font-weight:900;text-transform:uppercase}h1,h2{line-height:.88;letter-spacing:0;text-transform:uppercase}h1{margin-bottom:1.25rem;font-size:clamp(4.5rem,12vw,10.5rem)}h1 span{display:block}h1 span:nth-child(2){color:var(--hot);transform:translateX(.12em)}h1 span:nth-child(3){color:var(--cyan)}h2{max-width:58rem;font-size:clamp(2.2rem,6vw,5.5rem)}.tagline{max-width:42rem;color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.6rem}.start-button,#confetti-button{display:inline-flex;align-items:center;gap:.8rem;min-height:3.4rem;border:2px solid var(--black);background:var(--acid);color:var(--black);cursor:pointer;font-weight:900;text-transform:uppercase;box-shadow:.35rem .35rem 0 var(--hot);transition:transform .16s ease,box-shadow .16s ease}.start-button{padding:.75rem 1rem .75rem .75rem}.start-button:hover,#confetti-button:hover{transform:translate(-.12rem,-.12rem);box-shadow:.48rem .48rem 0 var(--hot)}.button-number{display:grid;width:2.25rem;height:2.25rem;place-items:center;background:var(--black);color:var(--acid)}.audio-note{margin-top:1.1rem;max-width:43rem;color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:.86rem;line-height:1.5}code{color:var(--cyan)}.ticker{overflow:hidden;border-block:2px solid var(--ink);background:var(--hot);color:var(--black);font-weight:900;text-transform:uppercase}.ticker-track{display:flex;width:max-content;animation:marquee 18s linear infinite}.ticker span{padding:.8rem 1.5rem;white-space:nowrap}.section{padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem)}.lore,.ritual{display:grid;grid-template-columns:minmax(16rem,.85fr) minmax(20rem,1.15fr);gap:2rem;align-items:start}.lore-grid,.meme-wall{display:grid;gap:1rem}.lore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lore-grid article,.meme-card,.control-panel{border:1px solid var(--line);background:var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.lore-grid article{min-height:14rem;padding:1.1rem}.stat{display:block;margin-bottom:1rem;color:var(--acid);font-size:clamp(3rem,7vw,5.5rem);line-height:.85}.section-heading{margin-bottom:2rem}.meme-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.meme-card{position:relative;min-height:20rem;padding:1rem;overflow:hidden}.meme-card.wide{grid-column:span 2;min-height:13rem}.tilt-left{transform:rotate(-1.4deg)}.tilt-right{transform:rotate(1.2deg)}.meme-top{margin:-1rem -1rem 1rem;padding:.75rem 1rem;background:var(--ink);color:var(--black);font-weight:900}.meme-face{position:relative;height:11rem;margin:1rem 0;border:2px solid var(--ink);background:linear-gradient(90deg,transparent 48%,rgba(0,0,0,.16) 48% 52%,transparent 52%),var(--acid)}.eye{position:absolute;top:3rem;width:2.7rem;height:2.7rem;border:.6rem solid var(--black);border-radius:50%;background:var(--cyan)}.eye:first-child{left:22%}.eye:nth-child(2){right:22%}.mouth{position:absolute;left:50%;bottom:2rem;width:6rem;height:1.5rem;background:var(--black);transform:translateX(-50%) rotate(2deg)}.big-quote{font-size:clamp(2rem,4vw,4rem);line-height:.95}.poll{display:grid;gap:.8rem;margin-top:1.5rem}.poll span{position:relative;padding:.65rem .8rem;overflow:hidden;border:1px solid var(--line);isolation:isolate}.poll span:before{position:absolute;inset:0 auto 0 0;width:var(--value);background:rgba(201,255,39,.35);content:"";z-index:-1}.chat-log{display:grid;gap:.7rem;margin:0;padding-left:1.25rem;color:var(--muted);font-family:ui-monospace,Consolas,monospace}.control-panel{display:grid;gap:1.25rem;padding:clamp(1rem,3vw,2rem)}.control-panel label{display:grid;gap:.55rem;font-weight:900;text-transform:uppercase}input[type=range]{accent-color:var(--acid);width:100%}#confetti-button{justify-content:center;padding:.9rem 1rem}output{color:var(--cyan);font-weight:900}.pop-67{position:fixed;z-index:50;pointer-events:none;color:var(--acid);font-size:clamp(2rem,8vw,5rem);text-shadow:.08em 0 var(--hot),-.08em 0 var(--cyan);animation:pop .9s ease-out forwards}footer{padding:2rem;border-top:1px solid var(--line);color:var(--muted);text-align:center;font-family:ui-monospace,Consolas,monospace}@keyframes spin{to{transform:rotate(360deg)}}@keyframes thump{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(-2deg) scale(1.045)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-12deg)}18%{opacity:1}100%{opacity:0;transform:translate(-50%,-190%) scale(1.25) rotate(10deg)}}@media (max-width:900px){.topbar{grid-template-columns:1fr auto}nav{display:none}.hero,.lore,.ritual{grid-template-columns:1fr}.phonk-orbit{order:-1;min-height:15rem}.lore-grid,.meme-wall{grid-template-columns:1fr}.meme-card.wide{grid-column:auto}}@media (max-width:560px){.topbar{gap:.65rem}.brand span:last-child{display:none}.hero{padding-inline:1rem}h1{font-size:clamp(3.5rem,19vw,5.7rem)}.hero-actions,.start-button,.secondary-action{width:100%}.secondary-action,.start-button{justify-content:center}}