:root{--ink:#0a0a0a;--paper:#f4ede0;--blood:#e10600;--blood-deep:#a80400;--bone:#fff8ee;--gold:#f5c542;--shadow: 6px 6px 0 var(--ink)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:Oswald,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.18) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.08) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px;mix-blend-mode:multiply;opacity:.35;z-index:1}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 3px);z-index:1}.wrap{position:relative;z-index:2}nav{position:fixed;top:0;left:0;right:0;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(180deg,var(--paper) 60%,transparent);mix-blend-mode:multiply}.nav-logo{font-family:Bungee,sans-serif;font-size:1.3rem;color:var(--blood);letter-spacing:.02em;text-shadow:2px 2px 0 var(--ink)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--ink);text-decoration:none;font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;position:relative;transition:color .2s}.nav-links a:hover{color:var(--blood)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--blood);transition:width .3s}.nav-links a:hover:after{width:100%}@keyframes slide{to{transform:translate(-100%)}}.hero{position:relative;padding:60px 24px 80px;overflow:hidden;min-height:90vh;display:flex;align-items:center;justify-content:center}.hero-inner{position:relative;text-align:center;max-width:1200px;width:100%}.eyebrow{font-family:Special Elite,monospace;letter-spacing:.4em;font-size:12px;margin-bottom:14px;color:var(--ink)}.eyebrow:before,.eyebrow:after{content:" ✶ "}.logo-mark{width:min(140px,24vw);height:min(140px,24vw);margin:0 auto 18px;display:block;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:var(--bone);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink),inset 0 0 0 2px var(--blood);animation:wobble 4s ease-in-out infinite;cursor:pointer;backface-visibility:visible;transition:filter 1s ease-out}.logo-mark:hover{filter:drop-shadow(0 0 18px rgba(225,6,0,.65))}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}h1.title{font-family:Bungee Shade,cursive;font-size:clamp(56px,13vw,190px);line-height:.85;letter-spacing:-.02em;color:var(--blood);-webkit-text-stroke:2px var(--ink);text-shadow:8px 8px 0 var(--ink),-2px -2px 0 var(--bone);margin:0 auto;transform:rotate(-2deg)}h1.title .and{display:block;font-family:UnifrakturCook,cursive;font-size:.3em;color:var(--ink);-webkit-text-stroke:0;text-shadow:none;margin:10px 0;transform:rotate(2deg)}.tagline{margin-top:28px;font-family:Special Elite,monospace;font-size:clamp(13px,1.4vw,16px);letter-spacing:.2em;text-transform:uppercase}.tagline b{color:var(--blood)}.scroll-hint{margin-top:46px;font-family:Special Elite,monospace;font-size:11px;letter-spacing:.3em;opacity:.7}.scroll-hint .arrow{display:block;margin-top:6px;animation:bounce 1.6s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.flash{position:absolute;opacity:.9;pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;--dir-x: 0;--dir-y: 1;--rest: 0deg;--spin: 0;--start: 0;--end: 1;--drag-x: 0px;--drag-y: 0px;--eff: clamp( 0, calc((var(--blow, 0) - var(--start)) / (var(--end) - var(--start))), 1 );transform:translate(calc(var(--drag-x) + var(--dir-x) * 140vw * var(--eff) * var(--eff)),calc(var(--drag-y) + var(--dir-y) * 30vh * var(--eff) * var(--eff))) rotate(calc(var(--rest) + var(--spin) * var(--eff) * 720deg))}.flash:active{cursor:grabbing}.flash.is-dragging{z-index:5}.flash.is-snapping{transition:transform .55s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion:reduce){.flash.is-snapping{transition:transform .2s ease-out}}.flash.f1{--dir-x:-.9;--dir-y: .6;--rest:-9deg;--spin:-.8;--start:0;--end:.55;top:2%;left:1%;width:clamp(180px,22vw,300px)}.flash.f7{--dir-x:-1.3;--dir-y:-.3;--rest:13deg;--spin:-1;--start:.1;--end:.5;top:26%;left:-1%;width:clamp(100px,13vw,180px)}.flash.f6{--dir-x:-1;--dir-y: 1.2;--rest:-14deg;--spin:-.6;--start:.05;--end:.6;top:46%;left:1%;width:clamp(90px,11vw,160px)}.flash.f8{--dir-x:-1.4;--dir-y: .4;--rest:10deg;--spin:-1.2;--start:.18;--end:.7;top:64%;left:0%;width:clamp(70px,9vw,130px)}.flash.f4{--dir-x:-1.1;--dir-y:-.2;--rest:-15deg;--spin:-.7;--start:.25;--end:.75;bottom:2%;left:2%;width:clamp(110px,14vw,190px)}.flash.f2{--dir-x: 1;--dir-y: .3;--rest:7deg;--spin: .9;--start:.02;--end:.55;top:2%;right:1%;width:clamp(180px,22vw,300px)}.flash.f9{--dir-x: 1.3;--dir-y:-.4;--rest:-10deg;--spin: 1.1;--start:.08;--end:.48;top:25%;right:-1%;width:clamp(70px,9vw,130px)}.flash.f5{--dir-x: 1;--dir-y: 1.1;--rest:-18deg;--spin: .6;--start:.12;--end:.58;top:45%;right:1%;width:clamp(90px,11vw,160px)}.flash.f10{--dir-x: 1.2;--dir-y:-.2;--rest:6deg;--spin:-.5;--start:.22;--end:.72;top:64%;right:0%;width:clamp(130px,16vw,220px)}.flash.f3{--dir-x: .9;--dir-y: .5;--rest:-6deg;--spin: .7;--start:.3;--end:.85;bottom:2%;right:1%;width:clamp(180px,22vw,300px)}img.flash{display:block;max-width:100%;height:auto;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.25))}@media(prefers-reduced-motion:reduce){.flash{--blow: 0 !important}}section{position:relative;padding:90px 24px}.section-title{font-family:Bungee Shade,cursive;color:var(--ink);font-size:clamp(38px,7vw,84px);text-align:center;line-height:.9;letter-spacing:-.01em;margin-bottom:10px}.section-title span{color:var(--blood)}.section-sub{text-align:center;font-family:Special Elite,monospace;letter-spacing:.2em;text-transform:uppercase;font-size:12px;margin-bottom:50px;opacity:.8}.slot-section{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding-top:120px;padding-bottom:140px;border-top:4px solid var(--blood);border-bottom:4px solid var(--blood);background-image:radial-gradient(circle at 10% 20%,rgba(225,6,0,.18),transparent 40%),radial-gradient(circle at 90% 80%,rgba(225,6,0,.15),transparent 40%)}.slot-bg-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.35;mix-blend-mode:screen;pointer-events:none;z-index:0}.slot-section>:not(.slot-bg-video){position:relative;z-index:1}.slot-section .section-title{color:var(--bone)}.slot-section .section-title span{color:var(--blood)}.slot-stage{--face-w: 760px;--face-d: 760px;--face-h: 640px;position:relative;max-width:var(--face-w);margin:0 auto;perspective:1800px;perspective-origin:50% 40%}.machine-3d{position:relative;width:100%;height:var(--face-h);transform-style:preserve-3d;transform-origin:50% 50% calc(var(--face-d) / -2);transform:rotateY(0);transition:transform 1.1s cubic-bezier(.2,.9,.3,1.15)}.machine-3d.revealed-side{transform:rotateY(-90deg)}.face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}.face-front .machine,.face-side .booking{height:100%;display:flex;flex-direction:column;justify-content:center}.face-front{transform:translateZ(0)}.face-side{transform:translate3d(calc(var(--face-w) / 2),0,calc(var(--face-d) / -2)) rotateY(90deg);pointer-events:none}.machine-3d.revealed-side .face-side{pointer-events:auto}.slot-section.revealed .machine{opacity:1;transform:translateY(0) scale(1)}.machine{position:relative;width:100%;max-width:760px;margin:0 auto;opacity:0;transform:translateY(40px) scale(.9);transition:opacity .7s ease-out,transform .8s cubic-bezier(.2,.9,.3,1.15);background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(225,6,0,.14),transparent 70%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(0,0,0,.7),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),linear-gradient(180deg,#1b1b1e,#0d0d10 45%,#050507);border-radius:6px;padding:56px 40px 42px;box-shadow:inset 0 0 0 1px #2a2a2d,inset 0 0 0 4px #060607,inset 0 0 0 5px #1f1f22,inset 0 2px #ffffff0f,inset 0 -70px 90px -30px #000000e6,inset 0 -10px 40px #e106001a,0 30px 50px -15px #000000d9,0 60px 100px -40px #e106002e}.machine:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:6px;background:radial-gradient(circle,#5a5a60 0%,#2a2a2d 38%,#050505 58%,transparent 60%) no-repeat 22px 22px / 14px 14px,radial-gradient(circle,#5a5a60 0%,#2a2a2d 38%,#050505 58%,transparent 60%) no-repeat calc(100% - 22px) 22px / 14px 14px,radial-gradient(circle,#5a5a60 0%,#2a2a2d 38%,#050505 58%,transparent 60%) no-repeat 22px calc(100% - 22px) / 14px 14px,radial-gradient(circle,#5a5a60 0%,#2a2a2d 38%,#050505 58%,transparent 60%) no-repeat calc(100% - 22px) calc(100% - 22px) / 14px 14px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.05))}.machine-title{position:relative;text-align:center;font-family:UnifrakturCook,cursive;color:#ebe2cc;font-size:clamp(30px,4.8vw,50px);margin-bottom:22px;letter-spacing:.02em;text-shadow:0 -1px 0 rgba(255,255,255,.12),0 1px 0 rgba(0,0,0,.9),0 0 18px rgba(225,6,0,.28)}.machine-title:after{content:"";display:block;margin:14px auto 0;width:55%;height:2px;background:linear-gradient(90deg,transparent,#1a1a1d 10%,#5a5a5f 48%,#1a1a1d 90%,transparent);box-shadow:0 1px #ffffff0d}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:#040406;padding:22px;border-radius:3px;box-shadow:inset 0 3px 14px #000,inset 0 0 0 1px #1a1a1d,inset 0 0 0 2px #e1060033,0 1px #ffffff0a}.reel{position:relative;height:180px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#e8dcc0,#c9b68f 70%,#8f7549);border-radius:3px;border:1px solid #0a0a0a;box-shadow:inset 0 18px 28px -10px #000000d9,inset 0 -18px 28px -10px #000000d9,inset 0 0 0 1px #e1060040}.reel-strip{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;transition:none}.reel-strip .sym{height:180px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 28%,transparent 72%,rgba(0,0,0,.55) 100%);pointer-events:none}.jackpot-msg{margin-top:28px;text-align:center;min-height:30px;font-family:Special Elite,monospace;font-size:13px;letter-spacing:.3em;color:#a88a45;text-transform:uppercase;opacity:0;transition:opacity .3s ease-out;text-shadow:0 1px 0 #000}.jackpot-msg.win{opacity:1;color:var(--gold);font-size:17px;animation:flashTxt .4s infinite alternate}@keyframes flashTxt{0%{text-shadow:0 0 0 transparent}to{text-shadow:0 0 20px var(--gold),0 0 40px var(--blood)}}.sym .logo-mark{width:70%;height:70%;margin:0;animation:none;cursor:default;box-shadow:inset 0 0 0 2px var(--blood)}.machine-3d.celebrating .sym .logo-mark{animation:coinPulse .35s ease-in-out 3 alternate}@keyframes coinPulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 var(--gold))}to{transform:scale(1.08);filter:drop-shadow(0 0 18px var(--gold))}}@media(max-width:800px){.slot-stage{--face-w: min(92vw, 520px);--face-d: min(92vw, 520px);--face-h: 600px}}@media(prefers-reduced-motion:reduce){.machine{opacity:1!important;transform:none!important;transition:none!important}.slot-stage{perspective:none}.machine-3d{transform:none!important;transform-style:flat;height:auto}.face{position:static;width:100%!important;height:auto}.face-front .machine,.face-side .booking{height:auto;display:block}.face-side{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;margin-top:50px;max-width:760px}.machine-3d.celebrating .sym .logo-mark{animation:none}}.booking{width:100%;max-width:760px;margin:0 auto;background:var(--bone);color:var(--ink);border:3px solid var(--ink);padding:32px;box-shadow:var(--shadow);position:relative}.booking:before{content:"✶ NO WALK-INS ✶ APPOINTMENT ONLY ✶";position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--blood);color:var(--bone);padding:4px 14px;font-family:Special Elite,monospace;font-size:11px;letter-spacing:.2em;border:2px solid var(--ink)}.booking h3{font-family:Bungee Shade,cursive;color:var(--blood);font-size:28px;text-align:center;margin-bottom:4px}.booking p.sub{text-align:center;font-family:Special Elite,monospace;font-size:12px;letter-spacing:.2em;margin-bottom:24px;text-transform:uppercase}.field{margin-bottom:18px}.field label{display:block;font-family:Special Elite,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;background:var(--paper);border:2px solid var(--ink);font-family:Oswald,sans-serif;font-size:15px;outline:none;transition:box-shadow .1s}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:4px 4px 0 var(--blood)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit-btn{width:100%;padding:18px;background:var(--ink);color:var(--bone);border:3px solid var(--blood);font-family:Bungee Shade,cursive;font-size:24px;letter-spacing:.05em;cursor:pointer;margin-top:10px;transition:all .15s;text-shadow:2px 2px 0 var(--blood)}.submit-btn:hover{background:var(--blood);color:var(--bone);text-shadow:2px 2px 0 var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.work{background:var(--paper)}.flash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:1100px;margin:0 auto}.flash-card{position:relative;background:var(--bone);border:3px solid var(--ink);padding:18px;box-shadow:var(--shadow);transform:rotate(var(--r, -1deg));transition:transform .25s ease,opacity .3s ease;cursor:zoom-in}.flash-card:hover{transform:rotate(0) scale(1.03);z-index:2}.flash-card svg{width:100%;height:340px;display:block;pointer-events:none}.flash-card img{width:100%;height:340px;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:var(--bone);pointer-events:none}.flash-card.picked{opacity:.15}.lightbox{position:fixed;inset:0;background:#000000e0;z-index:150;display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,60px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;cursor:zoom-out}.lightbox.open{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}.lightbox-inner{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-inner>img,.lightbox-inner>svg{display:block;width:auto;height:auto;max-width:90vw;max-height:90vh;border:4px solid var(--blood);background:var(--bone);box-shadow:14px 14px 0 var(--ink),0 0 100px #e1060059;will-change:transform;cursor:default}.lightbox-inner>svg{width:min(80vw,560px);height:min(80vw,560px)}.lightbox-close{position:absolute;top:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px);width:52px;height:52px;background:var(--blood);color:var(--bone);border:3px solid var(--ink);font-family:Bungee Shade,cursive;font-size:22px;line-height:1;cursor:pointer;z-index:2;box-shadow:4px 4px 0 var(--ink)}.lightbox-close:hover{background:var(--ink);color:var(--blood);border-color:var(--blood)}.about{background:var(--blood);color:var(--bone);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);position:relative;overflow:hidden}.about:before{content:"HÖLLENGELD • HÖLLENGELD • HÖLLENGELD • ";position:absolute;top:20px;left:0;right:0;font-family:Bungee Shade,cursive;font-size:80px;white-space:nowrap;color:#ffffff14;animation:slide 40s linear infinite;pointer-events:none}.about-inner{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}.about h2{font-family:UnifrakturCook,cursive;font-size:clamp(42px,7vw,82px);line-height:.95;margin-bottom:20px;text-shadow:5px 5px 0 var(--ink)}.about p{font-family:Oswald,sans-serif;font-weight:400;font-size:clamp(16px,1.4vw,19px);line-height:1.6;max-width:680px;margin:0 auto 18px}.about .rules{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-top:30px;font-family:Special Elite,monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.about .rules span:before{content:"✶ "}footer{background:var(--ink);color:var(--paper);padding:50px 24px 30px;text-align:center}footer .big{font-family:Bungee Shade,cursive;font-size:clamp(42px,10vw,110px);color:var(--blood);line-height:.9;-webkit-text-stroke:2px var(--paper);text-shadow:5px 5px 0 var(--paper);margin-bottom:20px}footer .info{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;font-family:Special Elite,monospace;font-size:13px;letter-spacing:.15em;margin-bottom:20px}footer .info a{color:var(--paper);text-decoration:none;border-bottom:1px dashed var(--blood)}footer .tiny{font-family:Special Elite,monospace;font-size:10px;opacity:.5;letter-spacing:.2em;margin-top:20px}.modal{position:fixed;inset:0;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal.open{display:flex}.modal-inner{background:var(--bone);border:4px solid var(--blood);max-width:500px;width:100%;padding:40px 30px;text-align:center;box-shadow:12px 12px 0 var(--blood);position:relative}.modal-inner h3{font-family:Bungee Shade,cursive;color:var(--blood);font-size:42px;margin-bottom:14px;text-shadow:3px 3px 0 var(--ink)}.modal-inner p{font-family:Special Elite,monospace;font-size:14px;margin-bottom:20px;line-height:1.6}.modal-close{background:var(--ink);color:var(--bone);border:0;padding:12px 28px;font-family:Bungee Shade,cursive;font-size:18px;cursor:pointer;letter-spacing:.05em}@media(max-width:600px){.field-row{grid-template-columns:1fr}.machine{padding:26px 16px 20px}.reel,.reel-strip .sym{height:140px}.flash.f4,.flash.f5,.flash.f6,.flash.f7,.flash.f8,.flash.f9,.flash.f10{display:none}nav{padding:1rem}.nav-links{gap:1rem}.nav-links a{font-size:.7rem}}
