:root{--bg:#0e1117;--surface:#171b24;--surface-2:#1d2230;--border:#252b38;--text:#f2f4f8;--muted:#8a93a6;--accent:#1e7bff;--accent-press:#1867d8;--accent-soft:#1e7bff24;--gold:#f5b83d;--silver:#c9d1dc;--danger:#ff4d5e;--danger-soft:#ff4d5e24;--ok:#2fbf71;--ok-soft:#2fbf7124;--warn:#f5b83d;--warn-soft:#f5b83d24;--radius:14px;--tabbar-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}input{font:inherit}.app{flex-direction:column;min-height:100dvh;display:flex}.demo-strip{z-index:20;color:var(--gold);letter-spacing:.04em;text-align:center;background:#3a2a06;padding:6px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.content{flex:1;width:100%;max-width:520px;margin:0 auto;padding:0 16px 24px}.content.has-tabs{padding-bottom:calc(var(--tabbar-h) + 20px + env(safe-area-inset-bottom))}.screen{flex-direction:column;gap:12px;padding-top:12px;display:flex}.screen.with-actions{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.screen.with-actions.tall-actions{padding-bottom:calc(140px + env(safe-area-inset-bottom))}.muted{color:var(--muted)}.small{font-size:13px}.note{color:var(--muted);text-align:center;margin:4px 0;font-size:12.5px;line-height:1.4}.screen-header{grid-template-columns:40px 1fr 40px;align-items:center;margin:0 -4px;display:grid}.screen-header h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;overflow:hidden}.icon-btn{width:40px;height:40px;color:var(--text);background:0 0;border:0;border-radius:12px;place-items:center;display:inline-grid}.icon-btn:active{background:var(--surface)}.icon-btn.small{width:32px;height:32px;color:var(--muted)}.icon-btn-placeholder{width:40px}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.hero{border:1px solid var(--border);aspect-ratio:16/10;background:var(--surface);border-radius:18px;overflow:hidden}.hero img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;display:block}.headline{margin:2px 2px 0;font-size:22px;font-weight:800;line-height:1.2}.headline span{color:var(--gold)}.perks{color:var(--silver);justify-content:space-between;gap:8px;margin:0 2px;padding:0;font-size:13px;list-style:none;display:flex}.perks li{align-items:center;gap:6px;display:flex}.perks li:first-child .ui-icon{color:var(--gold)}.perks li:nth-child(2) .ui-icon{color:var(--accent)}.perks li:nth-child(3) .ui-icon{color:var(--gold)}.chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chip{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:38px;padding:9px 4px;font-size:13px}.chip.active{background:var(--accent);border-color:var(--accent);font-weight:600}.grid{gap:8px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.product-card{text-align:center;flex-direction:column;align-items:center;gap:2px;min-height:118px;padding:18px 6px 10px;display:flex;position:relative}.product-card:active:not(:disabled){background:var(--surface-2)}.product-card:disabled{opacity:.5}.product-icon{place-items:center;height:44px;margin-bottom:4px;display:grid}.grid-2 .product-icon{height:52px}.product-title{font-size:14px;font-weight:700}.product-price{color:var(--silver);font-size:14px;font-weight:700}.badge{border-radius:0 var(--radius) 0 8px;background:var(--danger);color:#fff;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-1px;right:-1px}.sold-out{color:var(--muted);font-size:11px}.skeleton{background:linear-gradient(100deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%);background-size:300% 100%;min-height:38px;animation:1.6s linear infinite shimmer}.product-card.skeleton{min-height:118px}@keyframes shimmer{to{background-position:-150% 0}}.product-head{align-items:center;gap:16px;display:flex}.product-head-title{font-size:20px;font-weight:800}.product-head-price{color:var(--gold);font-size:18px;font-weight:800}.product-head-title.small{font-size:16px}.product-head-price.small{font-size:15px}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--silver);font-size:14px;font-weight:600}.input-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;padding-right:4px;display:flex}.input-wrap:focus-within{border-color:var(--accent)}.input-wrap.has-error{border-color:var(--danger)}.input-wrap input{min-width:0;color:var(--text);letter-spacing:.03em;background:0 0;border:0;outline:0;flex:1;padding:13px 14px;font-size:16px}.field-error{color:var(--danger);margin:0;font-size:13px}.link-btn{color:var(--accent);background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex}.hint{background:var(--accent-soft);color:var(--silver);border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.player-card{align-items:center;gap:12px;display:flex}.player-card>div{flex:1;min-width:0}.player-nick{font-weight:700}.avatar{background:var(--surface-2);width:44px;height:44px;color:var(--silver);border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid}.avatar.big{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:16px;font-size:22px}.warn-box{border-radius:var(--radius);background:var(--warn-soft);border:1px solid #f5b83d59;flex-direction:column;gap:8px;padding:12px 14px;font-size:13.5px;line-height:1.45;display:flex}.warn-box strong{color:var(--gold)}.checkbox{align-items:center;gap:10px;font-weight:600;display:flex}.checkbox input{width:20px;height:20px;accent-color:var(--accent)}.btn{border:0;border-radius:12px;width:100%;min-height:50px;padding:12px 16px;font-size:15px;font-weight:700}.btn:disabled{opacity:.55}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active:not(:disabled){background:var(--accent-press)}.btn-secondary{background:var(--surface-2);border:1px solid var(--border)}.btn-ghost{color:var(--muted);background:0 0}.btn-row{grid-template-columns:1fr auto;gap:8px;display:grid}.btn-row .btn-ghost{width:auto}.bottom-actions{z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, #0e111700);flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-actions>*{width:100%;max-width:488px;margin:0 auto}.has-tabs .bottom-actions{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:12px}.has-tabs .screen.with-actions{padding-bottom:76px}.has-tabs~.toast{bottom:calc(var(--tabbar-h) + 84px + env(safe-area-inset-bottom))}.cart-line{align-items:center;gap:12px;display:flex}.cart-line.unavailable{opacity:.6}.cart-line-info{flex:1;min-width:0}.cart-line-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.stepper{border:1px solid var(--border);border-radius:10px;align-items:center;display:flex;overflow:hidden}.stepper button{background:0 0;border:0;place-items:center;width:34px;height:32px;display:grid}.stepper button:disabled{color:var(--muted);opacity:.5}.stepper span{text-align:center;min-width:26px;font-weight:700}.total-card{justify-content:space-between;align-items:center;font-weight:700;display:flex}.total-card strong{font-size:20px}.rows{flex-direction:column;gap:10px;margin:0;display:flex}.row{justify-content:space-between;gap:12px;font-size:14px;display:flex}.row dt{color:var(--muted)}.row dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.demo-notice{border-radius:var(--radius);color:var(--gold);background:#3a2a06;border:1px solid #f5b83d73;flex-direction:column;gap:4px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.demo-notice span{color:#e9d6a8}.section-title{margin:6px 2px 0;font-size:15px}.methods{padding:4px 0}.method{opacity:.55;align-items:center;gap:12px;padding:10px 14px;display:flex}.method+.method{border-top:1px solid var(--border)}.method-icon{background:var(--surface-2);width:38px;height:38px;color:var(--silver);border-radius:10px;place-items:center;display:grid}.method-text{flex-direction:column;flex:1;font-size:14px;font-weight:600;display:flex}.method-soon{background:var(--surface-2);color:var(--muted);border-radius:6px;padding:3px 8px;font-size:11px}.status-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 8px 4px;display:flex}.status-hero h2{margin:8px 0 0;font-size:22px}.status-hero p{margin:0;font-size:14px;line-height:1.45}.status-icon{border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.status-icon .ui-icon{stroke-width:2.6px}.tone-ok{background:var(--ok-soft);color:var(--ok);box-shadow:0 0 0 10px #2fbf710f}.tone-danger{background:var(--danger-soft);color:var(--danger)}.tone-warn{background:var(--warn-soft);color:var(--warn)}.tone-info{background:var(--accent-soft);color:var(--accent)}.tone-neutral{background:var(--surface-2);color:var(--muted)}.pill{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.pill-neutral{background:var(--surface-2);color:var(--muted)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-info{background:var(--accent-soft);color:#6aa8ff}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.order-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.order-card{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.order-card:active{background:var(--surface-2)}.order-card-top,.order-card-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.order-card-items{font-size:14px}.order-card-sum{align-items:center;gap:2px;font-weight:700;display:inline-flex}.order-card-sum .ui-icon{color:var(--muted)}.profile-card{align-items:center;gap:14px;display:flex}.profile-name{font-size:18px;font-weight:800}.menu{padding:4px 0}.menu-item{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.menu-item+.menu-item{border-top:1px solid var(--border)}.menu-item:active{background:var(--surface-2)}.menu-icon{color:var(--accent);display:grid}.menu-text{flex-direction:column;flex:1;font-weight:600;display:flex}.menu-item>.ui-icon:last-child{color:var(--muted)}.faq{flex-direction:column;gap:8px;display:flex}.faq-item{padding:0}.faq-item summary{cursor:pointer;padding:14px;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--muted)}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--silver);margin:0;padding:0 14px 14px;font-size:14px;line-height:1.5}.sys{color:var(--muted);text-align:center;margin-top:12px;font-size:12px}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-ok{background:var(--ok)}.dot-down{background:var(--danger)}.made-by{color:var(--silver);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:11px}.center-block{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 12px;display:flex}.center-block .btn{width:auto;min-width:180px}.empty strong{font-size:17px}.error-box span{color:var(--silver)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite spin}.spinner.big{border-width:4px;width:38px;height:38px}@keyframes spin{to{transform:rotate(360deg)}}.toast{left:50%;bottom:calc(var(--tabbar-h) + 18px + env(safe-area-inset-bottom));z-index:50;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;animation:.2s ease-out toast-in;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}.toast-ok{border-color:#2fbf7180}.toast-error{color:#ffd6da;border-color:#ff4d5e99}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){.skeleton{animation-duration:4s}.spinner{animation-duration:1.8s}.toast{animation:none}}.tabbar{z-index:10;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1117f5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.tab-icon{display:grid;position:relative}.tab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tab.active{color:var(--accent)}.tab-badge{background:var(--accent);color:#fff;text-align:center;border:2px solid var(--bg);box-sizing:content-box;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:17px;position:absolute;top:-6px;right:-10px}.admin-entry .menu-icon{color:var(--gold)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{flex-direction:column;gap:4px;padding:12px 10px;display:flex}.stat-value{overflow-wrap:anywhere;font-size:18px;font-weight:800}.stat-danger .stat-value{color:var(--danger)}.stat-warn .stat-value{color:var(--warn)}.filter-row{scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px 2px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row .chip{flex:none;min-height:34px;padding:7px 12px}.admin-actions{flex-direction:column;gap:8px;display:flex}.timeline{flex-direction:column;gap:10px;margin:0;list-style:none;display:flex}.timeline li{border-left:2px solid var(--border);flex-direction:column;gap:2px;padding-left:14px;font-size:14px;display:flex}.attempts{flex-direction:column;gap:10px;display:flex}.attempt{overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:10px;font-size:13px;display:flex}.block{margin-top:2px;display:block}.top-gap{margin-top:10px}.log-item{flex-direction:column;gap:4px;display:flex}.diff{white-space:pre-wrap;background:var(--surface-2);color:var(--silver);overflow-wrap:anywhere;border-radius:8px;padding:8px 10px;font-size:12px;display:block}.admin-cat{flex-direction:column;gap:8px;display:flex}.admin-cat-head{justify-content:space-between;align-items:center;display:flex}.add-item .menu-text{color:var(--accent)}.two-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.input-wrap input{width:100%;min-width:0}.input-wrap textarea{min-width:0;color:var(--text);font:inherit;resize:vertical;background:0 0;border:0;outline:0;flex:1;padding:12px 14px;font-size:16px}.input-prefix{color:var(--muted);padding-left:14px}.input-prefix+input{padding-left:2px}.toggles{flex-direction:column;gap:14px;display:flex}.toggle{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex:none;width:42px;height:24px;transition:background .15s;position:relative}.toggle-track:after{content:"";background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-track:after{background:#fff;transform:translate(18px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;font-weight:600}.segmented button.active{background:var(--accent);color:#fff}.small-hero{aspect-ratio:16/7}@media (width<=359px){.content{padding-left:12px;padding-right:12px}.grid-3{gap:6px}.product-title,.product-price{font-size:13px}.perks{font-size:12px}}