@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#05070c;--panel:#0e121cb8;--panel-border:#ffffff17;--text:#f2f4f8;--text-dim:#f2f4f899;--accent:#a5030d;--accent-2:#1c3f94;--curva:#ff5a3c;--tribuna:#3da9ff;--gold:#f2c14e;--platino:#d9dde3;--radius:18px;--shadow:0 10px 40px #00000073}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}canvas#stage{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas#stage:active{cursor:grabbing}.hidden{display:none!important}#loader{z-index:100;background:radial-gradient(#10131c 0%,#05070c 100%);justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#loader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{text-align:center;width:300px}.loader-logo{object-fit:contain;filter:drop-shadow(0 8px 16px #0000006b);transform-origin:50%;width:82px;height:82px;margin:0 auto 18px;animation:1.8s linear infinite loaderLogoSpin;display:block}@keyframes loaderLogoSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.loader-title{letter-spacing:.14em;color:var(--text-dim);margin-bottom:22px;font-size:15px;font-weight:800}.loader-bar{background:#ffffff17;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000052}.loader-bar-fill{background:linear-gradient(90deg, var(--accent), #d20f1c 55%, var(--accent-2));border-radius:999px;width:0%;height:100%;transition:width .28s cubic-bezier(.22,.61,.36,1);position:relative;box-shadow:0 0 14px #a5030d61}.loader-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff94,#0000);width:38%;animation:1.35s ease-in-out infinite loaderShimmer;position:absolute;inset:0;transform:translate(-140%)}@keyframes loaderShimmer{to{transform:translate(360%)}}.loader-meta{justify-content:space-between;align-items:center;gap:16px;margin-top:11px;display:flex}.loader-status{min-width:0;color:var(--text-dim);letter-spacing:.015em;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:11px;font-weight:500;transition:opacity .18s;overflow:hidden}.loader-pct{color:#f2f4f8d1;font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:700}#topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:18px 26px;display:flex;position:fixed;top:0;left:0;right:0}.brand-wrap{pointer-events:auto;align-items:center;gap:10px;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 5px 8px #0000007a);flex:none;width:50px;height:50px}.brand{pointer-events:auto;letter-spacing:.02em;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:700;display:flex}.brand-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%}.brand-sub{color:var(--text-dim);font-weight:500}#breadcrumb{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:flex}.crumb{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 6px;font-family:inherit;font-size:13px;font-weight:600}.crumb.active,.crumb:not(:disabled):hover{color:var(--text)}.crumb:disabled{cursor:default;opacity:.4}.crumb-sep{color:var(--text-dim);font-size:12px}#legend{z-index:20;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:4px;min-width:170px;max-height:52vh;padding:9px;display:flex;position:fixed;bottom:26px;left:26px;overflow-y:auto}.legend-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:6px 8px;font-family:inherit;transition:background .15s;display:flex}.legend-item:hover,.legend-item:focus-visible{background:#ffffff1c;outline:none;transform:translate(2px)}.legend-item.dimmed{opacity:.35}.legend-swatch{border-radius:4px;flex-shrink:0;width:12px;height:12px}.legend-label{flex:1;font-size:12px;font-weight:600}.legend-price{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}#legend.collapsed{gap:0;min-width:0;padding:8px;overflow:visible}#legend.collapsed .legend-item{opacity:1;background:#ffffff0e;padding:8px 10px}#legend.collapsed .legend-item.selected:hover{background:#ffffff1a}#tooltip{z-index:30;pointer-events:none;border:1px solid var(--panel-border);box-shadow:var(--shadow);background:#0a0c12eb;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;position:fixed;transform:translate(14px,14px)}#tooltip .dot{border-radius:50%;width:8px;height:8px}#tooltip .sub{color:var(--text-dim);font-weight:500}#sector-panel,#seat-panel{z-index:20;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);width:300px;box-shadow:var(--shadow);padding:24px;animation:.35s slideIn;position:fixed;top:90px;right:26px}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.close-btn{color:var(--text);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;width:28px;height:28px;font-size:13px;position:absolute;top:16px;right:16px}.close-btn:hover{background:#ffffff24}.panel-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:6px;font-size:11px;font-weight:700}#sector-panel h1,#seat-panel h1{margin:0 0 18px;font-size:26px;line-height:1.15}.panel-row{gap:20px;margin-bottom:16px;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:11px}.panel-hint{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.seat-actions{flex-direction:column;gap:10px;margin-top:6px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .12s,filter .12s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--accent), #d20f1c);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{opacity:.4;cursor:default;filter:none}.btn-ghost{color:var(--text);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1f}.btn-block{width:100%}#cart{z-index:20;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);width:300px;max-height:42vh;box-shadow:var(--shadow);flex-direction:column;display:flex;position:fixed;bottom:26px;right:26px;overflow:hidden}.cart-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:16px 18px;font-size:14px;font-weight:700;display:flex}#cart-count{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:2px 8px;font-size:11px;font-weight:800}.cart-items{flex:auto;padding:6px 10px;overflow-y:auto}.cart-items:empty:before{content:"Nessun posto selezionato";text-align:center;color:var(--text-dim);padding:22px 10px;font-size:12px;display:block}.cart-item{border-radius:10px;align-items:center;gap:10px;padding:9px 8px;display:flex}.cart-item:hover{background:#ffffff0d}.cart-item .dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.cart-item .info{flex:1;min-width:0}.cart-item .info .name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.cart-item .info .sub{color:var(--text-dim);font-size:11px}.cart-item .price{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.cart-item .remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:14px}.cart-item .remove:hover{color:var(--text);background:#ffffff14}.cart-footer{border-top:1px solid var(--panel-border);padding:14px 18px}.cart-total{justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}#cart-total{font-variant-numeric:tabular-nums}#controls-hint{z-index:15;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-dim);background:#0a0c128c;border-radius:999px;gap:18px;padding:8px 18px;font-size:11px;transition:opacity .4s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.hint-item b{color:var(--text);font-weight:700}.modal{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020306bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--panel-border);width:380px;max-width:90vw;box-shadow:var(--shadow);background:#11141c;border-radius:22px;padding:30px;position:relative}.modal-card h2{margin:0 0 16px;font-size:21px}.checkout-list{flex-direction:column;gap:8px;max-height:220px;margin-bottom:16px;display:flex;overflow-y:auto}.checkout-list .row{color:var(--text-dim);justify-content:space-between;font-size:13px;display:flex}.checkout-list .row b{color:var(--text);font-weight:600}.checkout-total{border-top:1px solid var(--panel-border);justify-content:space-between;margin-bottom:16px;padding:14px 0;font-size:16px;font-weight:800;display:flex}.checkout-note{color:var(--text-dim);text-align:center;margin:12px 0 0;font-size:11px}#checkout-success{text-align:center;padding:10px 0}.success-icon{color:#23c878;background:#23c87826;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:26px;font-weight:800;display:flex}#checkout-success p{color:var(--text-dim);margin:0 0 20px;font-size:13px}#mobile-bottom-stack{display:contents}@media (width<=1024px){#legend{min-width:168px;padding:12px}.legend-item{padding:7px 8px}#sector-panel,#seat-panel{width:270px;padding:20px}#cart{width:270px}#sector-panel h1,#seat-panel h1{font-size:23px}}@media (width<=680px){#topbar{padding:10px 12px}.brand-wrap{gap:7px}.brand-logo{width:34px;height:34px}.brand{padding:8px 12px;font-size:13px}.brand-sub{display:none}#breadcrumb{padding:6px 10px}.crumb{padding:3px 4px;font-size:12px}#controls-hint,#legend{display:none}#mobile-bottom-stack{z-index:22;filter:drop-shadow(0 10px 30px #0000006b);flex-direction:column;gap:0;max-height:52vh;display:flex;position:fixed;bottom:8px;left:8px;right:8px}#sector-panel,#seat-panel,#cart{width:100%;max-height:none;box-shadow:none;animation:none;position:static;inset:auto}#sector-panel,#seat-panel{border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;padding:12px 14px 11px;overflow:visible}#sector-panel .panel-eyebrow{display:none}#sector-panel h1{white-space:nowrap;text-overflow:ellipsis;margin:0 72px 8px 0;font-size:16px;overflow:hidden}#sector-panel .panel-row{gap:20px;margin:0}#sector-panel .stat{align-items:baseline;gap:5px;display:flex}#sector-panel .stat-value{font-size:17px}#sector-panel .stat-label{margin:0;font-size:9px}#sector-panel .panel-hint{display:none}#sector-panel .close-btn{top:10px;right:10px}#seat-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;max-height:24vh;padding:10px 12px 9px;display:grid;overflow-y:auto}#seat-panel .panel-eyebrow{grid-column:1/-1;margin:0 36px 3px 0;font-size:9px}#seat-panel h1{white-space:nowrap;text-overflow:ellipsis;grid-column:1;margin:0;font-size:16px;overflow:hidden}#seat-panel .panel-row{grid-column:2;margin:0 34px 0 0;display:flex}#seat-panel .stat-value{font-size:18px}#seat-panel .stat-label{display:none}#seat-panel .seat-actions{grid-column:1/-1;gap:5px;margin-top:7px}#seat-panel .seat-actions .btn{padding:9px 12px}#cart{border-radius:var(--radius);max-height:30vh}#sector-panel:not(.hidden)+#seat-panel.hidden+#cart,#seat-panel:not(.hidden)+#cart{border-radius:0 0 var(--radius) var(--radius)}.cart-header{padding:10px 14px}.cart-items{padding:4px 10px}.cart-items:empty:before{padding:10px}.cart-footer{padding:9px 14px 11px}.cart-total{margin-bottom:8px}#tooltip{padding:6px 10px;font-size:11px}.modal-card{width:92vw;padding:22px}}@media (width<=420px){#mobile-bottom-stack{max-height:55vh}#sector-panel{padding:11px 12px 10px}#seat-panel{padding:9px 10px 8px}#seat-panel h1{font-size:15px}#seat-panel .stat-value{font-size:17px}#cart{max-height:31vh}}@media (height<=560px) and (orientation:landscape){#mobile-bottom-stack{max-height:72vh}#sector-panel,#seat-panel{max-height:34vh;overflow-y:auto}#cart{max-height:36vh}}.callout-layer{z-index:18;pointer-events:none;position:fixed;inset:0;overflow:hidden}.stadium-callout{pointer-events:auto;opacity:1;will-change:opacity;font-family:Inter,system-ui,sans-serif;transition:opacity .22s,filter .22s;position:relative;transform:translate(-50%,-50%)}.stadium-callout.is-occluded{opacity:0;pointer-events:none;filter:blur(2px)}.stadium-callout__marker{z-index:2;color:#fff;width:16px;height:16px;font:inherit;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ffffff3d,#0000 34%),#a5030df5;border:1px solid #fffffff5;border-radius:50%;place-items:center;padding:0;font-size:7px;font-weight:800;line-height:1;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 3px 9px #0000006b,0 0 0 3px #a5030d24}.stadium-callout__marker:after{content:"";border:1px solid #ffffff3b;border-radius:50%;animation:2.5s ease-out infinite calloutPulse;position:absolute;inset:-4px}.stadium-callout__anchor-line{z-index:1;transform-origin:top;opacity:.75;pointer-events:none;background:linear-gradient(#ffffffb8,#fff0);width:1px;height:18px;transition:height .18s,opacity .18s;position:absolute;top:9px;left:50%;transform:translate(-50%)}.stadium-callout__anchor-line:after{content:"";background:#ffffffd1;border-radius:50%;width:3px;height:3px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.stadium-callout__marker:hover,.stadium-callout.is-open .stadium-callout__marker{background:radial-gradient(circle at 35% 30%,#ffffff47,#0000 34%),#d20f1c;transform:scale(1.18);box-shadow:0 5px 14px #0000007a,0 0 0 4px #a5030d33}.stadium-callout.is-open .stadium-callout__anchor-line{opacity:.95;height:22px}.stadium-callout__panel{width:218px;color:var(--text);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);opacity:0;visibility:hidden;transform-origin:0;background:linear-gradient(145deg,#ffffff09,#0000 42%),#0a0d15f0;border:1px solid #ffffff1f;border-radius:11px;padding:11px 13px;transition:opacity .19s,visibility .19s,transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:29px;transform:translate(7px,-50%)scale(.97);box-shadow:0 14px 38px #0000006b,inset 0 1px #ffffff09}.stadium-callout__panel:before{content:"";background:linear-gradient(270deg,#ffffffa3,#ffffff1f);width:13px;height:1px;position:absolute;top:50%;right:100%}.stadium-callout__panel:after{content:"";background:linear-gradient(to bottom, var(--accent), #a5030d2e);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.stadium-callout__panel strong,.stadium-callout__panel span{display:block}.stadium-callout__panel strong{letter-spacing:.01em;margin-bottom:4px;padding-left:3px;font-size:13px;line-height:1.25}.stadium-callout__panel span{color:var(--text-dim);padding-left:3px;font-size:11px;line-height:1.45}.stadium-callout.is-open .stadium-callout__panel{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}@keyframes calloutPulse{0%{opacity:.62;transform:scale(.78)}72%,to{opacity:0;transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.stadium-callout,.stadium-callout__marker,.stadium-callout__panel,.stadium-callout__anchor-line{transition:none}.stadium-callout__marker:after{animation:none}}@media (width<=680px){.callout-layer{z-index:17}.stadium-callout__marker{width:14px;height:14px;font-size:6px;box-shadow:0 3px 9px #0006,0 0 0 2px #a5030d29}.stadium-callout__marker:after{inset:-3px}.stadium-callout__anchor-line{height:15px;top:8px}.stadium-callout__panel{width:min(196px,60vw);padding:10px 12px;left:25px}}