html.snf-qfs-fullscreen,
body.snf-qfs-fullscreen{width:100%!important;height:100%!important;margin:0!important;overflow:hidden!important;overscroll-behavior:none!important}
body.snf-qfs-fullscreen{touch-action:none;background:#020101!important}
.snf-qfs{--gold:#d7aa4d;--gold2:#f3d98c;--red:#b5121b;--red2:#e02b35;--deep:#260306;position:fixed!important;z-index:2147483000!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;display:grid!important;grid-template-rows:42px minmax(0,1fr)!important;overflow:hidden!important;background:radial-gradient(circle at 50% 25%,#371014 0,#0d0304 46%,#010101 100%)!important;color:#fff;font-family:Arial,Helvetica,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.snf-qfs *{box-sizing:border-box}
.snf-qfs__appbar{position:relative;z-index:50;display:grid;grid-template-columns:68px minmax(0,1fr) 112px;align-items:center;gap:6px;height:42px;padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));border-bottom:1px solid #d6a84b;background:linear-gradient(180deg,#2f090dcf,#070203f5);box-shadow:0 5px 22px #000c,inset 0 -1px #000;backdrop-filter:blur(10px)}
.snf-qfs__appbar:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,#5c350d,#f0d480,#755018,#f0d480,#5c350d);opacity:.75}
.snf-qfs__appbar strong{overflow:hidden;color:#fff0c2;font:900 18px/1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.1em;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 0 #65070d,0 0 12px #c68f32;white-space:nowrap}
.snf-qfs__exit,.snf-qfs__scores-btn,.snf-qfs__sound-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;border:1px solid #e7c66f;border-radius:7px;color:#fff3cf!important;background:linear-gradient(180deg,#bf1822,#68080e)!important;box-shadow:inset 0 1px #ffffff38,0 2px #350305,0 0 10px #0008;font:900 11px/1 Arial,sans-serif;letter-spacing:.06em;text-decoration:none!important;cursor:pointer}.snf-qfs__app-actions{display:grid;grid-template-columns:38px 68px;gap:6px}.snf-qfs__sound-btn{padding:0;font-size:9px}.snf-qfs__sound-btn.is-muted{border-color:#86785b;color:#b6aa91!important;background:linear-gradient(180deg,#4d4140,#241d1d)!important;box-shadow:inset 0 1px #ffffff1f,0 2px #130e0e}
.snf-qfs__stage{position:relative;min-height:0;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}
.snf-qfs__table-shell{position:relative;height:100%;aspect-ratio:10/17;max-width:100%;overflow:hidden;border:1px solid #e9ca76;border-radius:19px 19px 10px 10px;background:#080102;box-shadow:0 0 0 3px #6a4518,0 0 0 7px #17100a,0 0 0 10px #050202,0 25px 75px #000e,inset 0 0 35px #000}
.snf-qfs__table-shell:before{content:"";pointer-events:none;position:absolute;z-index:7;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #f0d27a55,inset 0 0 30px #000b}
.snf-qfs__canvas{display:block;width:100%;height:100%;background:#070102;touch-action:none}
.snf-qfs__glass{pointer-events:none;position:absolute;inset:0;z-index:8;background:linear-gradient(116deg,#ffffff15 0 10%,transparent 20% 56%,#ffffff0d 67%,transparent 76%),radial-gradient(circle at 18% 8%,#ffffff0b,transparent 22%);mix-blend-mode:screen}
.snf-qfs__hud{pointer-events:none;position:absolute;z-index:12;left:5.8%;right:5.8%;top:1.55%;display:grid;grid-template-columns:1fr .74fr 1fr;gap:4px;padding:6px 8px;border:1px solid #d8ad5399;border-radius:8px;background:linear-gradient(180deg,#050102ef,#190407e8);box-shadow:0 5px 16px #000b,inset 0 0 15px #5a070b44}
.snf-qfs__hud div{text-align:center;min-width:0}.snf-qfs__hud small{display:block;color:#c9a756;font:900 clamp(7px,1.25vh,9px)/1 Arial;letter-spacing:.14em}.snf-qfs__hud b{display:block;margin-top:2px;color:#fff0c3;font:900 clamp(11px,1.9vh,17px)/1.1 "Arial Narrow",Arial,sans-serif;white-space:nowrap;text-shadow:0 0 9px #f0c86144}
.snf-qfs__overlay{position:absolute;z-index:30;inset:0;display:none;align-items:center;justify-content:center;padding:8%;background:radial-gradient(circle at 50% 30%,#5d0c13d9,#060102f4 69%);backdrop-filter:blur(6px)}.snf-qfs__overlay.is-open{display:flex}
.snf-qfs__panel{width:min(94%,430px);padding:25px 20px 20px;border:1px solid #e4bf64;border-radius:16px;background:linear-gradient(180deg,#2c080de9,#080203f8);box-shadow:0 22px 70px #000f,inset 0 1px #ffffff20,0 0 0 4px #5d3a113d;text-align:center}
.snf-qfs__eyebrow{display:block;color:#d7aa4d;font:900 10px/1 Arial;letter-spacing:.18em}.snf-qfs__panel h2{margin:7px 0;color:#fff1c8;font:900 clamp(30px,5.5vh,52px)/.92 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.045em;text-shadow:0 3px #740911,0 0 16px #b98435}.snf-qfs__panel p{margin:10px auto 15px;max-width:340px;color:#f7ead0;font:700 13px/1.35 Arial}.snf-qfs__panel>button{width:100%;min-height:46px;margin-top:12px;border:1px solid #f2d486;border-radius:9px;background:linear-gradient(180deg,#c91b25,#790910);color:#fff8e7;font:900 15px/1 Arial;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff35,0 4px #390407;cursor:pointer}.snf-qfs__panel>small{display:block;margin-top:13px;color:#bba884;font:700 10px/1.35 Arial}
.snf-qfs__rules{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.snf-qfs__rules span{padding:8px 4px;border:1px solid #d6a84b55;border-radius:8px;background:#ffffff08;color:#e8d8ba;font:900 8px/1.1 Arial;letter-spacing:.05em}.snf-qfs__rules b{display:block;margin-bottom:2px;color:#f0d58b;font:900 19px/1 Impact,Arial}
.snf-qfs__callout{pointer-events:none;position:absolute;z-index:20;left:50%;top:29%;max-width:80%;transform:translate(-50%,-50%) scale(.78);opacity:0;color:#fff3cf;font:900 clamp(18px,3.7vh,34px)/1 Impact,Arial;letter-spacing:.065em;text-align:center;text-shadow:0 3px #7b0b12,0 0 20px #f0c65f;transition:opacity .14s,transform .14s}.snf-qfs__callout.is-showing{opacity:1;transform:translate(-50%,-50%) scale(1)}
.snf-qfs__touch{position:absolute;z-index:15;bottom:0;width:43%;height:28%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.7%;color:#d9b86577;font:900 8px/1 Arial;letter-spacing:.15em;touch-action:none}.snf-qfs__touch--left{left:0}.snf-qfs__touch--right{right:0}.snf-qfs__touch.is-active{background:radial-gradient(ellipse at 50% 100%,#cf17211e,transparent 61%)}
/* Touch target for the visible canvas-drawn mechanical plunger. It disappears after launch so the right flipper owns the entire lower-right area during play. */
.snf-qfs__launch{--pull:0;position:absolute;z-index:19;right:1%;bottom:0;width:17%;height:22%;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:#f7dda0;touch-action:none;cursor:pointer;padding:0;font-family:Arial,sans-serif;opacity:.98}
.snf-qfs__launch span{position:absolute;left:50%;bottom:1.2%;transform:translateX(-50%);display:block;padding:4px 9px;border:1px solid #d9b75f;border-radius:999px;background:#170707d9;font:900 9px/1 Arial;letter-spacing:.15em;text-shadow:0 2px 5px #000;box-shadow:0 2px 8px #0009}.snf-qfs__launch.is-charging span{color:#fff1b5;box-shadow:0 0 14px #d9b75f88}.snf-qfs__launch:disabled{pointer-events:none;opacity:0}
.snf-qfs__scores{position:fixed;z-index:2147483600;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:#000d;backdrop-filter:blur(8px)}.snf-qfs__scores.is-open{display:flex}.snf-qfs__scores-card{width:min(430px,94vw);max-height:82vh;overflow:auto;border:1px solid #e0bc67;border-radius:14px;background:linear-gradient(180deg,#2a080c,#080203);box-shadow:0 24px 80px #000;color:#fff}.snf-qfs__scores-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #d6a84b55;background:#180507}.snf-qfs__scores-head small{color:#d6a84b;font:900 8px/1 Arial;letter-spacing:.14em}.snf-qfs__scores-head h3{margin:2px 0 0;color:#fff1c8;font:900 25px/1 Impact,Arial;letter-spacing:.08em}.snf-qfs__scores-head button{width:34px;height:34px;border:1px solid #d6a84b;border-radius:8px;background:#730a10;color:#fff;font-size:24px;line-height:1}.snf-qfs__scores ol{margin:0;padding:8px 15px 16px;list-style:none;counter-reset:qfs}.snf-qfs__scores li{counter-increment:qfs;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:11px 3px;border-bottom:1px solid #ffffff12;color:#f7ead0;font:800 13px/1.1 Arial}.snf-qfs__scores li:before{content:counter(qfs);display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d6a84b1a;border:1px solid #d6a84b66;color:#e9c66f}.snf-qfs__scores li b{color:#f0d58b;font-size:14px}
@media(min-aspect-ratio:10/16) and (min-width:760px){.snf-qfs__stage{padding:8px}.snf-qfs__table-shell{box-shadow:0 0 0 4px #6e4214,0 0 0 9px #16100a,0 0 0 12px #030101,0 30px 90px #000f,inset 0 0 40px #000}.snf-qfs__touch{opacity:.5}}
@media(max-width:480px){.snf-qfs__stage{padding:0}.snf-qfs__table-shell{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;border-left:0;border-right:0}.snf-qfs__hud{top:1.1%}.snf-qfs__appbar strong{font-size:16px}.snf-qfs__panel{padding:20px 15px 17px}}
