:root{--bg:#0b0b0d;--surface:#131318;--surface-2:#1a1a22;--navy:#16233f;--navy-soft:#1b2a4a;--line:#ffffff14;--orange:#ff6a00;--orange-soft:#ff6a0024;--text:#f4f2ee;--text-dim:#9b9aa3;--ok:#3ecf6e;--warn:#ffb020;--danger:#ff4d4d;--radius:16px;--font-display:"Unbounded", system-ui, sans-serif;--font-body:"Onest", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100%;font-size:16px;line-height:1.45}#root{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;padding:12px 14px}textarea:focus,input:focus{border-color:var(--orange)}.screen{padding:20px 16px calc(88px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;animation:.18s ease-out fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.brand-header{justify-content:space-between;align-items:baseline;padding-top:6px;display:flex}.brand-header h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:20px;font-weight:900}.brand-header h1 span{color:var(--orange)}.brand-header .venue-tag{color:var(--text-dim);font-size:12px}h2.section{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text);font-size:14px;font-weight:700}.hint{color:var(--text-dim);font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.card.navy{background:linear-gradient(135deg, var(--navy) 0%, #101a30 100%);border-color:#ffffff1a}.card.accent{border-color:#ff6a0073}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-row.scroll{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.chip-row.scroll::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:9px 15px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.chip.on{background:var(--orange);border-color:var(--orange);color:#180a02;font-weight:700}.chip.day{flex-direction:column;align-items:center;gap:0;padding:8px 14px;line-height:1.15;display:flex}.chip.day small{opacity:.7;font-size:11px;font-weight:500}.slot-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.slot-grid .chip{text-align:center;padding:10px 0}.option{border:1px solid var(--line);background:var(--surface-2);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.option.on{border-color:var(--orange);background:var(--orange-soft)}.option .opt-body{flex:1;min-width:0}.option .opt-name{font-size:15px;font-weight:600}.option .opt-desc{color:var(--text-dim);font-size:12.5px}.option .opt-price{color:var(--text-dim);white-space:nowrap;font-size:13px;font-weight:600}.option.on .opt-price{color:var(--orange)}.option-list{flex-direction:column;gap:8px;display:flex}.stepper{align-items:center;gap:18px;display:flex}.stepper button{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:600;display:grid}.stepper button:disabled{opacity:.35}.stepper .value{font-family:var(--font-display);text-align:center;min-width:40px;font-size:22px;font-weight:700}.btn{text-align:center;border-radius:14px;padding:15px 18px;font-size:16px;font-weight:700;transition:transform 80ms,opacity .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4}.btn.primary{background:var(--orange);color:#180a02;box-shadow:0 6px 24px #ff6a0040}.btn.ghost{background:var(--surface-2);border:1px solid var(--line);color:var(--text)}.btn.danger-ghost{color:var(--danger);background:0 0;border:1px solid #ff4d4d66}.btn.small{border-radius:11px;padding:10px 14px;font-size:14px}.btn-row{gap:10px;display:flex}.btn-row .btn{flex:1}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;width:fit-content;padding:4px 10px;font-size:11.5px;font-weight:700}.badge.pending{color:var(--warn);background:#ffb02026}.badge.confirmed{color:var(--ok);background:#3ecf6e24}.badge.declined,.badge.cancelled,.badge.no_show{color:var(--danger);background:#ff4d4d21}.steps{gap:6px;display:flex}.steps i{background:var(--surface-2);border-radius:2px;flex:1;height:4px}.steps i.done{background:var(--orange)}.res-row{flex-direction:column;gap:8px;display:flex}.res-row .res-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.res-row .res-when{font-family:var(--font-display);font-size:16px;font-weight:700}.res-row .res-meta{color:var(--text-dim);font-size:13.5px}.tabbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);width:100%;max-width:520px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:10;background:#0b0b0deb;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{color:var(--text-dim);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 0;font-size:11.5px;font-weight:600;display:flex}.tabbar button.on{color:var(--orange);background:var(--orange-soft)}.tabbar button .ico{font-size:19px;line-height:1}.hookah-card-head{justify-content:space-between;align-items:center;display:flex}.hookah-card-head .title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--orange);font-size:13px;font-weight:700}.summary-line{justify-content:space-between;gap:12px;font-size:14.5px;display:flex}.summary-line .k{color:var(--text-dim)}.summary-line .v{text-align:right;font-weight:600}.total-line{border-top:1px solid var(--line);justify-content:space-between;padding-top:10px;font-weight:700;display:flex}.total-line .price{font-family:var(--font-display);color:var(--orange)}.empty{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty .big{font-size:40px}.stamp.on .stamp-ring{stroke:var(--orange);stroke-dasharray:none}.stamp.on .stamp-hole{fill:#180a02}.mix-stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:center;gap:12px;padding:14px 16px 16px;display:flex}.radial{touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,300px);height:auto;overflow:visible}.mix-stage.compact .radial{width:min(62%,190px)}.rgrip{cursor:grab}.rgrip:active{cursor:grabbing}.rgrip-knob{transition:r .12s,fill .12s}.rgrip:hover .rgrip-knob,.rgrip:focus-visible .rgrip-knob{r:13;fill:#fff}.rgrip:focus{outline:none}.rgrip:focus-visible .rgrip-knob{stroke:var(--orange)}.hint.center{text-align:center}.mix-facts{justify-content:space-between;gap:16px;width:100%;display:flex}.mix-facts.col{flex-direction:column;gap:8px}.mix-fact{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.mix-fact .k{color:var(--text-dim);align-items:center;gap:7px;min-width:0;display:flex}.mix-fact .v{font-variant-numeric:tabular-nums;font-weight:600}.mix-fact .v-price{font-family:var(--font-display);color:var(--orange);font-size:19px;font-weight:700}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.str{align-items:center;gap:3px;display:inline-flex}.str i{background:#ffffff24;border-radius:2px;width:12px;height:3px}.str i.on{background:var(--orange)}.pbar{flex-direction:column;gap:8px;display:flex}.pbar-track{background:var(--surface-2);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:13px;height:54px;display:flex;position:relative;overflow:hidden}.pbar-seg{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.pbar-seg-in{color:#100a04;text-shadow:0 1px #ffffff29;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:0 6px;display:flex}.pbar-seg-n{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;font-weight:700;overflow:hidden}.pbar-seg-p{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.pbar-gap{background:var(--surface-2);width:2px;position:absolute;top:0;bottom:0;right:0}.pbar-handle{cursor:ew-resize;touch-action:none;place-items:center;width:44px;margin-left:-22px;display:grid;position:absolute;top:0;bottom:0}.pbar-grip{background:var(--text);border-radius:3px;width:6px;height:30px;transition:height .12s,background .12s;box-shadow:0 0 0 2px #00000080,0 2px 8px #0009}.pbar-handle:hover .pbar-grip,.pbar-handle:focus-visible .pbar-grip{background:#fff;height:38px}.pbar-hint{color:var(--text-dim);text-align:center;font-size:12.5px}.mix-picked{flex-wrap:wrap;gap:7px;display:flex}.picked{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13.5px;font-weight:500;display:inline-flex}.picked:hover{border-color:var(--orange)}.picked .x{color:var(--text-dim);font-size:12px}.brand{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.brand.open{border-color:#ff6a0059}.brand-head{text-align:left;align-items:center;gap:10px;width:100%;padding:15px 16px;display:flex}.brand-id{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.brand-name{font-family:var(--font-display);font-size:15px;font-weight:700}.brand-origin{color:var(--text-dim);font-size:12px}.brand-count{background:var(--orange);color:#180a02;text-align:center;border-radius:999px;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;line-height:22px}.caret{color:var(--text-dim);transition:transform .16s}.caret.up{transform:rotate(180deg)}.brand-body{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.brand-char{color:var(--text-dim);font-size:13px;line-height:1.45}.shot{object-fit:contain;background:radial-gradient(circle at 50% 38%, #ffffff21, #ffffff08 62%, transparent 78%), var(--surface-2);border-radius:12px;flex-shrink:0;width:62px;height:62px;padding:4px}.tile{font-family:var(--font-display);color:#ffffffe6;border-radius:11px;place-items:center;font-size:19px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff2e}.soon{background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);border-radius:999px;margin-left:7px;padding:2px 7px;font-size:10px;font-weight:700}.brand-char.warn{color:var(--warn)}.search{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:13px 15px}.search::-webkit-search-cancel-button{filter:invert(.6)}.opt-foot{align-items:center;gap:9px;display:flex}.cat{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);background:#ffffff0d;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:600}.option{align-items:center}.option .opt-body{flex-direction:column;gap:3px;display:flex}.option .opt-name{align-items:center;gap:7px;display:flex}.option:disabled{opacity:.35}.field{flex-direction:column;gap:6px;display:flex}.field-l{color:var(--text-dim);font-size:13px}.field-l em{color:var(--text-dim);opacity:.7;font-style:normal}.field-err{color:var(--danger);font-size:12.5px}.sticky-cta{width:100%;max-width:520px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 62%, #0b0b0d00);z-index:10;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.sticky-cta .btn{width:100%}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.s-screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.s-alert{color:#ff8a8a;text-align:center;background:#ff4d4d24;border:1px solid #ff4d4d80;border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:700}.s-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:var(--radius);flex-direction:column;gap:9px;padding:14px;display:flex}.s-card.accepted{border-left-color:var(--ok)}.s-top{justify-content:space-between;align-items:baseline;display:flex}.s-table{font-family:var(--font-display);font-size:19px;font-weight:900}.s-wait{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.s-wait.late{color:var(--danger);font-weight:700}.s-guest{align-items:baseline;gap:9px;font-size:15px;font-weight:600;display:flex}.s-visits{color:var(--text-dim);font-size:12px;font-weight:500}.s-mix{flex-direction:column;gap:4px;display:flex}.s-part{align-items:center;gap:8px;font-size:14.5px;display:flex}.s-part b{font-variant-numeric:tabular-nums;margin-left:auto}.s-meta{color:var(--text-dim);font-size:13px}.s-taken{color:var(--ok);font-size:14px;font-weight:600}.s-go,.s-done,.s-no{text-align:center;border-radius:14px;width:100%;padding:17px;font-size:17px;font-weight:800}.s-go{background:var(--orange);color:#180a02;box-shadow:0 6px 22px #ff6a0040}.s-done{color:var(--ok);background:#3ecf6e29;border:1px solid #3ecf6e73}.s-no{border:1px solid var(--line);color:var(--text-dim);background:0 0;padding:12px;font-size:14px}.s-go:active,.s-done:active{transform:scale(.98)}.s-stock{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.s-item{background:var(--surface);border:1px solid var(--line);border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;display:flex}.s-item img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:100%}.s-item-n{text-align:center;font-size:11.5px;font-weight:600;line-height:1.2}.s-item-s{text-transform:uppercase;letter-spacing:.05em;color:var(--ok);font-size:10px}.s-item.out{border-color:var(--danger);background:#ff4d4d14}.s-item.out img{filter:grayscale()brightness(.45)}.s-item.out .s-item-s{color:var(--danger);font-weight:800}.s-sheet{z-index:40;background:#000000b8;align-items:flex-end;display:flex;position:fixed;inset:0}.s-sheet-in{background:var(--surface);width:100%;max-width:520px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:10px;margin:0 auto;display:flex}.s-badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;margin-right:-26px;font-size:11px;font-style:normal;font-weight:800;line-height:18px;position:absolute;top:2px;right:50%}.tabbar button{position:relative}.s-part-n{flex:1;min-width:0}.s-g{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--orange);font-size:17px;font-weight:900}.s-pct{color:var(--text-dim);text-align:right;min-width:32px;font-size:11.5px}.s-total{color:var(--text-dim);text-align:right;border-top:1px solid var(--line);margin-top:2px;padding-top:5px;font-size:11px}.s-part b{margin-left:0}.hmd-row{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 4px;display:grid}.hmd{border:1px solid var(--line);background:var(--surface);color:inherit;text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;display:flex}.hmd:active{transform:scale(.98)}.hmd.on{border-color:var(--orange);background:color-mix(in oklab, var(--orange) 12%, var(--surface))}.hmd-art{object-fit:contain;width:88px;height:88px;display:block}.hmd-n{font-size:15px;font-weight:800}.hmd-d{color:var(--text-dim);font-size:12px;line-height:1.35}.hmd.on .hmd-n{color:var(--orange)}.s-card.coals{border-color:var(--orange);background:color-mix(in oklab, var(--orange) 10%, var(--surface))}.btn.small{margin-top:8px;padding:10px 14px;font-size:14px}.tog-list{flex-direction:column;gap:6px;margin:8px 0 4px;display:flex}.tog{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text-dim);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:15px 14px;font-family:inherit;font-size:16px;transition:background .12s,border-color .12s,color .12s;display:flex}.tog:active{transform:scale(.995)}.tog-n{flex:1;font-weight:700}.tog-g{font-variant-numeric:tabular-nums;opacity:.85;font-size:12px}.tog-sw{background:#2a2f3a;border-radius:999px;flex:none;width:46px;height:27px;transition:background .15s;position:relative}.tog-sw i{background:#6b7280;border-radius:999px;width:21px;height:21px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.tog.on{color:var(--text);border-color:color-mix(in oklab, var(--orange) 45%, var(--line))}.tog.on .tog-sw{background:color-mix(in oklab, var(--orange) 40%, #2a2f3a)}.tog.on .tog-sw i{background:var(--orange);transform:translate(19px)}.tins-link{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin:2px 0 6px auto;padding:6px 12px;font-family:inherit;font-size:13px;text-decoration:underline;display:block}.s-seat{background:color-mix(in oklab, var(--orange) 14%, transparent);color:var(--orange);border-radius:10px;margin:6px 0 2px;padding:8px 12px;font-size:15px;font-weight:700}.order-no{border:1px solid color-mix(in oklab, var(--orange) 40%, var(--line));background:color-mix(in oklab, var(--orange) 10%, var(--surface));border-radius:18px;flex-direction:column;align-items:center;gap:2px;margin:4px 0 10px;padding:18px 14px 20px;display:flex}.order-no strong{color:var(--orange);font-variant-numeric:tabular-nums;font-size:68px;font-weight:900;line-height:1}.order-no-l{letter-spacing:.06em;color:var(--text-dim);font-size:13px;font-weight:700}.order-no-h{color:var(--text-dim);margin-top:4px;font-size:12px}.s-no{background:var(--orange);color:#0b0b0d;font-variant-numeric:tabular-nums;border-radius:8px;margin-right:8px;padding:2px 8px;display:inline-block}.chip.tiny{margin-left:8px;padding:2px 8px;font-size:12px}.bars{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:flex-end;gap:4px;height:140px;margin:10px 0 4px;padding:10px 8px 0;display:flex;overflow-x:auto}.bar{flex-direction:column;flex:1 0 22px;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.bar-v{background:linear-gradient(180deg, var(--orange), color-mix(in oklab, var(--orange) 45%, transparent));border-radius:5px 5px 0 0;width:100%;max-width:26px}.bar-l{color:var(--text-dim);white-space:nowrap;font-size:10px}.jar{border:1px solid var(--line);background:radial-gradient(120% 90% at 20% 0%, color-mix(in oklab, var(--orange) 12%, transparent), transparent 60%), var(--surface);border-radius:20px;align-items:center;gap:18px;margin:4px 0 10px;padding:16px 18px;display:flex}.jar-svg{filter:drop-shadow(0 6px 18px #f5871f2e);flex:none;width:92px;height:auto}.jar.compact{gap:12px;padding:10px 12px}.jar.compact .jar-svg{width:54px}.jar-txt{flex-direction:column;gap:1px;min-width:0;display:flex}.jar-txt strong{color:var(--orange);font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;line-height:1}.jar.compact .jar-txt strong{font-size:26px}.jar-unit{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:700}.jar-left{color:var(--text);margin-top:6px;font-size:14px;font-weight:700}.jar.full{border-color:var(--orange);background:radial-gradient(120% 90% at 30% 0%, color-mix(in oklab, var(--orange) 26%, transparent), transparent 65%), var(--surface)}.jar.full .jar-svg{filter:drop-shadow(0 6px 26px #f5871f80)}.jar.full .jar-left{color:var(--orange)}.vase{border:1px solid var(--line);background:radial-gradient(130% 110% at 18% 100%, color-mix(in oklab, var(--orange) 15%, transparent), transparent 60%), var(--surface);border-radius:22px;align-items:center;gap:20px;margin:4px 0 12px;padding:18px;display:flex}.vase-art{flex:none;width:104px;position:relative}.vase.compact .vase-art{width:auto;height:38px}.vase.compact .vase-glass{width:auto;height:100%}.vase-water{width:100%;height:100%;display:block;position:absolute;inset:0}.vase-glass{mix-blend-mode:screen;pointer-events:none;width:100%;height:auto;display:block;position:relative;-webkit-mask-image:linear-gradient(#0000 0,#000 11%);mask-image:linear-gradient(#0000 0,#000 11%)}.vase.ready{box-shadow:inset 0 0 34px #f5871f33}.vase.compact{background:0 0;border:none;gap:0;margin:0;padding:0}.vase-ready{background:var(--orange);color:#0b0b0d;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:900;position:absolute;top:-4px;right:-10px;box-shadow:0 3px 12px #f5871f73}.vase-txt{flex-direction:column;min-width:0;display:flex}.vase-txt strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:42px;font-weight:900;line-height:1}.vase-unit{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:2px;font-size:11px;font-weight:800}.vase-msg{color:var(--text);margin-top:10px;font-size:16px;font-weight:800}.vase-sub{color:var(--text-dim);margin-top:3px;font-size:12.5px;line-height:1.4}.vase.ready{border-color:var(--orange);background:radial-gradient(130% 110% at 25% 100%, color-mix(in oklab, var(--orange) 30%, transparent), transparent 64%), var(--surface)}.vase.ready .vase-msg{color:var(--orange)}.vase-strip{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:999px;align-items:center;gap:10px;margin:0 0 12px;padding:9px 14px;display:flex}.vase-strip-n{font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.vase-strip-t{color:var(--text-dim);font-size:12.5px}.s-count{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:baseline;gap:14px;margin:0 0 12px;padding:11px 16px;display:flex}.s-count-b{color:var(--text-dim);font-size:13px}.s-count-b b{color:var(--text);font-variant-numeric:tabular-nums;margin-right:5px;font-size:21px;font-weight:900}.s-count-t{color:var(--text-dim);margin-left:auto;font-size:12px}.s-count.full{border-color:#b4442e}.s-count.full .s-count-b:nth-child(2) b{color:#ff7a5c}.s-card.live{border-left:3px solid #3f7d5a}.s-card.live.unpaid{border-left-color:#d4762a}.s-card.live.overdue{border-left-color:#c2452c}.s-chips{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.chip{color:var(--text-dim);background:#ffffff0f;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.chip.ok{color:#7fd0a2;background:#3f7d5a38}.chip.warn{color:#f0a86a;background:#d4762a33}.chip.bad{color:#ff8f74;background:#c2452c3d}.s-row{gap:8px;margin-top:10px;display:flex}.s-mini{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:11px 12px;font-size:14.5px;font-weight:800}.s-mini:disabled{opacity:.5}.s-mini.pay{background:var(--orange);border-color:var(--orange);color:#0b0b0d}.s-mini.urge{color:#ff8f74;border-color:#c2452c}.vase-gain{color:#eaf7fb;text-shadow:0 2px 12px #000000b3;pointer-events:none;white-space:nowrap;font-size:19px;font-weight:900;animation:2.4s cubic-bezier(.2,.7,.3,1) forwards vase-gain;position:absolute;bottom:26%;left:50%;transform:translate(-50%)}.vase-gain.down{color:#ffa07a}@keyframes vase-gain{0%{opacity:0;transform:translate(-50%,14px)scale(.85)}18%{opacity:1;transform:translate(-50%)scale(1)}70%{opacity:1;transform:translate(-50%,-22px)scale(1)}to{opacity:0;transform:translate(-50%,-44px)scale(.95)}}.s-card.book{border-left:3px solid #5b6b8f}.s-card.book.held{border-left-color:#3f7d5a}.s-card.book.overdue{border-left-color:#c2452c}.s-hour{letter-spacing:-.01em;color:var(--text);font-variant-numeric:tabular-nums;font-size:25px;font-weight:900}.s-hold{color:#ff8f74;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:1px solid #c2452c8c;border-radius:12px;width:100%;margin-top:8px;padding:12px;font-size:14.5px;font-weight:800;display:block;position:relative;overflow:hidden}.s-hold:disabled{opacity:.5}.s-hold-fill{background:#c2452c6b;transition:width 60ms linear;position:absolute;inset:0 auto 0 0}.s-hold-t{position:relative}.s-hold.on{border-color:#c2452c}.tabbar button{min-width:0}.tabbar .ico{display:block}.pen{--grass:#12331f;--line:#cfe6d8}.pen-score{align-items:center;gap:7px;margin:0 0 12px;display:flex}.pen-dot{border:1px solid var(--line);background:#ffffff12;border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.pen-dot.goal{background:#3f7d5a59;border-color:#3f7d5a}.pen-dot.saved{background:#d4762a47;border-color:#d4762a}.pen-dot.missed{background:#c2452c47;border-color:#c2452c}.pen-n{font-variant-numeric:tabular-nums;margin-left:auto;font-size:19px;font-weight:900}.pen-pitch{aspect-ratio:1000/720;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000080}.pitch-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.pen-goal{position:absolute}.pen-zones{position:absolute;inset:0}.pen-zone{color:#ffffff8c;letter-spacing:.05em;opacity:.45;cursor:pointer;background:0 0;border:1px dashed #ffffff29;border-radius:8px;place-items:end center;padding:0;font-size:9px;font-weight:700;display:grid;position:absolute}.pen-zone span{padding-bottom:4px}.pen-zone:active{border-color:var(--orange);background:#f5871f4d}.z-TL{width:30%;height:40%;top:4%;left:2%}.z-TR{width:30%;height:40%;top:4%;right:2%}.z-M{width:32%;height:48%;top:26%;left:34%}.z-BL{width:30%;height:40%;bottom:3%;left:2%}.z-BR{width:30%;height:40%;bottom:3%;right:2%}.pen-keeper{filter:drop-shadow(0 8px 14px #000000a6);width:auto;height:86%;transition:left .34s cubic-bezier(.25,.9,.3,1) 90ms,bottom .34s cubic-bezier(.25,.9,.3,1) 90ms,height .34s cubic-bezier(.25,.9,.3,1) 90ms;position:absolute;bottom:-5.2%;left:50%;transform:translate(-50%)}.pen-ball{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#fff 0 40%,#e4e9ee 58%,#9aa4ae 100%);border-radius:50%;width:auto;height:13%;transition:left .64s cubic-bezier(.32,.05,.5,1),top .64s cubic-bezier(.32,.05,.5,1),transform .64s cubic-bezier(.32,.05,.5,1);position:absolute;top:188%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #00000080,inset -4px -6px 10px #0003}.pen-who{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:12px;margin:12px 0 0;padding:8px 14px 8px 8px;display:flex}.pen-who img{object-fit:cover;object-position:50% 6%;background:#0e1424;border-radius:50%;width:44px;height:44px}.pen-who div{flex-direction:column;line-height:1.25;display:flex}.pen-who b{font-size:15px}.pen-who span{color:var(--text-dim);font-size:12px}.pen-say{text-align:center;color:var(--text-dim);margin:10px 0 0;font-size:13px}.pen-bar{cursor:pointer;background:linear-gradient(90deg,#6d2418,#b8471f 40% 100%);border:1px solid #ffffff24;border-radius:999px;height:34px;margin:14px 0 10px;position:relative;overflow:hidden}.pen-bar-green{background:#2e8b57;position:absolute;top:0;bottom:0}.pen-bar-run{background:#fff;width:5px;margin-left:-2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 12px #ffffffe6}.btn.big{padding:16px;font-size:18px}.pen-shout{text-align:center;letter-spacing:.02em;margin:14px 0 0;font-size:30px;font-weight:900;animation:.4s cubic-bezier(.2,1.6,.4,1) shout}.pen-shout.goal{color:#7fd0a2}.pen-shout.saved{color:#f0a86a}.pen-shout.missed{color:#ff8f74}@keyframes shout{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.pen-goal.hit-goal{animation:.46s cubic-bezier(.2,.9,.3,1) .62s goal-shake}@keyframes goal-shake{0%{transform:translate(0)}22%{transform:translate(-3px,2px)}45%{transform:translate(3px,-2px)}68%{transform:translate(-2px,1px)}to{transform:translate(0)}}@keyframes net-ripple{0%{filter:brightness();transform:scale(1)}18%{filter:brightness(1.85);transform:scale(1.035)}55%{filter:brightness(1.15);transform:scale(.995)}to{filter:brightness();transform:scale(1)}}.pen-goal.hit-saved .pen-keeper{animation:.32s ease-out .56s grab}@keyframes grab{50%{filter:drop-shadow(0 8px 14px #000000a6)brightness(1.35)}}.pen-keeper.dive{height:104%;bottom:-14%}.pen-shadow{pointer-events:none;background:radial-gradient(#0000008c,#0000 72%);border-radius:50%;width:22%;height:4.5%;transition:left .34s cubic-bezier(.25,.9,.3,1) 90ms,width .34s ease-out,opacity .34s ease-out;position:absolute;bottom:-5%;transform:translate(-50%)}.pen-shadow.wide{opacity:.55;width:34%}.shift-big{gap:10px;margin:4px 0 12px;display:flex}.shift-big>div{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;flex:1;padding:12px 14px}.shift-big b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:23px;font-weight:900;display:block}.shift-big span{color:var(--text-dim);font-size:12px}.pen-head{align-items:baseline;gap:10px;margin:0 0 8px;display:flex}.pen-vs{color:var(--text-dim);font-size:15px}.pen-vs b{color:#fff;font-variant-numeric:tabular-nums;font-size:20px}.pen-turn{letter-spacing:.1em;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:11px;font-weight:900}.pen-turn.shoot{color:#f5871f;background:#f5871f33}.pen-turn.keep{color:#78aef0;background:#508cdc33}.pen-dots{flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 10px;display:flex}.pen-dots .pen-dot{border-radius:7px;width:24px;height:24px;font-size:12px}.pen-dots .pen-dot.theirs{opacity:.55}.pen-clock{background:#ffffff17;border-radius:999px;height:4px;margin:0 0 10px;position:relative}.pen-clock-bar{background:var(--orange);border-radius:999px;transition:width .25s linear;position:absolute;top:0;bottom:0;left:0}.pen-clock b{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px;position:absolute;top:8px;right:0}.pen-dives{position:absolute;inset:0}.pen-dive{color:#fff9;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px dashed #78aef059;border-radius:10px;place-items:end center;width:33.3%;padding:0;font-size:10px;font-weight:800;display:grid;position:absolute;top:0;bottom:0}.pen-dive span{padding-bottom:5px}.pen-dive:active{background:#508cdc47;border-color:#78aef0}.d-L{left:0}.d-M{left:33.3%}.d-R{right:0}.pen-zones.locked,.pen-dives.locked{pointer-events:none;position:absolute;inset:0}.pen-zone.picked,.pen-dive.picked{border-style:solid;border-color:var(--orange);color:#fff;opacity:1;background:#f5871f38}.pen-dive.picked{background:#508cdc33;border-color:#78aef0}.pen-zone.covered{background:#508cdc1f;border-color:#78aef04d}.pen-invite{text-align:center}.pen-invite h2{margin:4px 0 10px;font-size:20px}.pen-invite .btn{margin-top:8px}.pen-end{text-align:center;letter-spacing:.04em;margin:14px 0 2px;font-size:26px;font-weight:900}.pen-end.won{color:#7fd0a2}.pen-end.lost{color:#ff8f74}.pen-end-score{text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:40px;font-weight:900}.pen-end-stake{text-align:center;color:var(--text-dim);margin:2px 0 14px}.pen-list{flex-direction:column;gap:8px;display:flex}.pen-rival{cursor:pointer;border:1px solid var(--line);color:inherit;font:inherit;background:#ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pen-rival b{font-size:16px}.pen-rival span{color:var(--text-dim);font-size:12px}.pen-rival:disabled{opacity:.45}.pen-stakes{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.pen-custom{border:1px solid var(--line);width:76px;color:inherit;font:inherit;text-align:center;background:#ffffff0f;border-radius:999px;padding:7px 10px;font-size:14px}.screen{padding-bottom:28px}.quick{margin:0 0 4px}.dial{border-radius:50%;flex:none;display:block}.quick-last{text-align:left;border:1px solid var(--orange);background:radial-gradient(120% 140% at 100% 0%, color-mix(in oklab, var(--orange) 22%, transparent), transparent 62%), var(--surface);width:100%;color:var(--text);cursor:pointer;border-radius:18px;align-items:center;gap:14px;margin:0 0 6px;padding:14px 16px;display:flex}.quick-k{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:800;display:block}.quick-mix{margin:4px 0 6px;font-size:16px;line-height:1.3;display:block}.quick-go{color:var(--orange);font-size:13.5px;font-weight:800}.quick-list{flex-direction:column;gap:6px;margin-top:6px;display:flex}.quick-more{border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:14px;justify-content:space-between;align-items:center;margin-top:6px;padding:12px 16px;font-size:14.5px;font-weight:800;display:flex}.quick-more span{color:var(--text-dim);font-size:12px;font-weight:600}.quick-more.on{border-color:var(--orange)}.quick-n{color:var(--orange);background:#f5871f38;border-radius:999px;margin-right:8px;padding:2px 7px;font-size:11px;font-style:normal;font-weight:800;display:inline-block}.quick-txt{min-width:0}.quick-fav{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);cursor:pointer;border-radius:14px;align-items:center;gap:11px;padding:11px 14px;display:flex}.quick-fav b{flex:1;min-width:0;font-size:13.5px;font-weight:700;line-height:1.3}.quick-fav span{color:var(--text-dim);flex:none;font-size:12px}.pen-chars{gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.pen-chars::-webkit-scrollbar{display:none}.pen-char{cursor:pointer;border:1px solid var(--line);color:inherit;font:inherit;background:#ffffff0d;border-radius:14px;flex-direction:column;flex:0 0 88px;align-items:center;gap:2px;padding:8px 4px 9px;display:flex}.pen-char img{object-fit:contain;width:62px;height:62px}.pen-char b{font-size:13px}.pen-char span{color:var(--text-dim);text-align:center;font-size:10px;line-height:1.2}.pen-char.on{border-color:var(--orange);background:#f5871f29}.pen-char.off{opacity:.38}.pen-char-lock{width:62px;height:62px;color:var(--text-dim);place-items:center;font-size:26px;font-weight:900;display:grid}.pen-shooter{filter:drop-shadow(0 10px 18px #0000008c);pointer-events:none;width:auto;height:54%;transition:left .44s cubic-bezier(.4,0,.6,1),bottom .44s cubic-bezier(.4,0,.6,1),height .44s cubic-bezier(.4,0,.6,1);position:absolute;bottom:-4%;left:57%;transform:translate(-50%)}.pen-shooter.run,.pen-shooter.kick,.pen-shooter.cheer{height:58%;bottom:-7%;left:52%}.screen.pen{padding:10px 0 calc(20px + env(safe-area-inset-bottom));gap:10px}.screen.pen>:not(.pen-pitch){padding-left:14px;padding-right:14px}.screen.pen .pen-pitch{box-shadow:none;border-radius:0}@media (width>=520px){.screen.pen .pen-pitch{border-radius:16px}.screen.pen>:not(.pen-pitch){padding-left:0;padding-right:0}.screen.pen{padding:14px 16px calc(20px + env(safe-area-inset-bottom))}}.screen.pen{min-height:100dvh}.pen-shooter{height:62%;bottom:-9%}.pen-shooter.run,.pen-shooter.kick,.pen-shooter.cheer{height:66%;bottom:-12%}.pen-zone{opacity:.62;color:#ffffffd1;font-size:10px}.pen-zone span{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006b;border-radius:6px;padding:2px 6px 3px}.pen-dive span{background:#0000006b;border-radius:6px;padding:2px 6px 3px}.pen-shooter{height:50%;bottom:-4%;left:70%}.pen-shooter.run{height:53%;bottom:-6%;left:60%}.pen-shooter.kick,.pen-shooter.cheer{height:53%;bottom:-6%;left:58%}.pen-shooter{left:64%}.pen-shooter.run{left:57%}.pen-shooter.kick,.pen-shooter.cheer{left:56%}.pen-zone span{letter-spacing:0;font-size:9px}.home{padding-top:0}.screen.pen .pen-pitch{aspect-ratio:1000/720;flex:none;min-height:0}@media (orientation:landscape){.screen.pen{grid-template-columns:1fr minmax(190px,30%);grid-auto-rows:min-content;align-content:start;gap:6px 12px;height:100dvh;min-height:0;padding:8px;display:grid}.screen.pen .pen-pitch{aspect-ratio:auto;border-radius:14px;grid-area:1/1/-1;height:100%;min-height:0}.screen.pen>:not(.pen-pitch){grid-column:2;padding:0}.screen.pen .brand-header h1{font-size:17px}.screen.pen .pen-say{margin:4px 0 0;font-size:12px}.screen.pen .btn.big{padding:12px 14px}.rotate-hint{display:none}}.rotate-hint{color:var(--mut,#9b9aa3);justify-content:center;align-items:center;gap:8px;margin:2px 0 0;font-size:12px;display:flex}.rotate-hint span{font-size:15px}.pen-shooter.plant{height:53%;transition-duration:.13s;bottom:-6%;left:56%}.rotate-gate{z-index:60;text-align:center;background:radial-gradient(circle at 50% 40%,#14261a 0%,#0d0f16 62%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:fixed;inset:0}.rotate-gate h2{margin:0;font-size:22px}.rotate-gate p{color:var(--mut,#9b9aa3);max-width:260px;margin:0;font-size:14px}.rotate-skip{opacity:.6;margin-top:18px;font-size:12px;text-decoration:underline}.rotate-phone{border:3px solid var(--orange,#f5871f);border-radius:14px;place-items:center;width:74px;height:128px;animation:2.4s cubic-bezier(.6,0,.3,1) infinite turn-phone;display:grid}.rotate-phone span{background:#f5871f8c;border-radius:2px;width:40px;height:4px}@keyframes turn-phone{0%,22%{transform:rotate(0)}45%,88%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (orientation:landscape){.screen.pen{height:100dvh;min-height:0;padding:8px;display:block;position:relative;overflow:hidden}.screen.pen .pen-pitch{aspect-ratio:auto;border-radius:14px;width:calc(68% - 12px);height:auto;position:absolute;top:8px;bottom:8px;left:8px}.screen.pen>:not(.pen-pitch){margin-left:68%;padding:0}.screen.pen .brand-header,.screen.pen .pen-dots,.screen.pen .pen-score{margin-bottom:6px}.screen.pen .pen-bar{height:30px;margin:8px 0 6px}.screen.pen .card{padding:10px}}.big-order{background:var(--orange);color:#14100c;width:100%;font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border:none;border-radius:8px;margin:14px 0 0;padding:22px 20px;font-size:21px;font-weight:700;transition:transform .11s,filter .14s;display:block}.big-order:active{filter:brightness(1.08);transform:scale(.985)}.quiet{align-items:stretch;margin:4px 0 0;display:flex}.quiet button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:18px 6px 6px;font-size:14px;font-weight:600;display:flex}.quiet button:disabled{opacity:.35}.quiet button span{color:var(--orange);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700}.quiet button:active{color:var(--text)}.live-line{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:10px 0 2px;font-size:14.5px;font-weight:600;display:flex}.live-line i{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite live-pulse}.live-line b{font-family:var(--font-display);color:var(--orange);margin-left:auto;font-size:15px}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #ff6a0080}50%{opacity:.75;box-shadow:0 0 0 6px #ff6a0000}}.hero-hi{color:var(--text-dim);margin:-2px 0 0;font-size:14px}@media (orientation:portrait){.screen.pen{transform-origin:0 0;width:100dvh;height:100dvw;max-height:none;position:fixed;top:0;left:100%;overflow:hidden;transform:rotate(90deg)}}.screen.pen{height:100dvh;min-height:0;padding:8px;display:block;position:relative;overflow:hidden}.screen.pen .pen-pitch{aspect-ratio:auto;border-radius:14px;flex:none;width:calc(68% - 12px);height:auto;min-height:0;max-height:none;position:absolute;top:8px;bottom:8px;left:8px}.screen.pen>:not(.pen-pitch){margin-left:68%;padding:0}.screen.pen .brand-header,.screen.pen .pen-dots,.screen.pen .pen-score{margin-bottom:6px}.screen.pen .pen-bar{height:30px;margin:8px 0 6px}.screen.pen .card{padding:10px}#root:has(.screen.pen){width:100%;max-width:none}.mark{place-items:center;padding:30px 0 22px;display:grid}.mark img{width:74%;max-width:300px;display:block}