/* z9999.info — Token Z-9999: service-hall queue system */
:root{
 --wall:#E8EBE5;--wall-2:#DFE3DC;--paper:#F6F7F3;--card:#FFFFFF;
 --ink:#131A17;--ink-2:#27302D;--muted:#4D5954;--line:#C7CEC6;--line-2:#DCE1DA;
 --steel:#98A19E;--steel-l:#CFD5D0;--graph:#1B2220;--graph-2:#252E2B;--panel:#0B0E0D;
 --led:#FF5A3C;--led-a:#FFB547;--led-g:#5BE394;--led-dim:#5A6661;
 --green:#0A6647;--green-d:#064A33;--green-l:#E1EEE7;--tape:#F2C200;
 --f-h:"Stack Sans Headline","Stack Sans Text",system-ui,sans-serif;
 --f-b:"Stack Sans Text",system-ui,-apple-system,"Segoe UI",sans-serif;
 --f-led:"DotGothic16",ui-monospace,"Cascadia Mono",monospace;
 --r:10px;--hd:64px;
 /* game runtime tokens */
 --primary:var(--green);--primary-contrast:#fff;--accent:var(--tape);--surface:#fff;--surface-2:#EEF1EC;
 --border:var(--line);--heading:var(--ink);--text:var(--ink-2);--font-head:var(--f-h);--font-body:var(--f-b);
 color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 16px)}
body{margin:0;background:var(--wall);color:var(--ink-2);font:400 1.0625rem/1.65 var(--f-b);text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:var(--green);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--green-d)}
:focus-visible{outline:3px solid var(--led-a);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--f-h);color:var(--ink);font-weight:700;letter-spacing:-.018em;text-wrap:balance}
p{margin:0 0 1em}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}
@media (min-width:700px){.wrap{padding:0 28px}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--tape);color:var(--ink);padding:12px 16px;border-radius:8px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}

/* LED type + panel */
.led{font-family:var(--f-led);font-weight:400;color:var(--led);letter-spacing:.06em;text-shadow:0 0 6px rgb(255 90 60/.55),0 0 1px rgb(255 90 60/.9);white-space:nowrap}
.tok-d,.tkp,.q-d,.q-now,.kiosk-s,.pg-plate,.rk-c,.nf-b,.counter-top .led{
 background-color:var(--panel);background-image:radial-gradient(circle,rgb(255 255 255/.06) .8px,transparent 1.2px);background-size:4px 4px}

