/* Zapfgenau: cinematic 3D foreground with a deliberately small instrument panel. */
.arcade-main.page-play.play-zapfgenau{padding:var(--play-nav-h,76px) 0 0!important;min-height:100dvh;background:#0b1b23;overflow:hidden}
.arcade-main.page-play.play-zapfgenau .game-stage{width:100%!important;min-height:0!important;padding:0!important;margin:0!important;display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;overflow:visible!important}
.game-stage-zapfgenau:before,body:has(.play-zapfgenau).is-public-stage:after{display:none!important}
.zf-shell{--zf-ink:#f3f5eb;--zf-muted:#b7c9c7;--zf-green:#a8efcb;--zf-line:#c6e3d82b;position:relative;isolation:isolate;height:calc(100dvh - var(--play-nav-h,76px));min-height:700px;width:100%;overflow:hidden;color:var(--zf-ink);font-family:ArcadeText,system-ui,sans-serif;background:#1d303a}
.zf-shell *{box-sizing:border-box}.zf-shell [hidden]{display:none!important}
.zf-scene{position:absolute;inset:0;z-index:-2}.zf-scene canvas,.zf-scene img{display:block;width:100%;height:100%;object-fit:cover}
.zf-vignette{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#031a258a 0%,transparent 24%,transparent 57%,#03131896 100%),linear-gradient(90deg,#03131829,transparent 40%)}
.zf-header{position:absolute;top:26px;left:34px;right:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;pointer-events:none}
.zf-eyebrow{font-size:9px;letter-spacing:.23em;font-weight:800;color:#e0efee}.zf-header h1{font-family:ArcadeText,system-ui,sans-serif!important;font-size:clamp(27px,3.4vw,48px)!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.075em!important;margin:8px 0!important;color:#f6f8ef!important;text-shadow:0 3px 25px #082b3275!important}.zf-header h1 span{color:#b4f2cd}.zf-header h1 i{font:400 12px system-ui;vertical-align:top;display:inline-block;margin:3px 0 0 6px}.zf-header p{color:#d4e1dd!important;font-size:12px!important;margin:8px 0 0!important}
.zf-target{text-align:right;padding:0 0 0 24px;border-left:1px solid #ffffff42}.zf-target>span{font-size:10px;letter-spacing:.15em;font-weight:800}.zf-target strong{display:flex;align-items:baseline;justify-content:flex-end;gap:10px;margin:4px 0;line-height:1;font-size:49px;font-weight:900;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#c8ffde;text-shadow:0 3px 18px #123b36}.zf-target strong small{font-size:25px;font-weight:500}.zf-target i{font-style:normal;font-size:10px;color:#d0ddd8}
.zf-shell button{font:800 12px ArcadeText,system-ui,sans-serif;cursor:pointer;box-shadow:none;transition:background .15s,transform .15s}.zf-shell button:focus-visible,.zf-shell input:focus-visible{outline:3px solid #b0f7cd;outline-offset:3px}.zf-shell button:disabled{opacity:.48;cursor:default}.zf-shell button:enabled:hover{filter:brightness(1.10)}
.zf-top-tools{position:absolute;top:158px;right:34px;display:flex;align-items:center;gap:7px}.zf-top-tools button,.zf-top-tools>span{background:#0a2629ad;backdrop-filter:blur(8px);border:1px solid #c5e7dc33;border-radius:7px;color:#ebf8ed;padding:7px 10px;font-size:10px}.zf-top-tools>span{font-variant-numeric:tabular-nums;font-weight:800;min-width:49px;text-align:center;color:#c7f4d8}
.zf-bottom{position:absolute;left:34px;right:34px;bottom:76px;display:grid;grid-template-columns:330px minmax(0,1fr) 360px;align-items:end;gap:24px}
.zf-meter,.zf-controls{border:1px solid var(--zf-line);border-radius:14px;box-shadow:0 12px 40px #00111752;background:linear-gradient(125deg,#0b2729ed,#0b2126e6);backdrop-filter:blur(16px);padding:22px}
.zf-meter header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.12em}.zf-meter header>span{font-weight:800;color:#d0dcd2}.zf-meter header>span>i{display:inline-block;margin-right:5px;width:5px;height:5px;border-radius:50%;background:#b0efb8;box-shadow:0 0 8px #77ffb270}.zf-meter header>b{font-size:7px;color:#a0b7b0;font-weight:600;letter-spacing:.06em}
.zf-amount{display:flex;justify-content:flex-end;align-items:baseline;gap:10px;padding:16px 0 14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:65px;letter-spacing:-.06em;line-height:1;font-weight:500;color:#dbf7c7;font-variant-numeric:tabular-nums;text-shadow:0 0 22px #b6e7bd23}.zf-amount small{font-size:24px;font-family:ArcadeText,system-ui;font-weight:500;color:#a7bda2}
.zf-meter-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;border-top:1px solid #adc8b326;padding-top:14px}.zf-meter-stats>div{display:flex;flex-direction:column;gap:5px}.zf-meter-stats>div:not(:first-child){border-left:1px solid #adc8b326;padding-left:14px}.zf-meter-stats span{font-size:7px;letter-spacing:.09em;white-space:nowrap;color:#abc3b6}.zf-meter-stats b{font-family:ui-monospace,Consolas,monospace;font-size:19px;letter-spacing:-.04em;font-weight:500;font-variant-numeric:tabular-nums}
.zf-flow-track{height:3px;background:#b3d2c114;overflow:hidden;border-radius:3px;margin-top:20px}.zf-flow-track i{display:block;height:100%;width:0;background:#a8efcb;box-shadow:0 0 10px #a8efcb;transition:width .05s linear}
.zf-scene-note{justify-self:center;text-align:center;color:#edf6f0;text-shadow:0 2px 15px #001c26;margin:0 0 16px}.zf-scene-note span{display:block;font-size:8px;font-weight:800;letter-spacing:.2em;margin-bottom:8px}.zf-scene-note b{font-size:11px;font-weight:500}
.zf-controls{padding:19px 20px}.zf-controls-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.zf-controls-heading>b{font-size:14px}.zf-controls-heading>span{font-size:7px;letter-spacing:.1em;color:#a9c2b7}.zf-controls>p{font-size:10px;line-height:1.6;min-height:17px;color:#bfd1c7;margin:8px 0 13px}
.zf-triggers{display:grid;grid-template-columns:1.7fr 1fr;gap:8px}.zf-triggers button{border:1px solid #c9f7db;border-radius:9px;background:#b7edcf;color:#113e31;min-height:69px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.zf-triggers button>svg{width:33px;height:33px;flex-shrink:0}.zf-triggers button span{font-size:11px;text-align:left;white-space:nowrap}.zf-triggers button small{display:block;font-size:6px;letter-spacing:.08em;margin-top:5px;opacity:.65}.zf-triggers #zf-fine{background:#1d3936;border-color:#9ce8bd55;color:#d2ebcf}.zf-triggers #zf-fine>b{font-size:22px;font-weight:400}.zf-triggers button.is-held{background:#f0ffc6!important;color:#173328!important;transform:translateY(2px);box-shadow:inset 0 2px 10px #174a371c,0 0 22px #9cf0b926}
.zf-dose{display:flex;align-items:center;gap:10px;font-size:8px;color:#a8c4b7;margin:13px 0}.zf-dose input{min-width:0;flex:1;width:100%;height:14px;accent-color:#b0eac5}.zf-dose output{font-size:9px;min-width:38px;text-align:right;font-variant-numeric:tabular-nums}
.zf-controls #zf-finish{background:#ffffff08;border:1px solid #cee0d424;border-radius:7px;width:100%;padding:10px 12px;display:flex;justify-content:space-between;color:#e2eee3;font-size:10px}.zf-controls #zf-finish>span{color:#b6e9c9}.zf-advice{display:block;font-size:8px;line-height:1.5;color:#9bb7ac;margin-top:10px}
.zf-players{position:absolute;bottom:21px;left:34px;right:34px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.zf-players>span{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #f0ffef26;border-radius:7px;background:#0b2523c9;backdrop-filter:blur(8px);font-size:10px}.zf-players>span>i{width:5px;height:5px;background:#79978a;border-radius:50%}.zf-players>span.is-me{border-color:#c5f9d866}.zf-players>span.is-me>i,.zf-players>span.is-done>i{background:#c1f2be}.zf-players b{font-size:10px}.zf-players small{font-size:8px;color:#bbd5c4}
.zf-preparing{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);padding:25px 35px;border-radius:12px;background:#102b30e8;border:1px solid var(--zf-line);text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px;z-index:3}.zf-preparing small{color:#bbd5c4;font-size:11px}.zf-loading-dot{height:8px;width:8px;background:#c4f6cf;box-shadow:0 0 22px #c4f6cf;border-radius:50%}.zf-loading{color:#c4f6cf;text-align:center;padding:25vh 0}
.zf-countdown{position:absolute;inset:26% 0 34%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;pointer-events:none;color:#eefff1;text-shadow:0 4px 45px #032524}.zf-countdown span{font-size:14px}.zf-countdown>b{font-size:120px;line-height:1.2;font-weight:800}
.zf-receipt{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-1deg);width:min(420px,calc(100% - 32px));padding:29px 31px 22px;background:#f5f0dc;color:#213c34;box-shadow:0 25px 100px #001011ab;font-family:ui-monospace,Consolas,monospace;text-align:center;max-height:90%;overflow:auto;border-radius:2px}.zf-receipt:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:radial-gradient(circle at 5px 0,#3e514b 3px,transparent 4px) 0 0/10px 5px repeat-x}.zf-receipt>span{font-size:9px;letter-spacing:.09em}.zf-receipt h2{font:900 37px ArcadeText,system-ui,sans-serif!important;letter-spacing:-.06em!important;line-height:1.05!important;color:#173b2e!important;margin:20px 0 12px!important;text-shadow:none!important}.zf-receipt p{font-size:11px;line-height:1.5;color:#4a5d50;margin:9px 0}.zf-receipt-total{border-block:1px dashed #a6ac93;padding:18px 0;margin:20px 0 12px}.zf-receipt-total>small{font-size:9px;letter-spacing:.12em;display:block}.zf-receipt-total>strong{display:block;font-size:40px;letter-spacing:-.06em;margin-top:7px}.zf-receipt ol{list-style:none;padding:0;margin:14px 0}.zf-receipt li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dotted #a6ac9370;font-size:11px;text-align:left}.zf-receipt li>b{flex:1;overflow:hidden;text-overflow:ellipsis}.zf-receipt li>strong{font-size:12px}.zf-receipt>small{font-size:10px;color:#5d6a58}.zf-barcode{margin:19px auto 0;width:170px;height:27px;background:repeating-linear-gradient(90deg,#254838 0 2px,transparent 2px 4px,#254838 4px 5px,transparent 5px 8px,#254838 8px 12px,transparent 12px 14px);opacity:.7}
.zf-fallback-note{position:absolute;left:30px;top:205px;width:240px;padding:9px;border-radius:5px;background:#13292ae0;color:#d5e8cf;font-size:9px;line-height:1.5}
.zf-mini-target{display:none}
.zf-phone .zf-triggers button small{display:none}
.zf-phone .zf-players{position:static;padding:14px 16px;margin-top:713px;min-height:46px}
.zf-shell:fullscreen{height:100dvh;min-height:0}
@media(max-width:1150px){.zf-bottom{grid-template-columns:300px 1fr 330px;gap:16px;left:24px;right:24px}.zf-scene-note{display:none}.zf-controls{grid-column:3;padding:16px}.zf-meter{padding:18px}.zf-triggers button span{font-size:10px}.zf-amount{font-size:60px}}
@media(max-width:800px){.zf-shell{min-height:900px}.zf-header{top:20px;left:20px;right:20px}.zf-header h1{font-size:29px!important}.zf-header p{font-size:10px!important}.zf-eyebrow{font-size:7px;letter-spacing:.13em}.zf-target{padding-left:12px}.zf-target>span{font-size:8px}.zf-target strong{font-size:36px}.zf-target i{font-size:8px}.zf-top-tools{top:134px;right:20px}.zf-bottom{grid-template-columns:1fr 1fr;left:20px;right:20px;bottom:90px;gap:12px}.zf-controls{grid-column:auto}.zf-meter-stats{gap:7px}.zf-meter-stats>div:not(:first-child){padding-left:7px}.zf-meter-stats b{font-size:16px}.zf-scene{bottom:160px}.zf-players{bottom:23px;left:16px;right:16px}.zf-triggers{grid-template-columns:1fr}.zf-triggers button{min-height:53px}.zf-triggers button>svg{width:25px;height:25px}.zf-dose{gap:6px}}
@media(max-width:560px){.zf-shell{height:auto;min-height:1030px}.zf-header{top:17px;left:16px;right:16px}.zf-header h1{font-size:27px!important}.zf-header h1 i{display:none}.zf-header p{max-width:150px;font-size:9px!important;line-height:1.4}.zf-eyebrow{font-size:6px}.zf-target strong{font-size:32px}.zf-target strong small{font-size:18px}.zf-target i{display:none}.zf-top-tools{top:115px;right:16px}.zf-top-tools button,.zf-top-tools>span{padding:6px 8px;font-size:9px}.zf-scene{inset:70px -60px auto;height:450px}.zf-vignette{background:linear-gradient(#08202882,transparent 18%,transparent 35%,#0b2529 49%)}.zf-bottom{top:460px;bottom:auto;left:16px;right:16px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.zf-meter{padding:16px 20px}.zf-amount{font-size:61px;padding:12px 0}.zf-meter-stats{gap:12px;padding-top:11px}.zf-meter-stats>div:not(:first-child){padding-left:14px}.zf-meter-stats b{font-size:19px}.zf-flow-track{margin-top:12px}.zf-controls{padding:16px 18px}.zf-triggers{grid-template-columns:1.7fr 1fr}.zf-triggers button{min-height:64px}.zf-triggers button span{font-size:11px}.zf-triggers button small{font-size:6px}.zf-players{bottom:20px}.zf-countdown{inset:180px 0 auto}.zf-countdown>b{font-size:92px}.zf-countdown>span{font-size:11px}.zf-receipt{position:fixed;top:50dvh;max-height:85dvh}.zf-preparing{top:280px;width:280px}.zf-fallback-note{top:165px;left:16px;width:200px}}
@media(prefers-reduced-motion:reduce){.zf-shell button,.zf-flow-track i{transition:none}.zf-receipt{transform:translate(-50%,-50%)}}
@media(max-width:560px){.zf-shell{min-height:750px}.zf-scene{top:60px;height:280px}.zf-vignette{background:linear-gradient(#08202882,transparent 17%,transparent 28%,#0b2529 43%)}.zf-bottom{top:300px;gap:8px}.zf-meter{padding:12px 16px}.zf-amount{font-size:48px;padding:9px 0;gap:7px}.zf-mini-target{display:flex;flex:1;flex-direction:column;gap:6px;font-family:ArcadeText,system-ui;letter-spacing:0}.zf-mini-target small{font-size:7px;letter-spacing:.1em}.zf-mini-target b{font-size:19px;font-weight:700}.zf-meter-stats{padding-top:9px;gap:8px}.zf-meter-stats b{font-size:17px}.zf-flow-track{margin-top:9px}.zf-controls{padding:13px 16px}.zf-controls>p{margin:6px 0 10px}.zf-triggers button{min-height:57px}.zf-dose{margin:10px 0}.zf-advice{font-size:8px;margin-top:8px}.zf-players{bottom:14px}.zf-preparing{top:220px}.zf-countdown{top:150px}}