@import "https://fonts.googleapis.com/css2?family=Bungee&family=Chakra+Petch:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Chakra Petch,Trebuchet MS,sans-serif}.site-shell{color:#f4ede4;background:radial-gradient(circle at 8% 12%,#ff671a38,#0000 28%),radial-gradient(circle at 90% 20%,#00c2ff29,#0000 26%),linear-gradient(#020913 0%,#030b17 42%,#030a12 100%);min-height:100vh;padding:2.5rem 1.25rem 3rem}.site{gap:1.75rem;max-width:1160px;margin:0 auto;display:grid}.hero,.panel,.notice{background:linear-gradient(160deg,#050e1beb,#020913f5);border:2px solid #a74312;border-radius:20px;width:100%;max-width:800px;margin-inline:auto;box-shadow:inset 0 0 0 1px #ff782b33,0 20px 48px #00000080}.hero{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1.25rem;padding:1.5rem 0;display:grid;overflow:hidden}.hero-copy{z-index:1;gap:1rem;animation:.7s ease-out both slideIn;display:grid;position:relative}.eyebrow{color:#8ab3d2;letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,Consolas,monospace;font-size:.75rem}.brand{letter-spacing:.04em;text-transform:lowercase;color:#ff5f1f;margin:0;font-family:Bungee,Impact,fantasy;font-size:clamp(2.3rem,6vw,5rem);line-height:.88}.tagline{text-transform:uppercase;gap:.2rem;margin:0;font-family:Chakra Petch,Trebuchet MS,sans-serif;font-size:clamp(1rem,2.8vw,2rem);font-weight:700;line-height:1.04;display:grid}.accent{color:#ff6a2c}.lede{color:#dbdfec;max-width:36ch;margin:0;font-size:1.08rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{text-transform:uppercase;letter-spacing:.04em;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1.1rem;font-family:Chakra Petch,Trebuchet MS,sans-serif;font-weight:700;text-decoration:none;transition:transform .18s,border-color .18s,filter .18s;display:inline-flex}.btn-icon{flex:none;width:1rem;height:1rem}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff3eb;background:linear-gradient(135deg,#9f2a00,#ff5f1f);border-color:#ff6a2c}.btn-secondary{color:#f4ede4;background:#0d1c2ccc;border-color:#2b4b6a}.btn:focus-visible{outline-offset:3px;outline:3px solid #55d2ff}.hero-art-wrap{place-items:center;animation:.85s cubic-bezier(.2,.8,.2,1) both popIn;display:grid}.hero-art{image-rendering:auto;filter:drop-shadow(0 14px 30px #000000a6);width:min(100%,640px);height:auto}.panel,.notice{padding:1.2rem 1.3rem}.panel h2,.notice h2{text-transform:uppercase;color:#ff6a2c;letter-spacing:.06em;margin:0 0 .85rem;font-family:Chakra Petch,Trebuchet MS,sans-serif;font-size:clamp(1.05rem,2vw,1.5rem)}.notice{box-shadow:none;text-align:center;background:0 0;border:0;padding-top:0}.panel-title{align-items:center;gap:1rem;margin:0 0 .85rem;display:flex}.panel-title h2{white-space:nowrap;margin:0}.panel-title hr{border:0;border-top:2px solid #ff782ba6;flex:1;margin:0}.host-card{background:#06101e66;border:0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem .25rem .25rem;display:grid}.host-icon{place-items:center;width:108px;height:108px;display:grid}.host-icon img{width:100px;height:100px}.host-copy{max-width:33ch}.host-art{place-items:end;display:grid}.host-art img{width:min(100%,280px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 8px 20px #00000080)}.host-card h3{text-transform:uppercase;letter-spacing:.04em;color:#ff7a43;margin:0 0 .4rem;font-family:Chakra Petch,Trebuchet MS,sans-serif;font-size:1.15rem}.host-card p{color:#d7dce7;margin:0;line-height:1.45}.host-card p+p{margin-top:.5rem}.notice p{color:#d7dce7;margin:0;font-size:.95rem;line-height:1.5}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=980px){.hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.hero-art{width:min(100%,420px)}}@media (width<=760px){.hero{grid-template-columns:1fr}.hero-art-wrap{order:-1}}@media (width<=640px){.site-shell{padding:1rem .75rem 1.4rem}.hero,.panel,.notice{border-radius:14px}.panel-title{gap:.55rem}.panel-title h2{white-space:normal;text-align:center;margin:0}.panel-title hr{border-top-width:1px}.hero{padding:1rem 0}.panel,.notice{padding:1rem}.btn{width:100%}.host-card{grid-template-columns:1fr;justify-items:start}.host-art{justify-items:center;width:100%}}