/* ---------- header: ceiling board ---------- */
.hd{position:sticky;top:0;z-index:50;background:var(--graph);color:#E3E8E4;box-shadow:0 1px 0 #000}
.hd::after{content:"";display:block;height:4px;background:repeating-linear-gradient(90deg,var(--tape) 0 44px,transparent 44px 56px)}
.hd-in{display:flex;align-items:center;gap:10px;min-height:var(--hd)}
.tok{display:inline-flex;flex-direction:column;gap:3px;text-decoration:none;min-height:44px;justify-content:center;margin-right:auto}
.tok-l{font:600 10px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:#8F9B96}
.tok-d{display:inline-block;padding:5px 10px 4px;border-radius:6px;box-shadow:inset 0 0 0 1px #000,inset 0 2px 6px rgb(0 0 0/.8),0 0 0 2px #333C39;position:relative;overflow:hidden}
.tok-d .led{font-size:24px;line-height:1}
.hd-tg{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 12px;border:1px solid #3A4541;border-radius:10px;background:var(--graph-2);color:#EEF2EF;font:600 15px/1 var(--f-b);cursor:pointer}
.hd-tg-i{display:grid;grid-template-columns:repeat(2,5px);gap:3px}
.hd-tg-i i{width:5px;height:5px;border-radius:1px;background:var(--led-a)}
.hd-tg-i i:nth-child(3){grid-column:span 2;width:13px}
.hd-tg[aria-expanded=true] .hd-tg-i i{background:var(--led)}
.hd-cta{display:none}
.keys{display:none}
.keys ul{list-style:none;margin:0;padding:0}
.keys a{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px 6px 8px;border-radius:10px;color:#DDE3DF;text-decoration:none;font:600 15px/1.2 var(--f-b)}
.keys .k{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--panel);color:var(--led-a);font:400 15px/1 var(--f-led);box-shadow:inset 0 0 0 1px #000}
.keys a:hover{background:#26302C;color:#fff}
.keys a[aria-current=page]{background:#0F1412;color:#fff;box-shadow:inset 0 -2px 0 var(--led)}
.keys a[aria-current=page] .k{color:var(--led);text-shadow:0 0 6px rgb(255 90 60/.6)}
.lsw{display:flex;gap:6px;flex-wrap:wrap}
.lsw a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:#DDE3DF;border:1px solid #3A4541;text-decoration:none}
.lsw a[aria-current=true]{background:var(--green);border-color:var(--green)}
@media (max-width:979.98px){
 .hd.is-open .keys{display:block;position:absolute;left:0;right:0;top:100%;background:#141A18;border-bottom:4px solid var(--tape);padding:14px 16px 18px;max-height:calc(100dvh - var(--hd) - 4px);overflow:auto;box-shadow:0 18px 30px rgb(0 0 0/.35)}
 .hd.is-open .keys ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px}
 .hd.is-open .keys a{background:var(--graph-2);border:1px solid #333D39;min-height:56px}
 .hd.is-open .lsw{margin-top:12px}
}
@media (min-width:560px){.hd-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;background:var(--green);color:#fff;text-decoration:none;font:700 14px/1 var(--f-h);box-shadow:inset 0 -3px 0 var(--green-d);white-space:nowrap}
 .hd-cta:hover{background:#0C7552;color:#fff}}
@media (min-width:980px){
 .hd-tg{display:none}
 .keys{display:flex;align-items:center;gap:8px;margin-left:8px}
 .keys ul{display:flex;gap:2px}
 .keys a{min-height:44px;font-size:14px;padding:6px 10px 6px 6px;gap:8px}
 .keys .k{width:24px;height:24px;font-size:13px}
 .tok{margin-right:0}
 .hd-cta{margin-left:auto}
}
@media (min-width:980px) and (max-width:1199.98px){.hd-cta{display:none}.keys{margin-left:auto}}

/* ---------- buttons, chips ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:10px;font:700 16px/1.1 var(--f-h);text-decoration:none;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.btn.go{background:var(--green);color:#fff;box-shadow:inset 0 -4px 0 var(--green-d),0 6px 16px -8px rgb(6 74 51/.7)}
.btn.go:hover{background:#0C7552;color:#fff;transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}

/* ---------- home: service hall ---------- */
.hall{position:relative;padding:28px 0 44px;background:var(--wall)}
.hall-g{display:grid;gap:28px;align-items:start}
.tape{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:7px 12px;background:var(--tape);color:var(--ink);font:700 13px/1.25 var(--f-b);letter-spacing:.02em;border-radius:3px;box-shadow:0 1px 0 rgb(0 0 0/.15)}
.tape::before{content:"";width:9px;height:9px;flex:none;border:2px solid var(--ink);border-radius:50%}
.hall h1{font-size:clamp(2.05rem,1.2rem + 3.8vw,4.15rem);line-height:1.02;margin:0 0 18px;max-width:17ch}
.lead{font-size:1.125rem;line-height:1.6;color:var(--ink-2);max-width:62ch}
.lead p{margin:0 0 .8em}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 22px}
.plates{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.plates li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px 6px 8px;background:var(--card);border:1px solid var(--line);border-radius:6px;font:600 14px/1.25 var(--f-b);color:var(--ink-2)}
.plates li::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--led-g);box-shadow:0 0 0 3px #13201B,0 0 6px var(--led-g)}
.plates li:first-child::before{background:var(--led);box-shadow:0 0 0 3px #231512,0 0 6px var(--led)}

/* the service counter holding the demo */
.counter{position:relative;background:var(--graph);border-radius:18px 18px 8px 8px;padding:10px 10px 0;box-shadow:0 30px 50px -30px rgb(19 26 23/.55);min-width:0;scroll-margin-top:calc(var(--hd) + 12px)}
.counter{max-width:600px}
@media (min-width:900px){.counter{max-width:none}}
.counter-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 10px;flex-wrap:wrap}
.cplate{display:inline-flex;align-items:baseline;gap:6px;padding:6px 10px;background:var(--paper);color:var(--ink);border-radius:5px;font:700 13px/1 var(--f-h);letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 0 0 2px var(--green)}
.cplate b{font:400 16px/1 var(--f-led);color:var(--green)}
.counter-top .led{font-size:14px;padding:6px 10px;border-radius:5px}
.counter-w{border-radius:10px 10px 0 0;overflow:hidden;box-shadow:inset 0 0 0 1px #000}
.counter::after{content:"";display:block;height:16px;margin:0 -10px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#E7EBE7,#AEB6B2 60%,#8C9591);box-shadow:0 2px 0 #6D7672}
@media (min-width:900px){
 .hall{padding:44px 0 64px;background:repeating-linear-gradient(90deg,transparent 0 179px,rgb(19 26 23/.045) 179px 180px),linear-gradient(180deg,var(--wall) 0 76%,var(--wall-2) 76% 76.3%,var(--wall) 76.3%)}
 .hall-g{grid-template-columns:minmax(0,1.12fr) minmax(360px,1fr);gap:44px}
 .hall-c{padding-top:18px}
}
@media (min-width:1200px){.hall-g{grid-template-columns:minmax(0,1.2fr) 480px}}

/* ---------- inner page head ---------- */
.pg{padding:22px 0 30px;background:var(--wall);border-bottom:1px solid var(--line)}
.crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;font:600 14px/1.3 var(--f-b)}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"";width:18px;height:10px;margin:0 6px;background:linear-gradient(90deg,var(--steel) 0 0) center/12px 2px no-repeat,linear-gradient(45deg,transparent 45%,var(--steel) 45% 60%,transparent 60%) right center/7px 7px no-repeat}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2)}
.crumbs [aria-current]{color:var(--muted)}
.pg-g{display:grid;gap:0 18px;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.pg-g .lead{grid-column:1/-1}
.pg h1{font-size:clamp(1.9rem,1.2rem + 2.8vw,3.3rem);line-height:1.05;margin:0 0 14px;max-width:22ch}
.pg-plate{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px 8px;border-radius:10px;box-shadow:inset 0 0 0 1px #000,0 0 0 3px var(--graph)}
.pg-plate small{font:600 9.5px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:#8F9B96}
.pg-plate .led{font-size:clamp(30px,6vw,52px);line-height:1}
@media (max-width:519.98px){.pg-plate{padding:7px 9px 6px}.pg-plate small{font-size:8.5px;letter-spacing:.1em}}

/* ---------- floor: queue board + article ---------- */
.floor{background:linear-gradient(90deg,#E9ECE6 1px,transparent 1px) 0 0/120px 120px,linear-gradient(0deg,#E9ECE6 1px,transparent 1px) 0 0/120px 120px,var(--paper);padding:30px 0 56px}
.floor-g{display:grid;gap:24px}
.q{min-width:0}
.q-d{border-radius:14px;color:#D9E0DB;box-shadow:0 0 0 3px var(--graph),0 16px 30px -22px rgb(0 0 0/.6)}
.q-d>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 14px;cursor:pointer;border-radius:14px}
.q-d>summary::-webkit-details-marker{display:none}
.q-sl{display:inline-flex;align-items:center;gap:10px;font:700 15px/1.2 var(--f-h);color:#F1F4F2}
.q-sl::before{content:"";width:10px;height:10px;border-right:2px solid var(--led-a);border-bottom:2px solid var(--led-a);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.q-d[open] .q-sl::before{transform:rotate(-135deg) translate(-2px,-1px)}
.q-now{display:inline-flex;flex-direction:column;align-items:flex-end;gap:3px;background:none}
.q-now small{font:600 9.5px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:#7F8B86}
.q-now .led{font-size:20px;line-height:1}
.q-l{list-style:none;margin:0;padding:4px 8px 10px;border-top:1px dashed #2E3835}
.q-l a{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:baseline;min-height:44px;padding:10px 8px;border-radius:8px;color:#C4CCC7;text-decoration:none;font:500 14.5px/1.35 var(--f-b)}
.q-tk{font:400 14px/1.3 var(--f-led);color:var(--led-dim);letter-spacing:.04em}
.q-l a:hover{background:#171E1C;color:#fff}
.q-l a[aria-current=true]{background:#161D1B;color:#fff}
.q-l a[aria-current=true] .q-tk{color:var(--led);text-shadow:0 0 6px rgb(255 90 60/.6);animation:qblink .9s steps(2) 2}
@keyframes qblink{50%{opacity:.25}}
@media (min-width:1100px){
 .floor-g{grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}
 .floor-g.no-q{grid-template-columns:minmax(0,1fr)}
 .q{position:sticky;top:calc(var(--hd) + 24px)}
 .q-d>summary{cursor:default;pointer-events:none}
 .q-sl::before{display:none}
 .q-l{max-height:calc(100dvh - var(--hd) - 150px);overflow:auto}
}

/* article */
.art{min-width:0;max-width:780px;font-size:1.0625rem}
.intro-x{font-size:1.125rem;margin-bottom:10px}
.sv{position:relative;padding:8px 0 4px}
.sv+.sv::before{content:"";display:block;height:38px;margin:10px 0 22px;background:
 linear-gradient(180deg,#F3F5F2,#8E9793) 0 4px/7px 34px no-repeat,
 linear-gradient(180deg,#F3F5F2,#8E9793) 100% 4px/7px 34px no-repeat,
 radial-gradient(circle at 50% 50%,#FDFEFD 0 2px,#A4ADA9 3px,#5F6865 6px,transparent 6.5px) -3px -1px/13px 13px no-repeat,
 radial-gradient(circle at 50% 50%,#FDFEFD 0 2px,#A4ADA9 3px,#5F6865 6px,transparent 6.5px) calc(100% + 3px) -1px/13px 13px no-repeat,
 linear-gradient(180deg,var(--green) 0 3px,var(--green-d) 3px 7px,var(--tape) 7px 8px) 50% 4px/calc(100% - 12px) 8px no-repeat}
.sv-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}
.tkp{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:66px;padding:7px 8px 6px;border-radius:8px;box-shadow:inset 0 0 0 1px #000,0 0 0 2px var(--graph)}
.tkp small{font:600 9px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:#85918C}
.tkp b{font:400 19px/1 var(--f-led);color:var(--led);letter-spacing:.04em;text-shadow:0 0 6px rgb(255 90 60/.5)}
.sv h2{font-size:clamp(1.4rem,1.1rem + 1.1vw,1.95rem);line-height:1.15;margin:4px 0 0}
.sv-b>:last-child{margin-bottom:0}
.art ul,.art ol{margin:0 0 1.1em;padding:0}
.art li{margin:0 0 .55em}
.art ul>li{list-style:none;position:relative;padding-left:24px}
.art ul>li::before{content:"";position:absolute;left:3px;top:.62em;width:9px;height:9px;border-radius:2px;background:var(--green);box-shadow:0 0 0 3px var(--green-l)}
.art ol{counter-reset:o}
.art ol>li{list-style:none;position:relative;padding-left:44px;counter-increment:o;min-height:30px}
.art ol>li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:.05em;display:grid;place-items:center;width:32px;height:26px;border-radius:5px;background:var(--panel);color:var(--led-a);font:400 14px/1 var(--f-led)}
.art strong{color:var(--ink);font-weight:700}
.art table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:.95rem;display:block;overflow-x:auto}
.art th,.art td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.art th{font-family:var(--f-h);background:var(--wall)}

/* FAQ: counters */
.fq-l{display:grid;gap:10px}
.fq{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 0 var(--line-2);overflow:hidden}
.fq summary{list-style:none;display:grid;grid-template-columns:40px minmax(0,1fr) 22px;gap:12px;align-items:center;min-height:56px;padding:10px 14px;cursor:pointer;font:700 1.0625rem/1.35 var(--f-h);color:var(--ink)}
.fq summary::-webkit-details-marker{display:none}
.fq-n{display:grid;place-items:center;height:30px;border-radius:6px;background:var(--wall);color:var(--muted);font:400 15px/1 var(--f-led)}
.fq-i{width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);position:relative}
.fq-i::before,.fq-i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;margin:-1px 0 0 -5px;background:var(--ink);transition:transform .2s}
.fq-i::after{transform:rotate(90deg)}
.fq[open]{border-color:var(--green);box-shadow:0 3px 0 var(--green)}
.fq[open] .fq-n{background:var(--panel);color:var(--led);text-shadow:0 0 6px rgb(255 90 60/.5)}
.fq[open] .fq-i{background:var(--ink)}
.fq[open] .fq-i::before{background:#fff}
.fq[open] .fq-i::after{transform:rotate(0);background:#fff}
.fq summary:hover .fq-q{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.fq-a{padding:0 16px 14px 66px}
.fq-a>:last-child{margin-bottom:0}
@media (max-width:519.98px){.fq summary{grid-template-columns:34px minmax(0,1fr) 22px;gap:10px;padding:10px 12px}.fq-a{padding:0 14px 14px 14px}}

/* kiosk CTA (inner pages) */
.kiosk{margin:34px 0 0;display:grid;gap:12px;padding:18px;background:var(--graph);color:#DCE3DE;border-radius:16px 16px 8px 8px;box-shadow:0 -6px 0 var(--steel-l) inset}
.kiosk-s{border-radius:8px;padding:12px 14px;box-shadow:inset 0 0 0 1px #000}
.kiosk-s .led{font-size:clamp(17px,4vw,22px);white-space:normal;color:var(--led-a);text-shadow:0 0 6px rgb(255 181 71/.5)}
.kiosk p{margin:0;font-size:1.0625rem;color:#EEF2EF}
.kiosk .kiosk-sm{font-size:.95rem;color:#AAB5B0}
.kiosk .btn{justify-self:start;margin-bottom:8px}

/* related: kiosk service keys */
.rel{padding:48px 0 52px;background:var(--wall);border-top:1px solid var(--line)}
.rel-h{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);margin:0 0 18px}
.rel-cq{container-type:inline-size}
.rel-g{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}
@container (min-width:620px){.rel-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:980px){.rel-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rk{height:100%;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto 1fr;gap:4px 14px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 0 var(--steel-l);text-decoration:none;color:var(--ink-2);transition:transform .15s,box-shadow .15s}
.rk-c{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:8px;box-shadow:inset 0 0 0 1px #000}
.rk-c .led{font-size:24px;color:var(--led-a);text-shadow:0 0 6px rgb(255 181 71/.5)}
.rk strong{font:700 1.08rem/1.3 var(--f-h);color:var(--ink)}
.rk-d{font-size:.95rem;line-height:1.5;color:var(--muted)}
.rk:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--green);border-color:var(--green)}
.rk:hover .rk-c .led{color:var(--led)}
.note{margin:22px 0 0;font-size:.95rem;color:var(--muted);max-width:80ch}

/* ---------- footer: beam seating ---------- */
.ft{background:var(--wall-2);padding:48px 0 26px;color:#DDE3DF}
.seats{display:grid;gap:10px}
.seat{padding:22px 20px 18px;border-radius:20px 20px 6px 6px;background:radial-gradient(circle,#101614 1.7px,transparent 2.1px) 0 0/11px 11px,var(--graph);box-shadow:inset 0 -5px 0 #111715}
.seat h2{font:700 13px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--led-a);margin:0 0 8px}
.seat ul{list-style:none;margin:0;padding:0}
.seat li a{display:flex;align-items:center;min-height:44px;color:#EEF2EF;text-decoration:none;font-weight:500;border-bottom:1px solid #2C3633}
.seat li:last-child a{border-bottom:0}
.seat li a:hover{color:var(--led-a)}
.seat p{margin:14px 0 0;font-size:.95rem;line-height:1.6;color:#C3CCC7}
.tok-f{margin:0}
.beam{height:44px;margin:0 6px;background:
 linear-gradient(180deg,#DDE2DE,#98A19D 70%,#727B77) 0 0/100% 14px no-repeat,
 linear-gradient(90deg,#7C8581,#AAB2AE 50%,#6C7571) 12% 14px/12px 30px no-repeat,
 linear-gradient(90deg,#7C8581,#AAB2AE 50%,#6C7571) 88% 14px/12px 30px no-repeat,
 linear-gradient(90deg,#6C7571,#8D9692) 12% 100%/60px 4px no-repeat,
 linear-gradient(90deg,#6C7571,#8D9692) 88% 100%/60px 4px no-repeat;border-radius:3px}
.ft-b{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;color:var(--ink-2);font:600 14px/1.4 var(--f-b)}
.age{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:3px solid #C6281B;background:#fff;color:var(--ink);font:700 15px/1 var(--f-h)}
@media (min-width:760px){.seats{grid-template-columns:1.35fr 1fr 1fr}}

/* 404 */
.nf{padding:60px 0 80px;min-height:55vh}
.nf-b{display:inline-block;padding:14px 18px;border-radius:12px;margin-bottom:18px;box-shadow:0 0 0 3px var(--graph)}
.nf-b .led{font-size:56px;line-height:1}
.nf h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.2rem);margin:0 0 10px}

/* motion */
@media (prefers-reduced-motion:no-preference){
 .tok-d::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgb(255 255 255/.10) 50%,transparent 70%) no-repeat;background-size:220% 100%;background-position:160% 0;animation:scan 7s ease-in-out 1.2s infinite}
 @keyframes scan{0%{background-position:160% 0}35%,100%{background-position:-60% 0}}
 .hd.is-open .keys{animation:drop .22s ease-out}
 @keyframes drop{from{transform:translateY(-8px);opacity:.4}}
 .counter-top .led{animation:hum 3.2s ease-in-out infinite}
 @keyframes hum{50%{text-shadow:0 0 10px rgb(255 90 60/.85),0 0 1px rgb(255 90 60/.9)}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media print{.hd,.q,.ft .beam,.counter,.kiosk{display:none}}