.kiosk{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;--u:clamp(8px, 1.25vmin, 16px);--b:max(2.5px, calc(var(--u) * .28));--shelf:0 calc(var(--u) * .7) 0 var(--ink);font-size:calc(var(--u) * 1.6);color:var(--ink);background:radial-gradient(circle at 6% 12%,#3fb3c629 0 9vmin,#0000 9.2vmin),radial-gradient(circle at 95% 84%,#f1645a24 0 12vmin,#0000 12.2vmin),radial-gradient(circle at 90% 9%,#f0b42933 0 5vmin,#0000 5.2vmin),radial-gradient(circle at 4% 90%,#6fbf4a26 0 6vmin,#0000 6.2vmin),radial-gradient(120% 90% at 50% 40%,#f7eedd 0%,#f2e6d0 55%,#e6d5b8 100%);position:fixed;inset:0;overflow:hidden}.kiosk button{font:inherit;letter-spacing:.03em;min-height:calc(var(--u) * 6.4);color:var(--ink);cursor:pointer;border-radius:999px;font-weight:700}.kiosk .cta,.kiosk .ghost,.kiosk .surprise{border:var(--b) solid var(--ink);box-shadow:var(--shelf);padding:0 calc(var(--u) * 3.2);transition:transform 70ms,box-shadow 70ms}.kiosk .cta{background:var(--coral);color:#fff;border-radius:999px}.kiosk .ghost{background:var(--card)}.kiosk .surprise{background:var(--gold);font-size:calc(var(--u) * 2);min-height:calc(var(--u) * 7.6)}.kiosk .cta:active:not(:disabled),.kiosk .ghost:active,.kiosk .surprise:active,.key:active:not(:disabled),.uae-chip:active{transform:translateY(calc(var(--u) * .5));box-shadow:0 calc(var(--u) * .2) 0 var(--ink)}.kiosk .cta:disabled{opacity:.45}.kiosk .panel{z-index:2;animation:.32s cubic-bezier(.2,.9,.3,1.2) both rise;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(calc(var(--u) * 2.5))}}.wordmark{z-index:3;top:max(calc(var(--u) * 2.2), env(safe-area-inset-top));left:max(calc(var(--u) * 3), env(safe-area-inset-left));font-size:calc(var(--u) * 3);letter-spacing:-.01em;pointer-events:none;align-items:center;gap:.22em;margin:0;font-weight:700;display:flex;position:absolute}.wordmark .c{color:var(--coral)}.wordmark .n{color:var(--ink)}.wordmark .t{color:var(--teal)}.wordmark .g{color:var(--gold);margin-left:-.22em}.wordmark img{border-radius:.28em;width:auto;height:1.25em;margin-right:.2em}.wordmark span{letter-spacing:.14em;background:var(--ink);color:var(--card);border-radius:99px;margin-left:.5em;padding:.32em .8em;font-size:.46em}.attract{z-index:2;pointer-events:none;text-align:center;padding:calc(var(--u) * 8.5) calc(var(--u) * 4) calc(var(--u) * 5);background:0 0;border:0;grid-template-rows:auto auto 1fr auto;justify-items:center;display:grid;position:absolute;inset:0;border-radius:0!important}.attract .headline{letter-spacing:-.01em;font-size:clamp(34px,7.4vmin,100px);font-weight:700;line-height:1;animation:.7s cubic-bezier(.2,.9,.3,1.1) .4s both rise}.attract .headline em{color:var(--coral);font-style:normal}.attract .sub{color:var(--ink-soft);margin-top:calc(var(--u) * 1.2);font-size:clamp(16px,2.5vmin,30px);font-weight:500;animation:.7s .6s both rise}.attract .sub.tap{margin-top:calc(var(--u) * 1.8);letter-spacing:.03em;color:var(--ink);background:var(--card);border:var(--b) solid var(--ink);border-radius:calc(var(--u) * 2.2);padding:.45em 1.1em;font-size:clamp(17px,3vmin,36px);font-weight:700;animation:.7s .6s both rise,1.8s ease-in-out 1.4s infinite bob;position:relative}.attract .sub.tap:after{content:"";background:var(--card);border:var(--b) solid var(--ink);border-top:0;border-left:0;width:.7em;height:.7em;margin:-.38em 0 0 -.35em;position:absolute;top:100%;left:50%;transform:rotate(45deg)}.attract.playing .sub.tap:after{display:none}.attract .sub.tap em{color:var(--coral);font-style:normal}@keyframes bob{50%{transform:translateY(calc(var(--u) * .7))}}.attract .cta.big{pointer-events:auto;min-height:calc(var(--u) * 10);padding:0 calc(var(--u) * 8);box-shadow:0 calc(var(--u) * 1) 0 var(--ink);grid-row:4;place-items:center;font-size:clamp(22px,3.8vmin,46px);display:grid}.attract .cta.breathe{animation:1.1s ease-in-out breathe}.attract.playing .cta.breathe{animation:1.3s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.07)}}.flag{width:calc(var(--u) * 5.4);height:calc(var(--u) * 3.6);border-radius:calc(var(--u) * .7);border:var(--b) solid var(--ink);background:linear-gradient(90deg,red 0 26%,#0000 26%),linear-gradient(#00732f 0 33.4%,#fff 33.4% 66.7%,#000 66.7%);flex:none;display:inline-block}.flag.wide{width:calc(var(--u) * 9);height:calc(var(--u) * 5.4)}.uae-chip{z-index:3;right:max(calc(var(--u) * 3), env(safe-area-inset-right));bottom:max(calc(var(--u) * 5), env(safe-area-inset-bottom));align-items:center;gap:calc(var(--u) * 1.4);text-align:left;background:var(--card);border:var(--b) solid var(--ink);box-shadow:var(--shelf);padding:calc(var(--u) * 1) calc(var(--u) * 2.4) calc(var(--u) * 1) calc(var(--u) * 1.2);font-size:calc(var(--u) * 2.1);line-height:1.1;transition:transform 70ms,box-shadow 70ms;display:flex;position:absolute;border-radius:calc(var(--u) * 2.4)!important}.uae-chip small{letter-spacing:.08em;text-transform:uppercase;color:var(--coral);margin-bottom:.2em;font-size:.58em;font-weight:600;display:block}.uae{top:50%;right:max(calc(var(--u) * 3), env(safe-area-inset-right));width:min(30vw, calc(var(--u) * 38));background:var(--card);border:var(--b) solid var(--ink);border-radius:calc(var(--u) * 3.4);box-shadow:0 calc(var(--u) * 1.1) 0 var(--ink);padding:calc(var(--u) * 3);animation:none;transform:translateY(-50%)}.uae h1{font-size:calc(var(--u) * 3.4);margin:calc(var(--u) * .4) 0 calc(var(--u) * 1);line-height:1.05}.uae .eyebrow{margin:calc(var(--u) * 1.6) 0 0;font-size:calc(var(--u) * 1.4);letter-spacing:.1em;text-transform:uppercase;color:var(--coral);font-weight:600}.uae p{margin:0 0 calc(var(--u) * 1.4);color:var(--ink-soft);font-size:calc(var(--u) * 1.75)}.uae .price{color:var(--ink);font-size:calc(var(--u) * 3.2);font-weight:700}.uae .pill{color:var(--ink);display:inline-block}.actions.col{margin-top:calc(var(--u) * 1);flex-direction:column}.icon{z-index:3;top:max(calc(var(--u) * 2), env(safe-area-inset-top));right:max(calc(var(--u) * 2.5), env(safe-area-inset-right));width:calc(var(--u) * 6.4);background:var(--card);border:var(--b) solid var(--ink);box-shadow:0 calc(var(--u) * .45) 0 var(--ink);font-size:calc(var(--u) * 2.4);padding:0;position:absolute}.name-panel{padding:0 calc(var(--u) * 3) max(calc(var(--u) * 2.6), env(safe-area-inset-bottom));gap:calc(var(--u) * 1.5);justify-items:center;display:grid;bottom:0;left:0;right:0}.hint{font-weight:600;font-size:calc(var(--u) * 2.1);color:var(--ink-soft);margin:0}.keyboard{gap:calc(var(--u) * 1.2);width:min(100%, calc(var(--u) * 104));display:grid}.keyboard .row{justify-content:center;gap:calc(var(--u) * 1.1);display:flex}.key{text-transform:uppercase;flex:0 1 calc(var(--u) * 8.6);background:var(--card);border:var(--b) solid var(--ink);min-width:0;box-shadow:0 calc(var(--u) * .6) 0 var(--ink);padding:0;font-variant-caps:normal;line-height:1;transition:transform 50ms,box-shadow 50ms;min-height:max(56px, calc(var(--u) * 7.6))!important;font-weight:600!important;font-size:calc(var(--u) * 3.3)!important;border-radius:calc(var(--u) * 1.8)!important}.keyboard .row:first-child .key:nth-child(3n+1),.keyboard .row:nth-child(2) .key:nth-child(3n+2),.keyboard .row:nth-child(3) .key:nth-child(3n){background:#dff0ee}.keyboard .row:first-child .key:nth-child(3n+2),.keyboard .row:nth-child(2) .key:nth-child(3n),.keyboard .row:nth-child(3) .key:nth-child(3n+1){background:#f9dfd6}.key:disabled{opacity:.4}.key.wide{flex-basis:calc(var(--u) * 14);background:var(--gold)!important}.actions{gap:calc(var(--u) * 1.8);justify-content:center;width:100%;display:flex}.rail{top:calc(var(--u) * 10.5);right:max(calc(var(--u) * 2.5), env(safe-area-inset-right));bottom:calc(var(--u) * 13.5);width:min(33vw, calc(var(--u) * 46));gap:calc(var(--u) * 1.8);background:var(--card);border:var(--b) solid var(--ink);border-radius:calc(var(--u) * 3.4);box-shadow:0 calc(var(--u) * 1.1) 0 var(--ink);padding:calc(var(--u) * 2.2);grid-template-rows:auto auto auto 1fr;align-content:start;display:grid}.zones{gap:calc(var(--u) * .9);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.zone{background:var(--card);border:var(--b) solid var(--line);justify-items:center;gap:calc(var(--u) * .5);min-width:0;padding:calc(var(--u) * 1) 0;font-size:calc(var(--u) * 1.4);display:grid;border-radius:calc(var(--u) * 1.8)!important}.zone i,.vibe i{width:calc(var(--u) * 2.8);height:calc(var(--u) * 2.8);border:2px solid var(--ink);border-radius:50%;display:block}.zone.on{border-color:var(--ink);background:var(--teal);color:#fff;box-shadow:0 calc(var(--u) * .45) 0 var(--ink)}.swatches{gap:calc(var(--u) * 1.3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.swatch{aspect-ratio:1;border:var(--b) solid var(--ink);box-shadow:0 calc(var(--u) * .35) 0 var(--ink);padding:0;transition:transform .12s;min-height:0!important}.swatch.on{box-shadow:0 0 0 calc(var(--u) * .45) var(--card), 0 0 0 calc(var(--u) * .85) var(--coral);transform:scale(.82)}.vibes{gap:calc(var(--u) * .9);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.vibe{background:var(--card);border:var(--b) solid var(--line);min-width:0;padding:0 calc(var(--u) * .6);font-size:calc(var(--u) * 1.35);justify-content:center;align-items:center;font-weight:600;display:flex;min-height:calc(var(--u) * 5.4)!important}.vibe i{width:calc(var(--u) * 1.6);height:calc(var(--u) * 1.6);margin-right:calc(var(--u) * -.45);border-width:1.5px}.vibe span{margin-left:calc(var(--u) * 1.1)}.surprise{align-self:end}.bar{left:max(calc(var(--u) * 2.5), env(safe-area-inset-left));right:max(calc(var(--u) * 2.5), env(safe-area-inset-right));bottom:max(calc(var(--u) * 2.8), env(safe-area-inset-bottom));align-items:center;gap:calc(var(--u) * 2);display:flex}.pill{padding:calc(var(--u) * .9) calc(var(--u) * 1.8);background:var(--card);border:2px solid var(--line);font-size:calc(var(--u) * 1.35);letter-spacing:.04em;border-radius:99px;margin:0;font-weight:600}.price{font-size:calc(var(--u) * 3.2);margin:0 0 0 auto;font-weight:700}.bar .err{font-size:calc(var(--u) * 1.5);margin:0}.qr{top:50%;right:max(calc(var(--u) * 4), env(safe-area-inset-right));width:min(40vw, calc(var(--u) * 46));background:var(--card);border:var(--b) solid var(--ink);border-radius:calc(var(--u) * 3.4);padding:calc(var(--u) * 3);text-align:center;box-shadow:0 calc(var(--u) * 1.1) 0 var(--ink);animation:none;transform:translateY(-50%)}.qr h1{font-size:calc(var(--u) * 2.9);margin:0 0 calc(var(--u) * 1.5)}.qr img{width:min(100%, max(240px, calc(var(--u) * 30)));aspect-ratio:1;height:auto;image-rendering:pixelated;border:2px dashed var(--line);border-radius:calc(var(--u) * 1.6);padding:calc(var(--u) * .6);background:#fff}.qr .what{margin:calc(var(--u) * 1) 0;font-size:calc(var(--u) * 2.1)}.qr small{color:var(--ink-soft);font-size:.7em}.qr ol{margin:0 0 calc(var(--u) * 2);font-size:calc(var(--u) * 1.5);color:var(--ink-soft);gap:calc(var(--u) * 1.6);flex-wrap:wrap;justify-content:center;padding:0;font-weight:600;list-style-position:inside;display:flex}.kiosk .tall{width:100%;min-height:calc(var(--u) * 11);font-size:calc(var(--u) * 2.2);margin-top:calc(var(--u) * 1.8);align-content:center;place-items:center;gap:.15em;display:grid}.kiosk .tall small{letter-spacing:0;opacity:.9;font-size:.62em;font-weight:500}.kiosk .link{min-height:calc(var(--u) * 5);margin-top:calc(var(--u) * 1);color:var(--ink-soft);background:0 0;border:0;font-weight:600}.ticket .eyebrow{font-size:calc(var(--u) * 1.5);letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin:0;font-weight:600}.ticket .ref{margin:calc(var(--u) * 1) 0;font-size:calc(var(--u) * 6.4);letter-spacing:.12em;padding:calc(var(--u) * 1.6) 0;border:var(--b) dashed var(--ink);border-radius:calc(var(--u) * 2);background:#fff;font-weight:700;line-height:1}.ticket .steps,.qr ol{margin:0 0 calc(var(--u) * 1.6)}.ticket .pill{margin-bottom:calc(var(--u) * 1.8);display:inline-block}.dev-banner{z-index:6;font-weight:700;font-size:calc(var(--u) * 1.3);background:#fff3c4;border:2px dashed #b58900;border-bottom:0;border-radius:12px 12px 0 0;margin:0;padding:.3em 1.2em;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.kiosk .diag{z-index:7;color:#fff;letter-spacing:0;text-align:left;background:#1f3a5fdb;border:0;border-radius:0 0 10px;max-width:100%;min-height:0;padding:4px 10px;font:600 11px/1.5 ui-monospace,Menlo,monospace;position:absolute;top:0;left:0}.warn{z-index:5;top:calc(var(--u) * 3);background:var(--ink);padding:0 calc(var(--u) * 3);border:0;position:absolute;left:50%;transform:translate(-50%);color:#fff!important}.flat{place-items:center;display:grid;position:absolute;inset:0}.flat-base{border:var(--b) solid var(--ink);box-shadow:0 1.4vmin 0 var(--ink);border-radius:3vmin;gap:1.2vmin;padding:2.4vmin 2.4vmin 2.4vmin 9vmin;display:flex}.flat-base span{border:2px solid var(--ink);border-radius:1.6vmin;place-items:center;width:8vmin;height:8vmin;font-size:5vmin;font-weight:700;display:grid}@media (prefers-reduced-motion:reduce){.kiosk .panel,.attract .headline,.attract .sub,.attract .sub.tap,.attract .cta.breathe,.attract.playing .cta.breathe{animation:none}}