*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-height:100dvh;background:radial-gradient(circle at 18% 12%,rgba(34,211,238,.28),transparent 28rem),radial-gradient(circle at 82% 18%,rgba(217,70,239,.22),transparent 24rem),linear-gradient(145deg,#030712,#08111f 48%,#11071f);color:#e8fbff;font-family:SF Pro Text,system-ui,-apple-system,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(34,211,238,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.035) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at 50% 35%,black,transparent 78%);mask-image:radial-gradient(circle at 50% 35%,black,transparent 78%)}@keyframes controller-scan{to{transform:translateY(200%)}}@keyframes status-dot-live{0%,to{box-shadow:0 0 10px #22c55ee6}50%{box-shadow:0 0 22px 4px #22c55e8c}}@keyframes status-dot-waiting{0%,to{opacity:1}50%{opacity:.35}}@keyframes drop-btn-pulse{0%,to{box-shadow:0 18px 44px #c026d34d,0 0 28px #ef44443d}50%{box-shadow:0 18px 52px #c026d3a6,0 0 52px #ef44447a,0 0 90px #c026d333;transform:scale(1.012)}}@keyframes win-flash-in{0%{opacity:0;transform:scale(.92)}18%{opacity:1;transform:scale(1.04)}35%{transform:scale(1)}80%{opacity:1}to{opacity:0}}@keyframes win-badge{0%{transform:scale(.6) rotate(-8deg);opacity:0}20%{transform:scale(1.12) rotate(3deg);opacity:1}35%{transform:scale(.95) rotate(-1deg)}50%{transform:scale(1.05) rotate(1deg)}65%{transform:scale(1) rotate(0)}85%{opacity:1}to{opacity:0}}@keyframes joystick-ring-pulse{0%,to{box-shadow:0 0 42px #22d3ee2e,inset 0 0 54px #00000094,inset 0 0 20px #22d3ee1f}50%{box-shadow:0 0 70px #22d3ee80,inset 0 0 54px #00000094,inset 0 0 34px #22d3ee47}}@keyframes title-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes corner-blink{0%,to{opacity:.55}50%{opacity:1}}.controller-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));position:relative}.controller-win-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 44%,rgba(251,191,36,.38),transparent 55%),radial-gradient(circle at 50% 50%,rgba(192,38,211,.55),transparent 72%),#030712d1;pointer-events:none;animation:win-flash-in 2s ease forwards}.controller-win-inner{text-align:center;animation:win-badge 2s ease forwards}.controller-win-label{margin:0 0 .35rem;font-size:clamp(2.8rem,14vw,5.5rem);font-weight:950;letter-spacing:-.04em;text-transform:uppercase;background:linear-gradient(92deg,#fef08a,#fbbf24 35%,#fb923c 65%,#f43f5e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 32px rgba(251,191,36,.85))}.controller-win-prize{margin:0;color:#e0f2fe;font-size:clamp(.95rem,4vw,1.35rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 18px rgba(34,211,238,.8)}.controller-header{text-align:center;margin-bottom:.65rem;flex-shrink:0}.controller-kicker{margin:0 0 .2rem;color:#22d3ee;font-size:.68rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;text-shadow:0 0 18px rgba(34,211,238,.95)}.controller-title{font-size:clamp(1.55rem,7vw,2.4rem);font-weight:950;letter-spacing:-.045em;margin:0 0 .3rem;text-transform:uppercase;background:linear-gradient(92deg,#e0faff,#67e8f9 18%,#f0abfc 48%,#fff7ed 68%,#67e8f9 82%,#e0faff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-shimmer 5s linear infinite;filter:drop-shadow(0 0 14px rgba(34,211,238,.28))}.controller-status-card{width:fit-content;max-width:min(92vw,22rem);margin:0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.42rem .75rem;border:1px solid rgba(34,211,238,.34);border-radius:999px;background:#030712b8;color:#cffafe;box-shadow:0 0 22px #22d3ee1a,inset 0 0 14px #22d3ee0d;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.controller-status-card.is-live{border-color:#4ade808c;color:#bbf7d0;box-shadow:0 0 28px #22c55e29,inset 0 0 16px #22c55e12}.controller-status-card.is-error{border-color:#f8717199;color:#fecaca}.controller-status-dot{width:.55rem;height:.55rem;border-radius:999px;background:#fbbf24;animation:status-dot-waiting 1.1s ease-in-out infinite}.controller-status-card.is-live .controller-status-dot{background:#22c55e;animation:status-dot-live 1.8s ease-in-out infinite}.controller-status-card.is-error .controller-status-dot{background:#ef4444;animation:none;box-shadow:0 0 14px #ef4444e6}.controller-relay-error{font-size:.75rem;line-height:1.35;color:#fca5a5;margin:.4rem 0 0;max-width:22rem;margin-left:auto;margin-right:auto}.controller-debug{width:fit-content;max-width:min(92vw,28rem);margin:.4rem auto 0;color:#e2e8f09e;font-size:.68rem}.controller-debug summary{cursor:pointer}.controller-session{font-size:.68rem;opacity:.5;margin:.25rem 0 0}.controller-session code{background:#ffffff0f;padding:.1rem .35rem;border-radius:5px}.controller-ws-endpoint{display:block;font-size:.6rem;opacity:.7}.controller-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.85rem;user-select:none;-webkit-user-select:none}.controller-panels{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%}.controller-joystick-panel{display:flex;align-items:center;justify-content:center}.controller-action-panel{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.controller-micro-hud{display:grid;grid-template-columns:.7fr 1fr .8fr;gap:.4rem;width:min(92vw,28rem)}.controller-hud-chip{min-height:52px;padding:.52rem .6rem;border:1px solid rgba(103,232,249,.22);border-radius:16px;background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.12),transparent 65%),#02061799;box-shadow:inset 0 0 18px #22d3ee0d}.controller-hud-chip span,.controller-hud-chip strong{display:block}.controller-hud-chip span{color:#cffafe9e;font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.controller-hud-chip strong{margin-top:.18rem;color:#f8fdff;font-size:.78rem;line-height:1.05;text-transform:uppercase}.controller-hud-chip--credits strong{color:#67e8f9;font-size:1.2rem;text-shadow:0 0 18px rgba(34,211,238,.7)}.controller-hud-chip.is-ready{border-color:#4ade8070;box-shadow:0 0 22px #22c55e1a,inset 0 0 18px #22c55e14}.controller-prize-ribbon{display:flex;gap:.45rem;width:min(92vw,28rem);padding:.1rem .05rem .3rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.controller-prize-ribbon::-webkit-scrollbar{display:none}.controller-prize-ribbon--empty{justify-content:center;color:#cffafe73;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.controller-prize-chip{flex:0 0 8.5rem;min-height:54px;padding:.55rem .65rem;border:1px solid rgba(103,232,249,.28);border-radius:16px;background:linear-gradient(135deg,#22d3ee1a,#7c3aed1a),#020617ad;box-shadow:0 0 18px #22d3ee12,inset 0 0 14px #ffffff08}.controller-prize-chip--legendary{border-color:#fbbf248f;box-shadow:0 0 22px #fbbf2424,inset 0 0 18px #fbbf240f}.controller-prize-chip--epic{border-color:#c084fc8f;box-shadow:0 0 22px #c084fc24,inset 0 0 18px #c084fc0f}.controller-prize-chip--rare{border-color:#38bdf880}.controller-prize-chip__name,.controller-prize-chip__meta{display:block}.controller-prize-chip__name{color:#f8fdff;font-size:.74rem;font-weight:950;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controller-prize-chip__meta{margin-top:.28rem;color:#cffafe9e;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.controller-stage{position:relative;width:min(92vw,28rem);padding:.85rem .85rem .75rem;border:1px solid rgba(34,211,238,.24);border-radius:26px;background:linear-gradient(180deg,#0f172ad1,#030712b3),radial-gradient(circle at 50% 0%,rgba(34,211,238,.16),transparent 70%);box-shadow:0 22px 60px #0000006b,0 0 44px #22d3ee1a,inset 0 0 24px #22d3ee0f;overflow:hidden}.controller-stage:before,.controller-stage:after{content:"";position:absolute;width:18px;height:18px;border-color:#22d3eeb3;border-style:solid;animation:corner-blink 2.4s ease-in-out infinite}.controller-stage:before{top:7px;left:7px;border-width:2px 0 0 2px;border-radius:3px 0 0}.controller-stage:after{bottom:7px;right:7px;border-width:0 2px 2px 0;border-radius:0 0 3px}.controller-stage__scanline{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(34,211,238,.07) 50%,transparent 100%);transform:translateY(-100%);animation:controller-scan 4s linear infinite}.controller-stage__label{position:relative;z-index:1;margin:0 0 .7rem;text-align:center;color:#cffafeb3;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.joystick-area{width:min(70vw,18.5rem);height:min(70vw,18.5rem);max-width:296px;max-height:296px;margin:0 auto;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.12),transparent 22%),radial-gradient(circle at 50% 45%,#d946ef1f,#0f172ab8 68%,#030712eb);border:1.5px solid rgba(103,232,249,.32);border-radius:50%;position:relative;touch-action:none;box-shadow:0 0 42px #22d3ee2e,inset 0 0 54px #00000094,inset 0 0 20px #22d3ee1f;overflow:hidden;transition:box-shadow .18s ease}.joystick-area.is-active{animation:joystick-ring-pulse .7s ease-in-out infinite;border-color:#67e8f99e}.joystick-grid{position:absolute;inset:10%;border-radius:50%;background:linear-gradient(rgba(103,232,249,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.13) 1px,transparent 1px);background-size:18px 18px;opacity:.45;-webkit-mask-image:radial-gradient(circle,black 44%,transparent 72%);mask-image:radial-gradient(circle,black 44%,transparent 72%)}.joystick-ring{position:absolute;inset:13%;border-radius:50%;border:1px dashed rgba(103,232,249,.36)}.joystick-ring--inner{inset:32%;border-style:solid;border-color:#f0abfc5c}.joystick-axis{position:absolute;z-index:2;color:#cffafe7a;font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transition:color .12s,text-shadow .12s}.joystick-axis--north{top:.65rem;left:50%;transform:translate(-50%)}.joystick-axis--south{bottom:.65rem;left:50%;transform:translate(-50%)}.joystick-axis--west{left:.55rem;top:50%;transform:translateY(-50%) rotate(-90deg)}.joystick-axis--east{right:.55rem;top:50%;transform:translateY(-50%) rotate(90deg)}.joystick-knob{width:clamp(78px,22vw,100px);height:clamp(78px,22vw,100px);background:radial-gradient(circle at 36% 26%,rgba(255,255,255,.82),transparent 14%),radial-gradient(circle at 50% 55%,#22d3eee6,#7c3aede6 58%,#0f172afa);border:1.5px solid rgba(226,232,240,.36);border-radius:50%;position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 14px 30px #00000080,0 0 30px #22d3ee80,inset 0 0 22px #ffffff24;transition:box-shadow .12s ease;will-change:transform}.joystick-area.is-active .joystick-knob{box-shadow:0 14px 30px #00000080,0 0 44px #22d3eecc,0 0 16px #c026d380,inset 0 0 22px #ffffff2e}.action-btn{min-width:min(88vw,22rem);min-height:80px;padding:.9rem 2rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.06rem;letter-spacing:.12em;background:linear-gradient(180deg,rgba(254,202,202,.18),transparent 38%),linear-gradient(135deg,#ef4444,#c026d3 52%,#7c3aed);color:#fff;border:1.5px solid rgba(254,202,202,.35);border-radius:22px;cursor:pointer;touch-action:manipulation;box-shadow:0 18px 44px #c026d347,0 0 28px #ef444438;transition:transform .08s ease,box-shadow .15s ease}.action-btn--ready{animation:drop-btn-pulse 1.6s ease-in-out infinite}.action-btn__eyebrow{font-size:.58rem;font-weight:900;opacity:.72;text-transform:uppercase;letter-spacing:.18em}.action-btn__label{font-size:1.35rem;font-weight:950;text-transform:uppercase;line-height:1}.action-btn:active:not(:disabled){transform:scale(.965);box-shadow:0 8px 24px #c026d366,0 0 50px #ef444459}.action-btn:disabled{opacity:.38;cursor:not-allowed;transform:none;animation:none;box-shadow:none}.controller-event-card{width:min(92vw,28rem);margin:0;padding:.65rem .85rem;border:1px solid rgba(34,211,238,.28);border-radius:16px;background:#020617a3;color:#cffafe;font-size:.78rem;font-weight:800;line-height:1.35;text-align:center;box-shadow:0 0 22px #22d3ee17}.credit-console{position:relative;width:min(92vw,28rem);padding:1rem;border:1px solid rgba(217,70,239,.34);border-radius:24px;background:radial-gradient(circle at 18% 0%,rgba(34,211,238,.2),transparent 55%),radial-gradient(circle at 86% 20%,rgba(217,70,239,.22),transparent 52%),linear-gradient(145deg,#0f172ae0,#030712c7);box-shadow:0 20px 60px #0000006b,0 0 38px #d946ef21,inset 0 0 26px #22d3ee0d;overflow:hidden}.credit-console:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent),linear-gradient(rgba(34,211,238,.04) 1px,transparent 1px);background-size:100% 100%,100% 14px;opacity:.7}.credit-console>*{position:relative;z-index:1}.credit-console--drawer{padding-top:.75rem}.credit-console__summary{position:relative;z-index:2;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;color:#e0faff;font-size:.75rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.credit-console__summary::-webkit-details-marker{display:none}.credit-console__summary strong{color:#67e8f9;font-size:.65rem}.credit-console__kicker{margin:0 0 .18rem;color:#67e8f9;font-size:.65rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.credit-console__title{margin:0;font-size:clamp(1.15rem,5vw,1.65rem);line-height:1;text-transform:uppercase;letter-spacing:-.04em;color:#f8fdff;text-shadow:0 0 20px rgba(34,211,238,.3)}.credit-console__copy{margin:.4rem 0 0;color:#cffafea6;font-size:.75rem;line-height:1.35}.credit-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.85rem}.credit-pack{min-height:64px;border:1px solid rgba(103,232,249,.28);border-radius:16px;background:linear-gradient(180deg,#22d3ee1a,#7c3aed14),#0206179e;color:#cffafe;cursor:pointer;box-shadow:inset 0 0 18px #22d3ee0a;transition:border-color .12s,box-shadow .12s}.credit-pack span,.credit-pack small{display:block}.credit-pack span{font-size:1.3rem;font-weight:950;line-height:1}.credit-pack small{margin-top:.16rem;color:#cffafe8c;font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.credit-pack.is-selected{border-color:#22d3eed9;color:#fff;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.22),transparent 42%),linear-gradient(135deg,#22d3ee6b,#c026d352);box-shadow:0 0 24px #22d3ee38,inset 0 0 20px #ffffff14}.checkout-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:.5rem;margin-top:.7rem}.checkout-btn{min-height:48px;border-radius:14px;border:1px solid rgba(226,232,240,.2);color:#fff;font-weight:950;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .12s}.checkout-btn--primary{background:linear-gradient(135deg,#22d3ee,#7c3aed 55%,#c026d3);box-shadow:0 12px 32px #22d3ee33,0 0 22px #c026d32b}.checkout-btn--ghost{background:#0f172ab8;border-color:#67e8f952;color:#cffafe}.checkout-btn:disabled,.credit-pack:disabled{opacity:.44;cursor:not-allowed;box-shadow:none}.checkout-message{margin:.6rem 0 0;color:#fef3c7;font-size:.7rem;line-height:1.35}.pairing-card{position:relative;width:min(92vw,28rem);padding:1.25rem 1.5rem;border:1px solid rgba(34,211,238,.24);border-radius:28px;background:linear-gradient(180deg,#0f172ad1,#030712b3),radial-gradient(circle at 50% 0%,rgba(34,211,238,.18),transparent 70%);box-shadow:0 24px 70px #00000070,0 0 50px #22d3ee21,inset 0 0 28px #22d3ee12;overflow:hidden;text-align:center}.controller-hint{font-size:.68rem;color:#cffafe80;text-align:center;max-width:22rem;line-height:1.4;margin:0}.controller-top-prize{width:min(92vw,28rem);padding:.75rem .9rem;border:1.5px solid rgba(103,232,249,.38);border-left-width:4px;border-radius:16px;background:radial-gradient(circle at 0% 50%,rgba(34,211,238,.14),transparent 60%),#020617ad;box-shadow:0 0 22px #22d3ee17,inset 0 0 18px #22d3ee0a;display:grid;gap:.18rem}.controller-top-prize--legendary{border-color:#fbbf24b3;border-left-color:#fbbf24;background:radial-gradient(circle at 0% 50%,rgba(251,191,36,.18),transparent 60%),#020617ad;box-shadow:0 0 28px #fbbf2424,inset 0 0 20px #fbbf240f}.controller-top-prize--epic{border-color:#c084fc99;border-left-color:#c084fc;background:radial-gradient(circle at 0% 50%,rgba(192,132,252,.18),transparent 60%),#020617ad;box-shadow:0 0 28px #c084fc1f,inset 0 0 20px #c084fc0d}.controller-top-prize--rare{border-color:#38bdf894;border-left-color:#38bdf8;background:radial-gradient(circle at 0% 50%,rgba(56,189,248,.16),transparent 60%),#020617ad}.controller-top-prize__eyebrow{color:#cffafe8c;font-size:.55rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.controller-top-prize__name{color:#f8fdff;font-size:1.05rem;font-weight:950;line-height:1.1;letter-spacing:-.02em}.controller-top-prize--legendary .controller-top-prize__name{background:linear-gradient(92deg,#fef08a,#fbbf24 40%,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(251,191,36,.5))}.controller-top-prize--epic .controller-top-prize__name{background:linear-gradient(92deg,#e9d5ff,#c084fc 45%,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.controller-top-prize__meta{color:#cffafe8c;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.controller-prize-chip.is-empty{opacity:.4}.add-credits-trigger{width:min(92vw,28rem);min-height:46px;padding:.55rem .85rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(103,232,249,.3);border-radius:14px;background:#02061785;color:#cffafe;font-size:.78rem;font-weight:900;letter-spacing:.06em;cursor:pointer;transition:border-color .15s,background .15s}.add-credits-trigger:hover,.add-credits-trigger:focus-visible{border-color:#67e8f999;background:#22d3ee12}.add-credits-trigger.needs-credits{border-color:#fbbf24a6;background:#fbbf240f;color:#fef3c7;animation:drop-btn-pulse 1.8s ease-in-out infinite}.add-credits-trigger__selected{color:#cffafe80;font-size:.68rem}@keyframes sheet-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.credit-sheet-overlay{position:fixed;inset:0;z-index:7999;background:#00000094;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.credit-sheet{position:fixed;bottom:0;left:0;right:0;z-index:8000;max-height:86vh;overflow-y:auto;padding:1.1rem 1.25rem max(1.25rem,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border:1px solid rgba(34,211,238,.22);border-bottom:none;background:radial-gradient(circle at 18% 0%,rgba(34,211,238,.18),transparent 55%),radial-gradient(circle at 86% 10%,rgba(217,70,239,.2),transparent 52%),linear-gradient(170deg,#0c122af5,#030712fa);box-shadow:0 -20px 60px #0000008c,0 0 38px #22d3ee1a;transform:translateY(100%);transition:transform .34s cubic-bezier(.32,.72,0,1);will-change:transform}.credit-sheet.is-open{transform:translateY(0)}.credit-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.credit-sheet__close{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(103,232,249,.28);background:#22d3ee14;color:#cffafe;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.credit-sheet__close:hover{background:#22d3ee29}.credit-sheet__kicker{margin:0 0 .18rem;color:#67e8f9;font-size:.62rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.credit-sheet__title{margin:0;font-size:clamp(1.2rem,5vw,1.6rem);font-weight:950;letter-spacing:-.04em;text-transform:uppercase;color:#f8fdff;text-shadow:0 0 20px rgba(34,211,238,.28)}.credit-sheet__copy{margin:0 0 .85rem;color:#cffafe9e;font-size:.74rem;line-height:1.4}.checkout-actions--sheet{grid-template-columns:1fr;margin-bottom:.75rem}.cashier-tip{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .8rem;border:1px solid rgba(251,191,36,.28);border-radius:14px;background:#fbbf240d;color:#fef3c7d1;font-size:.73rem;line-height:1.38;margin-bottom:.5rem}.cashier-tip strong{color:#fef3c7}.cashier-tip__icon{flex-shrink:0;font-size:1.05rem;line-height:1.38}@media screen and (orientation:landscape)and (max-height:520px){.controller-shell{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.controller-header{margin-bottom:.4rem}.controller-title{font-size:clamp(1.1rem,4.5vw,1.6rem);margin-bottom:.2rem}.controller-kicker{font-size:.6rem;margin-bottom:.1rem}.controller-status-card{padding:.3rem .6rem;font-size:.68rem}.controller-main{flex-direction:row;align-items:flex-start;justify-content:center;gap:1rem;flex:1}.controller-panels{flex-direction:row;align-items:center;justify-content:center;gap:1rem;flex:1;max-width:none}.controller-joystick-panel{flex-shrink:0}.controller-action-panel{flex:1;max-width:20rem;gap:.55rem;align-items:stretch}.joystick-area{width:min(42vh,15rem);height:min(42vh,15rem);max-width:240px;max-height:240px}.controller-stage{padding:.6rem .65rem .55rem;border-radius:20px}.controller-stage__label{font-size:.6rem;margin-bottom:.4rem}.action-btn{min-height:64px;min-width:0;width:100%;padding:.7rem 1.2rem}.action-btn__label{font-size:1.1rem}.controller-micro-hud{width:100%;gap:.35rem}.controller-hud-chip{min-height:44px;padding:.42rem .5rem}.controller-hud-chip--credits strong{font-size:1rem}.controller-prize-ribbon{width:100%;margin:0}.controller-top-prize,.add-credits-trigger{width:100%}.credit-sheet{inset:0 0 0 auto;max-height:none;width:min(90vw,22rem);border-radius:18px 0 0 18px;border:1px solid rgba(34,211,238,.22);border-right:none;transform:translate(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.credit-sheet.is-open{transform:translate(0)}}@media screen and (orientation:portrait)and (max-height:780px){.controller-shell{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.controller-header{margin-bottom:.35rem}.controller-kicker{font-size:.6rem;margin-bottom:.1rem}.controller-title{font-size:clamp(1.2rem,6vw,1.7rem);margin-bottom:.2rem}.controller-status-card{padding:.32rem .6rem;font-size:.68rem}.controller-main{gap:.55rem}.joystick-area{width:min(62vw,16rem);height:min(62vw,16rem);max-width:256px;max-height:256px}.controller-micro-hud{gap:.3rem}.controller-hud-chip{min-height:46px;padding:.44rem .55rem}.controller-hud-chip--credits strong{font-size:1rem}.controller-top-prize{padding:.55rem .75rem}.controller-top-prize__name{font-size:.92rem}.action-btn{min-height:68px}.action-btn__label{font-size:1.15rem}}@media screen and (orientation:portrait)and (max-width:480px){.controller-shell:after{content:"↻ Rotate for best experience";position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:5px 12px;background:#000000b8;color:#22d3eee0;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(34,211,238,.28);border-radius:999px;pointer-events:none;z-index:999;white-space:nowrap}}.reservation-screen{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:1rem;background:#030712f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reservation-card{background:#0d1117;border:1px solid rgba(34,211,238,.35);border-radius:18px;padding:1.5rem 1.25rem;max-width:min(400px,96vw);width:100%;text-align:center;box-shadow:0 0 60px #22d3ee1a}.reservation-kicker{margin:0 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#22d3ee}.reservation-title{margin:0 0 .75rem;font-size:1.4rem;font-weight:800;color:#e2e8f0}.reservation-copy{margin:0 0 1.1rem;font-size:.82rem;color:#94a3b8;line-height:1.5}.hold-code-display{font-size:clamp(2.4rem,12vw,3.5rem);font-weight:900;letter-spacing:.24em;color:#22c55e;font-variant-numeric:tabular-nums;margin:.5rem 0 1.1rem;text-shadow:0 0 28px rgba(34,197,94,.65)}.reservation-waiting{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;color:#cffafea6;margin-top:.75rem}@keyframes reservation-blink{0%,to{opacity:1}50%{opacity:.2}}.reservation-waiting__dot{width:8px;height:8px;border-radius:50%;background:#22d3ee;animation:reservation-blink 1.4s ease-in-out infinite}.checkout-btn--cash{background:#22c55e1f;border-color:#22c55e73;color:#86efac}.checkout-btn--cash:hover:not(:disabled){background:#22c55e38}.checkout-btn--cancel{background:transparent;border-color:#f8717159;color:#fca5a5;margin-top:4px}.checkout-btn--cancel:hover:not(:disabled){background:#f871711a}