.fpot{--fpot-deep:#283f31;--fpot-cream:#fffdf7;--fpot-line:#d9d9cb;gap:18px;min-width:0;display:grid}.fpot *,.fpot :before,.fpot :after{box-sizing:border-box}.fpot button,.fpot input{font:inherit}.fpot-template-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.fpot-template-list>button{color:#293b31;text-align:left;border:1px solid var(--fpot-line);background:#fbfaf4;border-radius:14px;flex-direction:column;align-items:stretch;gap:11px;min-width:0;min-height:164px;padding:16px;transition:border-color .16s,background .16s,transform .16s;display:flex}.fpot-template-list>button:hover{background:#fffef9;border-color:#8c9c88;transform:translateY(-2px)}.fpot-template-list>button.is-selected{color:#fffdf7;background:var(--fpot-deep);border-color:var(--fpot-deep)}.fpot-template-top{align-items:center;gap:8px;display:flex}.fpot-template-top strong{min-width:0;font-size:13px;line-height:1.35}.fpot-template-top svg:last-child{margin-left:auto}.fpot-template-description{color:#667066;font-size:11px;line-height:1.6}.fpot-template-list>button.is-selected .fpot-template-description{color:#dbe6d9}.fpot-template-mode{letter-spacing:.1em;text-transform:uppercase;color:#5b6f5d;margin-top:auto;font-size:8px;font-weight:800;line-height:1.4}.fpot-template-list>button.is-selected .fpot-template-mode{color:#f1d1a2}.fpot-stage{background:#eee9de;border:1px solid #d8d5ca;border-radius:22px;grid-template-columns:minmax(0,1fr) 320px;min-width:0;display:grid;overflow:hidden}.fpot-preview{background:radial-gradient(circle at 80% 10%,#f1d1a240,#0000 28%),#fffdf7;min-width:0;padding:26px}.fpot-preview-header,.fpot-ticket-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.fpot-kicker,.fpot-ticket-title>div>span{color:#566157;letter-spacing:.12em;margin-bottom:6px;font-size:9px;font-weight:800;line-height:1.5;display:block}.fpot-preview h3,.fpot-ticket h3{letter-spacing:-.045em;margin:0;font-size:22px;line-height:1.25}.fpot-demo-badge{color:#465e45;background:#eef3e5;border:1px solid #dae3cc;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:750;display:inline-flex}.fpot-wheel-wrap{justify-items:center;min-width:0;margin-top:16px;display:grid}.fpot-help{color:#626c62;text-align:center;max-width:560px;font-size:11px;line-height:1.65}.fpot-wheel{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,410px);min-width:0;margin:2px auto 0;position:relative}.fpot-ring{pointer-events:none;border:1px solid #d9ded2;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fpot-ring-outer{border-style:dashed;width:296px;height:296px}.fpot-ring-inner{background:#f4f2ea80;width:174px;height:174px}.fpot-wheel.is-fan .fpot-ring-outer{clip-path:inset(0 0 50%)}.fpot-wheel-node,.fpot-wheel-center{z-index:2;color:#2b4733;background:#fffef9;border:1px solid #cfd8c9;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 7px 23px #273d2d14}.fpot-wheel-node{width:96px;min-height:65px;transform:translate(-50%, -50%) translate(var(--fpot-x), var(--fpot-y));border-radius:15px;flex-direction:column;gap:3px;padding:7px}.fpot-wheel-node:hover,.fpot-wheel-node.is-selected{color:#173f31;background:#e8f1da;border-color:#5e7c5e}.fpot-wheel-node span{text-align:center;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:750;line-height:1.2;overflow:hidden}.fpot-wheel-node small{color:#697168;font-size:8px}.fpot-wheel-center{border:7px solid #ece9df;border-radius:50%;flex-direction:column;gap:6px;width:108px;height:108px;padding:10px;transform:translate(-50%,-50%)}.fpot-wheel-center:hover,.fpot-wheel-center.is-open{color:#fff;background:var(--fpot-deep);border-color:#dbe3d3}.fpot-wheel-center strong{font-size:22px}.fpot-wheel-center span{text-align:center;text-overflow:ellipsis;max-width:82px;font-size:9px;font-weight:800;line-height:1.25;overflow:hidden}.fpot-quantity,.fpot-seat-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:-18px;display:flex}.fpot-quantity>button,.fpot-seat-actions button,.fpot-back{color:#2e4d38;background:#f4f6ed;border:1px solid #d3dbc9;border-radius:9px;min-height:44px;padding:9px 12px;font-size:11px;font-weight:750}.fpot-quantity>button:first-child,.fpot-quantity>button:nth-child(3){width:44px;padding:0}.fpot-quantity>span{text-align:center;min-width:128px;font-size:11px;font-weight:750}.fpot-quantity .fpot-add,.fpot-seat-actions button.is-active{color:#fff;background:var(--fpot-deep);border-color:var(--fpot-deep)}.fpot-back{text-underline-offset:3px;background:0 0;border-color:#0000;margin-top:-18px;text-decoration:underline}.fpot-seats{scrollbar-width:thin;gap:6px;width:100%;margin-bottom:11px;display:flex;overflow-x:auto}.fpot-seats span{color:#657065;border:1px solid #dce0d6;border-radius:999px;flex:1 0 auto;align-items:center;gap:5px;min-height:35px;padding:5px 9px;font-size:9px;display:inline-flex}.fpot-seats span.is-active{color:#fff;background:#31513d;border-color:#31513d}.fpot-seats b{width:19px;height:19px;color:inherit;background:#ffffff20;border-radius:50%;place-items:center;display:inline-grid}.fpot-live{color:#415842;background:#edf3e5;border-left:3px solid #668060;border-radius:0 9px 9px 0;min-height:44px;margin:18px 0 0;padding:11px 13px;font-size:11px;line-height:1.6}.fpot-ticket{color:#293b31;background:#eee9de;border-left:1px solid #d8d5ca;flex-direction:column;min-width:0;padding:24px;display:flex}.fpot-ticket-title button{color:#526357;background:0 0;border:0;align-items:center;gap:5px;min-height:44px;padding:6px 4px;font-size:10px;font-weight:750;display:inline-flex}.fpot-ticket ul{gap:0;margin:23px 0 0;padding:0;list-style:none;display:grid}.fpot-ticket li{border-bottom:1px solid #d4d2c9;grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;padding:13px 0;display:grid}.fpot-ticket li>div:first-child{gap:3px;min-width:0;display:grid}.fpot-ticket li strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.fpot-ticket li small{color:#677068;font-size:8px}.fpot-ticket li>b{font-size:10px}.fpot-ticket-quantity{grid-column:1/-1;justify-content:flex-start;align-items:center;gap:7px;display:flex}.fpot-ticket-quantity button{color:#2f503a;background:#fffdf7;border:1px solid #d4d2c9;border-radius:8px;place-items:center;width:36px;min-height:36px;padding:0;display:inline-grid}.fpot-ticket-quantity span{text-align:center;min-width:28px;font-size:10px;font-weight:800}.fpot-empty{color:#566157;text-align:center;align-content:center;place-items:center;gap:12px;min-height:210px;display:grid}.fpot-empty p{max-width:190px;font-size:11px;line-height:1.65}.fpot-total{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:20px;font-size:11px;display:flex}.fpot-total strong{font-size:18px}.fpot-safety{color:#566157;margin:17px 0 0;font-size:9px;line-height:1.65}.fpot-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px;display:grid}.fpot-card-grid>button,.fpot-search-results>button{color:#2e4335;text-align:left;background:#fff;border:1px solid #d8ddd1;border-radius:11px;align-items:center;gap:12px;min-width:0;min-height:72px;padding:12px 14px;display:flex}.fpot-card-grid>button:hover,.fpot-search-results>button:hover{background:#eef4e6;border-color:#7e9679}.fpot-card-grid>button>span,.fpot-search-results>button>span{flex:1;gap:2px;min-width:0;display:grid}.fpot-card-grid small,.fpot-search-results small{color:#6a756b;font-size:8px}.fpot-card-grid strong,.fpot-search-results strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.fpot-card-grid b,.fpot-search-results b{color:#4c5f4e;font-size:10px}.fpot-search{margin-top:25px}.fpot-search>label{margin-bottom:7px;font-size:10px;font-weight:800;display:block}.fpot-search-field{background:#fff;border:1px solid #bdc9b8;border-radius:10px;align-items:center;gap:10px;padding:0 13px;display:flex}.fpot-search-field:focus-within{outline-offset:3px;outline:3px solid #2d7358}.fpot-search-field input{color:#203d2d;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:48px;padding:0}.fpot-search-results{gap:7px;margin-top:10px;display:grid}.fpot-search-results>button{min-height:60px}.fpot-search-results>p{color:#667066;text-align:center;padding:24px;font-size:11px}@media (max-width:1080px){.fpot-template-list{grid-template-columns:repeat(3,minmax(0,1fr))}.fpot-template-list>button{min-height:145px}.fpot-stage{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:760px){.fpot-template-list{scroll-snap-type:x proximity;scrollbar-width:thin;margin-inline:calc(-50vw + 50%);padding-inline:max(20px,50vw - 50%);display:flex;overflow-x:auto}.fpot-template-list>button{scroll-snap-align:center;width:min(76vw,250px);min-width:min(76vw,250px);min-height:146px}.fpot-stage{grid-template-columns:1fr}.fpot-preview,.fpot-ticket{padding:21px}.fpot-ticket{border-top:1px solid #d8d5ca;border-left:0;min-height:340px}}@media (max-width:460px){.fpot-preview-header{flex-direction:column;align-items:stretch}.fpot-demo-badge{align-self:flex-start}.fpot-wheel{width:min(100%,318px)}.fpot-ring-outer{width:218px;height:218px}.fpot-ring-inner{width:136px;height:136px}.fpot-wheel-node{width:76px;min-height:60px;transform:translate(-50%, -50%) translate(calc(var(--fpot-x) * .72), calc(var(--fpot-y) * .72))}.fpot-wheel-center{width:92px;height:92px}.fpot-quantity,.fpot-seat-actions,.fpot-back{margin-top:-4px}.fpot-quantity>span{min-width:105px}.fpot-quantity .fpot-add{width:100%}.fpot-card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.fpot *,.fpot :before,.fpot :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}