:root{--ink:#17113f;--navy:#110d2e;--paper:#fff8df;--cream:#ffeec4;--pink:#ff4fa0;--cyan:#48e9ec;--lime:#c5f34b;--yellow:#ffd34e;--purple:#8f6bff;--border:3px solid var(--ink);--shadow:6px 6px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk",Arial,sans-serif;font-size:16px;overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#17113f 3px 4px)}.site-header{height:64px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));font-weight:700;letter-spacing:.04em;position:relative;z-index:2}.brand{color:var(--paper);text-decoration:none;display:flex;align-items:center;gap:9px;font-family:"Press Start 2P",monospace;font-size:12px}.brand-mark{background:var(--yellow);color:var(--ink);padding:8px 5px;border:2px solid var(--paper);box-shadow:3px 3px 0 var(--pink)}.pink{color:var(--pink)}.online{font-size:11px;color:var(--cyan)}.online i{display:inline-block;width:8px;height:8px;background:var(--lime);border:1px solid var(--paper);margin-right:5px}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;padding:58px 0 38px}.eyebrow{font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.7;letter-spacing:.05em;margin:0;color:var(--pink)}h1,h2{font-family:"Press Start 2P",monospace;margin:0}h1{font-size:clamp(35px,5.5vw,70px);line-height:1.2;letter-spacing:-.08em;color:var(--ink);text-shadow:4px 4px 0 var(--cyan)}h1 span{color:var(--pink);text-shadow:4px 4px 0 var(--yellow)}.intro{font-size:19px;line-height:1.45;font-weight:500;margin:21px 0 26px}.jump-button,.primary-button,.danger-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:var(--border);background:var(--pink);box-shadow:var(--shadow);color:var(--ink);padding:15px 17px;font:700 12px "Press Start 2P",monospace;text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s}.jump-button:hover,.primary-button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.jump-button span,.primary-button span{font-size:20px}.hero-art{border:var(--border);background:var(--cyan);box-shadow:var(--shadow);position:relative;transform:rotate(1deg);overflow:hidden}.hero-art img{display:block;width:100%;aspect-ratio:1.5/1;object-fit:cover;image-rendering:auto}.art-sticker{position:absolute;font-family:"Press Start 2P",monospace;font-size:10px;padding:10px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-8deg)}.sticker-a{background:var(--yellow);top:13px;left:13px}.sticker-b{background:var(--lime);right:14px;bottom:14px;transform:rotate(7deg)}.event-strip{display:grid;grid-template-columns:repeat(4,1fr);border:var(--border);background:var(--yellow);box-shadow:var(--shadow);margin-bottom:52px}.event-strip>div{padding:16px 18px;border-right:var(--border)}.event-strip>div:last-child{border:0}.label{display:block;font:10px "Press Start 2P",monospace;margin-bottom:10px}.event-strip strong{font-size:14px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:50px}.panel{border:var(--border);box-shadow:var(--shadow);background:#fff}.signup-panel{background:var(--cream)}.leaderboard-panel{background:var(--ink);color:var(--paper)}.panel-heading{display:flex;gap:12px;align-items:center;border-bottom:var(--border);padding:18px}.panel-heading h2{font-size:18px;line-height:1.5}.panel-heading .eyebrow{font-size:8px;color:inherit}.pixel-icon{background:var(--pink);color:var(--ink);font:28px "Press Start 2P";width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink)}.trophy{background:var(--yellow)}.blink,.guest-count{margin-left:auto;font:10px "Press Start 2P"}.blink{color:var(--pink);animation:blink 1.2s infinite}.helper{font-size:15px;line-height:1.5;border-left:5px solid var(--pink);margin:22px 22px 24px;padding-left:12px;font-weight:500}form{padding:0 22px}label{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:700;margin:15px 0 7px}label span{color:var(--pink)}label small{font-weight:400;font-size:12px;color:#635a83}input{width:100%;font:500 16px "Space Grotesk";padding:14px 12px;border:2px solid var(--ink);background:#fff;color:var(--ink);outline:0}input:focus{box-shadow:4px 4px 0 var(--cyan)}.primary-button{width:100%;margin-top:23px;background:var(--lime)}.privacy-note{font-size:12px;margin:24px 22px;color:#635a83}.form-message{min-height:20px;font-weight:700;font-size:13px;margin:12px 0 0}.form-message.success{color:#147248}.form-message.error{color:#c52c5b}.table-head,.guest-row{display:grid;grid-template-columns:54px 1fr 64px;gap:8px;align-items:center}.table-head{padding:16px 18px 10px;color:var(--cyan);font:8px "Press Start 2P",monospace}.guest-list{list-style:none;padding:0;margin:0 18px}.guest-row{border-top:2px solid #3a2e6f;padding:13px 0}.rank{font:18px "Press Start 2P",monospace;color:var(--yellow)}.guest-name{font-weight:700;min-width:0;overflow-wrap:anywhere}.guest-name small{display:block;color:#b4a9db;font-size:12px;font-weight:400;margin-top:3px}.status{font:8px "Press Start 2P",monospace;color:var(--lime);text-align:right}.empty-state{text-align:center;border:2px dashed #6654a0;padding:24px 10px;margin:10px 18px 16px;color:#b4a9db;font-size:14px;line-height:1.7}.empty-state strong{color:var(--yellow)}.legend{font-size:11px;color:#b4a9db;border-top:2px solid #3a2e6f;padding:14px 18px;display:flex;justify-content:space-between}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8b81ad;margin-right:4px}.online-dot{background:var(--lime)}.remove-area{border-top:2px solid #3a2e6f;padding:15px 18px}.text-button{background:transparent;border:0;color:#b4a9db;font:12px "Space Grotesk";text-decoration:underline;cursor:pointer;padding:0}.remove-area label{font-size:12px}.remove-row{display:flex;gap:8px}.remove-row input{padding:10px;background:#fff}.danger-button{padding:10px 8px;gap:0;font-size:9px;background:var(--pink);box-shadow:3px 3px 0 #050319}.footer{border-top:var(--border);padding:22px 0 30px;display:flex;justify-content:space-between;font:9px "Press Start 2P",monospace;color:#635a83}@keyframes blink{50%{opacity:.25}}
@media(max-width:760px){.site-header{height:58px}.brand{font-size:9px}.online{font-size:9px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:38px;gap:27px}.hero-copy{padding-left:4px}.hero-art{width:calc(100% - 6px);margin-left:2px}.event-strip{grid-template-columns:1fr 1fr;margin-bottom:42px}.event-strip>div{border-bottom:var(--border);padding:14px}.event-strip>div:nth-child(2){border-right:0}.event-strip>div:nth-child(3),.event-strip>div:nth-child(4){border-bottom:0}.event-strip strong{font-size:12px}.content-grid{grid-template-columns:1fr;gap:30px}.footer{font-size:7px;gap:12px;flex-wrap:wrap}.footer span:last-child{width:100%}.panel-heading{padding:15px}.panel-heading h2{font-size:16px}}
.brand-mark{padding:5px;line-height:0}.brand-mark svg{display:block}