.foly-pac .direction-pad{grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,56px);justify-content:center;gap:8px;margin:14px auto}.foly-pac .direction-pad button{min-height:56px;font-size:28px;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:10px}.foly-pac .direction-pad button[data-direction="0"]{grid-column:2;grid-row:1}.foly-pac .direction-pad button[data-direction="3"]{grid-column:1;grid-row:2}.foly-pac .direction-pad button[data-direction="2"]{grid-column:2;grid-row:2}.foly-pac .direction-pad button[data-direction="1"]{grid-column:3;grid-row:2}.foly-pac .direction-pad button.is-held{background:#ffc234;color:#152319;box-shadow:0 0 12px #ffc23455}.foly-pac #game{touch-action:none}.pac-joystick-wrap.is-horizontal .stick-up,.pac-joystick-wrap.is-horizontal .stick-down{display:none}.pac-joystick-wrap{display:flex;justify-content:center;align-items:center;gap:18px;margin:16px 0 8px}.pac-joystick-wrap p{font:700 10px/1.8 monospace;color:#ffc234;max-width:150px;margin:0}.pac-joystick-wrap p span{font-size:10px;color:#a8b6a8;font-weight:400}#pac-joystick{position:relative;flex:0 0 148px;width:148px;height:148px;min-height:148px;padding:0;border-radius:50%;border:2px solid #63754d;background:radial-gradient(circle,#263b28 0%,#111e16 65%,#080f0c 100%);box-shadow:inset 0 3px 12px #0009,0 3px 0 #0008;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;overflow:visible}#pac-joystick:focus-visible{outline:3px solid #ffc234;outline-offset:5px}#pac-joystick.is-active{border-color:#ffc234;cursor:grabbing}.stick-knob{position:absolute;left:calc(50% - 27px);top:calc(50% - 27px);width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffe7a0,#ffc234 48%,#ac7220);border:2px solid #ffdf79;box-shadow:0 5px 12px #000a,inset 0 2px 2px #fff7;transform:translate(var(--stick-x,0px),var(--stick-y,0px));pointer-events:none}.stick-arrow{position:absolute;color:#b9c2a5;font:700 22px monospace;pointer-events:none}.stick-up{top:6px;left:calc(50% - 7px)}.stick-down{bottom:6px;left:calc(50% - 7px)}.stick-left{left:9px;top:calc(50% - 14px)}.stick-right{right:9px;top:calc(50% - 14px)}.arcade-pack{max-width:1080px}.arcade-lobby{padding-top:5px}.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:3px 0 29px}.lobby-heading h2{font-size:clamp(25px,4vw,39px);line-height:1.13;letter-spacing:-1.5px;margin:0}.lobby-heading h2 span{color:var(--gold)}.lobby-badge{border:1px solid #66592c;padding:13px 17px;color:var(--muted);font-size:10px;line-height:1.8;letter-spacing:1px;white-space:nowrap;transform:rotate(3deg)}.lobby-badge strong{font-size:20px;color:var(--gold)}.game-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-card{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:stretch;gap:16px;text-decoration:none;color:var(--light);border:1px solid #435039;border-radius:9px;background:linear-gradient(130deg,#242e1c,#131d15);padding:19px;box-shadow:0 5px 15px #0003;transition:border-color .15s,transform .15s}.game-card:hover{border-color:var(--gold);transform:translateY(-2px)}.game-card:active{transform:translateY(1px)}.card-art{align-self:center;position:relative;height:106px;display:flex;align-items:center;justify-content:center;background:#0b120d;border:1px solid #31452d;border-radius:6px;box-shadow:inset 0 0 26px #28462725}.card-art svg{width:80px;height:70px;filter:drop-shadow(0 3px 0 #0008)}.card-number{position:absolute;left:7px;top:6px;font-size:9px;letter-spacing:2px;color:#73856a}.card-category{font-size:8px;letter-spacing:1.3px;color:#b1c196;display:block;margin:1px 0 7px}.card-copy h3{font-size:19px;color:var(--gold);letter-spacing:-.5px;margin:0}.card-copy p{font-size:10px;color:#a8b6a8;line-height:1.65;margin:9px 0 13px;min-height:33px}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;border-top:1px solid #354630;padding-top:12px}.card-foot span{font-size:7px;color:#95a38a;line-height:1.6}.card-foot strong{font-size:10px;white-space:nowrap;color:var(--gold)}.lobby-note{text-align:center;font-size:10px;line-height:1.8;color:var(--muted);margin:23px 0 8px}.game-switcher{margin:0 0 20px}.all-games{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-size:11px;font-weight:700;text-decoration:none;letter-spacing:1px}.game-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:#58673c #101410}.game-tabs a{display:flex;align-items:center;flex-shrink:0;min-height:40px;font-size:10px;border:1px solid #344b32;border-radius:4px;padding:8px 12px;text-decoration:none;color:#a8b6a8;background:#162018}.game-tabs a[aria-current]{border-color:var(--gold);background:#303020;color:var(--gold);font-weight:700}.pack-guide{font-size:9px;line-height:1.8;margin:1px 0 0;text-align:center;display:block}.arcade-pack .cabinet h2{text-transform:uppercase;letter-spacing:.7px}.cover-art svg{width:80px;height:70px}.cover-art{margin-bottom:-7px}.arcade-pack .stage-cover{gap:15px}.arcade-pack .result{gap:10px}.result-menu{font-size:9px;color:var(--gold);text-decoration:none;min-height:34px;display:flex;align-items:center;letter-spacing:.5px}.game-notice{text-align:center;min-height:15px;margin:10px 0 0;font-size:10px;color:var(--gold);font-weight:700;letter-spacing:1px}.direction-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0}.direction-pad button{min-height:44px;border:1px solid #526444;border-radius:3px;background:#142017;color:var(--gold);font:700 21px monospace;cursor:pointer;touch-action:manipulation}.direction-pad button:active{background:#414522}.arcade-pack .result #final-score{font-size:46px}@media(max-width:680px){.arcade-pack{max-width:450px}.lobby-heading{gap:10px;margin-bottom:22px}.lobby-heading h2{font-size:25px;letter-spacing:-1px}.lobby-badge{padding:9px;font-size:8px}.lobby-badge strong{font-size:16px}.game-cards{grid-template-columns:1fr;gap:12px}.game-card{grid-template-columns:83px minmax(0,1fr);gap:13px;padding:15px}.card-art{height:90px}.card-art svg{width:66px;height:58px}.card-copy h3{font-size:18px}.card-copy p{font-size:10px;margin-bottom:10px;min-height:0}.card-foot{padding-top:9px}.card-foot span{font-size:7px}.game-tabs a{min-height:44px}.arcade-pack .cabinet h2{font-size:12px}.arcade-pack .stage-cover{gap:13px}.arcade-pack .cover-art svg{width:63px;height:56px}.arcade-pack .result #final-score{font-size:44px}.arcade-pack .result{gap:9px}.lobby-note{font-size:9px}.game-switcher{margin-bottom:17px}}.arcade-pack .stage::after{content:"";display:block;height:54px;border-top:1px solid #6a5b27;background:#f7f5e8 url("https://folyfrites.be/wp-content/uploads/2026/09/cropped-logo-foly-frites-deux-lignes-300x200.png") center/69px 46px no-repeat}@media(prefers-reduced-motion:reduce){.game-card{transition:none;transform:none}}
