@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;600;700&display=swap";
:root{--black:#070708;--charcoal:#151418;--panel:#211d28;--bone:#fff1c7;--orange:#ff9d18;--yellow:#ffd226;--purple:#8d36d8;--green:#6ee236;--red:#f04442;--pixel:"Pixelify Sans", "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--black);min-height:100%;color:var(--bone);margin:0}body{font-family:var(--pixel);image-rendering:pixelated;overflow-x:hidden}button{font:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #fff}.app-frame{background:radial-gradient(circle at 50% 45%,#171319 0,#09090a 38%,#030304 75%);min-height:100svh;position:relative;overflow:hidden}.sound-button{z-index:100;color:var(--yellow);cursor:pointer;background:#0d0d0e;border:2px solid #614c00;padding:8px 10px;position:fixed;top:18px;right:20px;box-shadow:3px 3px #000}.landing{place-items:center;min-height:100svh;padding:64px 20px 72px;display:grid;position:relative}.landing-machine{z-index:2;filter:drop-shadow(0 24px 45px #000)brightness(1.28)saturate(1.14);width:min(560px,92vw);position:relative}.marquee{text-align:center;clip-path:polygon(5% 0,95% 0,100% 20%,97% 100%,3% 100%,0 20%);background:#232128;border:5px solid #080808;outline:3px solid #6b4510;justify-content:space-around;align-items:center;min-height:126px;padding:16px 24px;display:flex;box-shadow:inset 0 0 0 4px #ae7014,inset 0 -12px #111}.marquee p{color:var(--green);letter-spacing:3px;margin:0 0 -4px;font-size:12px}.marquee h1{color:var(--yellow);text-shadow:4px 4px #65165e,-2px -2px #36103b;letter-spacing:2px;margin:0;font-size:clamp(42px,10vw,70px);line-height:.72}.marquee h1 em{color:#ef622d;font-style:normal}.mini-skull{color:#c99cdd;font-size:42px}.mini-skull.flip{transform:scaleX(-1)}.machine-screen{background:linear-gradient(#29143b,#120a1e 60%,#270f2c);border:8px solid #252329;border-top:14px solid #09090a;justify-content:center;align-items:end;min-height:334px;margin:0 34px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000,0 0 0 3px #6f4b19}.machine-screen:before{content:"";clip-path:polygon(0 35%,8% 12%,15% 40%,28% 8%,39% 35%,53% 0,68% 32%,81% 7%,93% 32%,100% 15%,100% 100%,0 100%);opacity:.8;background:linear-gradient(#0000,#0a070d),repeating-linear-gradient(90deg,#421a4a 0 16px,#1b0d21 16px 32px);position:absolute;inset:45% 0 0}.scanlines{z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000002e 3px 4px);position:absolute;inset:0}.intro-copy{z-index:5;text-align:right;text-shadow:3px 3px #000;position:absolute;top:38px;right:18px}.intro-copy h2{color:var(--orange);margin:0;font-size:clamp(26px,7vw,43px)}.intro-copy p{color:#fff;margin:5px 0;font-size:18px}.primary-button{background:var(--yellow);color:#171009;cursor:pointer;border:4px solid #3c2400;min-height:52px;padding:10px 20px;font-size:18px;font-weight:700;display:block;box-shadow:inset -4px -4px #c36a00,inset 4px 4px #fff28b,6px 6px #000}.landing-machine>.primary-button{z-index:6;margin:-4px auto 0;position:relative}.primary-button:hover{background:#fff05a;transform:translateY(-2px)}.primary-button:active{transform:translate(3px,3px);box-shadow:inset -2px -2px #c36a00,inset 2px 2px #fff28b,3px 3px #000}.insert-copy{text-align:center;color:#706378;letter-spacing:2px;font-size:11px}.prototype-note{color:#4f4654;letter-spacing:2px;font-size:10px;position:absolute;bottom:12px}.moon{opacity:.45;background:#dba233;border-radius:50%;width:76px;height:76px;position:absolute;top:12%;left:12%;box-shadow:0 0 25px #8c4c1e}.moon span{background:#8f6725;border-radius:50%;width:20px;height:20px;margin:14px;display:block;box-shadow:27px 22px 0 -4px #8f6725,5px 41px 0 -6px #8f6725}.stars{color:#665179;letter-spacing:9px;position:absolute;top:18%;right:8%}.ground{background:#060706;border-top:5px solid #10120e;width:100%;height:60px;position:absolute;bottom:0}.ground span{color:#514c4c;text-align:center;border:3px solid #252222;border-bottom:0;border-radius:30px 30px 0 0;padding:14px 16px 5px;font-size:10px;position:absolute;bottom:0;left:16%}.ground i,.ground b{background:#10150d;border-radius:50% 50% 0 0;width:70px;height:25px;position:absolute;bottom:0;right:20%}.ground b{width:35px;height:14px;right:26%}.ghoul-art{width:auto;height:auto;image-rendering:pixelated;object-fit:cover;-webkit-user-select:none;user-select:none;display:block}.machine-screen>.ghoul-art{z-index:2;width:290px;height:290px;margin-left:-150px;position:relative}.game-shell{align-content:center;width:min(920px,100%);min-height:100svh;margin:auto;padding:56px 18px 30px;display:grid;position:relative}.game-header{color:var(--orange);letter-spacing:2px;border-bottom:2px solid #4d3014;justify-content:space-between;padding-bottom:8px;font-size:13px;display:flex;position:absolute;top:18px;left:18px;right:18px}.dialog-panel{text-align:center;background:#161319f5;border:4px solid #4e2817;padding:clamp(22px,5vw,48px);box-shadow:inset 0 0 0 3px #120e15,10px 10px #000}.eyebrow{color:var(--orange);letter-spacing:3px;font-size:12px}.select-panel h1{color:var(--yellow);text-shadow:3px 3px #662366;margin:6px 0 32px;font-size:clamp(28px,7vw,52px)}.character-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.character-slot{min-height:250px;color:var(--bone);cursor:pointer;background:#211a2c;border:4px solid #563477;flex-direction:column;justify-content:end;align-items:center;padding:18px 8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #100d15}.character-slot:hover{border-color:var(--yellow);background:#2f2144;transform:translateY(-5px)}.character-slot strong{color:#fff;font-size:15px}.character-slot>span:last-child{color:var(--green);margin-top:4px;font-size:12px}.character-slot .ghoul-art.small{aspect-ratio:1;border:3px solid #0e0b11;width:min(160px,100%);height:auto;margin-bottom:10px}.player-number{z-index:2;color:var(--orange);background:#110c15;padding:3px 5px;position:absolute;top:8px;left:10px}.fixture-warning{color:#76677e;letter-spacing:2px;margin:24px 0 0;font-size:10px}.dating-shell{width:min(680px,100%);padding-top:72px;padding-bottom:28px}.online{color:#85df59}.online i{background:#6ce13a;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #6ce13a}.arcade-cabinet{clip-path:polygon(3% 0,97% 0,100% 6%,98% 100%,2% 100%,0 6%);background:#29272c;border:5px solid #080809;outline:3px solid #714413;padding:0 20px 18px;box-shadow:inset 0 0 0 4px #454148,16px 18px #000}.cabinet-marquee{min-height:72px;color:var(--yellow);text-align:center;background:repeating-linear-gradient(135deg,#351d40 0 10px,#231529 10px 20px);border-bottom:5px solid #bd7512;justify-content:space-between;align-items:center;margin:0 -10px 12px;padding:10px 22px;display:flex}.cabinet-marquee span{color:#bf76e5;font-size:28px}.cabinet-marquee small{color:var(--green);letter-spacing:4px;display:block}.cabinet-marquee strong{font-size:clamp(18px,4vw,27px)}.card-stage{touch-action:pan-y;background:#09080b;border:5px solid #131116;flex-direction:column;justify-content:flex-start;align-items:center;min-height:650px;padding-top:6px;display:flex;position:relative;overflow:hidden}.dating-card{color:#171019;-webkit-user-select:none;user-select:none;cursor:grab;z-index:2;touch-action:pan-y;background:#f5dfad;border:5px solid #171019;width:min(400px,100vw - 82px);margin:12px auto 0;transition:transform .22s cubic-bezier(.2,.8,.3,1);position:relative;box-shadow:8px 8px #532777}.dating-card.dragging{cursor:grabbing;transition:none}.portrait{background:#1b0d24;border-bottom:5px solid #171019;justify-content:center;align-items:center;height:310px;display:flex;position:relative;overflow:hidden}.portrait .ghoul-art{width:100%;height:100%}.profile-copy{padding:14px 16px 12px}.profile-title{justify-content:space-between;gap:12px;display:flex}.profile-title h2{margin:0;font-size:27px}.profile-title p{color:#6a5051;margin:-1px 0 0}.hearts{color:var(--red);letter-spacing:2px;white-space:nowrap;font-size:18px}.bio{min-height:60px;font-family:Courier New,monospace;font-size:14px;line-height:1.35}.trait-row{flex-wrap:wrap;gap:6px;display:flex}.trait-row span{color:#f5d979;background:#2c1b36;border:2px solid #120c16;padding:4px 6px;font-size:10px}.drag-hint{text-align:center;color:#755f4b;letter-spacing:2px;background:#d7bc85;border-top:3px dashed #9e835d;margin:0;padding:7px;font-size:11px}.decision-stamp{z-index:10;text-shadow:2px 2px #000;border:6px solid;padding:5px 10px;font-size:36px;font-weight:700;position:absolute;top:28px;transform:rotate(-12deg)}.decision-stamp.pass{color:#ff5d55;right:18px}.decision-stamp.like{color:#78f84a;left:18px;transform:rotate(12deg)}.action-row{justify-content:center;gap:54px;margin-top:16px;display:flex}.action-button{cursor:pointer;border:5px solid #111;border-radius:50%;width:62px;height:62px;font-size:36px;font-weight:700;box-shadow:inset -4px -5px #00000059,5px 5px #000}.action-button:hover{transform:translateY(-3px)}.action-button.reject{color:#fff;background:#ae3031}.action-button.accept{color:#fff;background:#509f38;font-size:28px}.cabinet-controls{color:#9f8b70;letter-spacing:1px;justify-content:space-between;padding:12px 4px 0;font-size:10px;display:flex}.match-overlay{z-index:80;text-align:center;background:#050307eb;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.25s steps(4,end) appear;display:flex;position:fixed;inset:0}.match-overlay:before{content:"";border:5px solid var(--purple);z-index:-1;background:radial-gradient(circle,#3d174d,#140b19 70%);width:min(560px,90vw);height:580px;position:absolute;box-shadow:inset 0 0 0 4px #140917,12px 12px #000}.match-overlay h2{color:var(--yellow);text-shadow:5px 5px #8a204d;margin:0;font-size:clamp(44px,12vw,78px)}.match-overlay>p:not(.eyebrow){color:#cbb4d3;margin:5px}.pixel-hearts{color:var(--red);font-size:26px;animation:1s steps(3,end) infinite float}.match-pair{justify-content:center;align-items:center;gap:26px;margin:20px 0 14px;display:flex}.match-pair>div{background:#23152b;border:3px solid #794099;flex-direction:column;justify-content:end;align-items:center;width:125px;height:150px;display:flex;overflow:hidden}.match-pair .ghoul-art.small{flex:1;width:100%;min-height:0}.match-pair>div span{z-index:4;background:#120d15;width:100%;padding:6px 2px;font-size:9px}.match-pair>strong{color:var(--red);font-size:30px}.match-quip{max-width:360px;font-family:Courier New,monospace;font-size:14px;color:var(--bone)!important;margin:0 0 22px!important}.match-quip-attribution{color:#977fa0;text-align:right;margin-top:6px;font-size:12px;display:block}.match-overlay .primary-button{min-width:230px}.text-button{color:#977fa0;cursor:not-allowed;background:0 0;border:0;margin-top:14px}.text-button small{color:#66576c;display:block}.screen-enter{animation:.3s steps(5,end) appear}@keyframes appear{0%{opacity:0;filter:brightness(2)}to{opacity:1;filter:none}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes blink{50%{filter:brightness(1.25)}}.blink{animation:1.2s steps(2,end) infinite blink}@media (max-width:600px){.sound-button{font-size:11px;top:10px;right:10px}.landing{padding-inline:8px}.machine-screen{min-height:310px;margin-inline:10px}.intro-copy{top:24px}.intro-copy p{font-size:15px}.marquee{padding-inline:12px}.mini-skull{font-size:28px}.moon{left:3%}.game-shell{padding-inline:8px}.game-header{font-size:9px;left:10px;right:80px}.dialog-panel{padding:24px 10px}.character-grid{gap:6px}.character-slot{min-height:205px;padding-inline:2px}.character-slot strong{font-size:10px}.character-slot .ghoul-art.small{width:100%}.arcade-cabinet{clip-path:none;outline:0;padding-inline:8px}.cabinet-marquee{margin-inline:0}.card-stage{min-height:642px}.dating-card{width:min(382px,100vw - 42px)}.portrait{height:296px}.profile-title h2{font-size:21px}.match-overlay:before{height:540px}.match-pair{gap:10px}.match-pair>div{width:112px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dating-card{transition-duration:.01ms}}