:root{--bg:#0b0f19;--glass:#0c101bbd;--glass-border:#ffffff17;--text:#eef2f7;--muted:#9aa4b2;--accent:#22c55e;--gold:#febe10;--radius:14px;--top:56px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button,select,input{font:inherit;color:inherit}.hidden{display:none!important}#app{position:fixed;inset:0}.topbar{height:var(--top);z-index:20;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#080b13f5,#080b13e0);align-items:center;gap:18px;padding:0 18px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.01em;color:#fff;align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex}.brand svg{color:var(--gold)}.field{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.field select{border:1px solid var(--glass-border);color:var(--text);appearance:none;cursor:pointer;background-color:#ffffff0f;background-image:linear-gradient(45deg,#0000 50%,#9aa4b2 50%),linear-gradient(135deg,#9aa4b2 50%,#0000 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:8px;padding:6px 28px 6px 10px;font-size:12.5px;font-weight:600}.field select option{background:#111827}.seg{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:9px;padding:2px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:5px 11px;font-size:12.5px;font-weight:600;transition:all .15s}.seg button:hover{color:#fff}.seg button.on{color:#0b0f19;background:#fff;box-shadow:0 1px 6px #0000004d}.seg.small button{padding:4px 8px;font-size:11.5px}.btn{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff12;border-radius:9px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.btn:hover:not(:disabled){background:#ffffff24}.btn:disabled{opacity:.35;cursor:default}.btn.primary{background:var(--accent);color:#04210f;border-color:#0000;font-weight:700}.btn.primary:hover:not(:disabled){background:#34d771}.status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:12.5px;overflow:hidden}.status b{color:var(--text);font-weight:600}#viewport{top:var(--top);position:absolute;bottom:0;left:0;right:0}.view{position:absolute;inset:0}.view canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#view3d canvas{cursor:grab}#view3d canvas:active{cursor:grabbing}.view2d-canvas{background:#fff}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);box-shadow:0 12px 40px #00000059}.event-card{top:calc(var(--top) + 16px);z-index:10;width:300px;padding:14px 16px;position:absolute;left:16px}.ev-comp{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:600}.ev-teams{letter-spacing:-.01em;align-items:center;gap:10px;margin:8px 0 6px;font-size:17px;font-weight:800;display:flex}.crest{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:grid}.crest.rm{color:#0b1e4f;box-shadow:inset 0 0 0 2px var(--gold);background:#fff}.crest.fcb{color:#fff;background:linear-gradient(90deg,#a50044 50%,#004d98 50%);box-shadow:inset 0 0 0 2px #edbb00}.ev-vs{color:var(--muted);font-size:13px;font-weight:500}.ev-meta{color:var(--muted);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.ev-meta span{align-items:center;gap:7px;display:flex}.ev-stats{gap:8px;margin-top:12px;display:flex}.ev-stat{background:#ffffff0d;border-radius:9px;flex:1;padding:8px 10px}.ev-stat b{font-size:15px;display:block}.ev-stat small{color:var(--muted);font-size:11px}.legend{z-index:10;width:300px;padding:14px 16px;font-size:12.5px;position:absolute;bottom:16px;left:16px}.legend-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.cat-row{grid-template-columns:12px 1fr auto auto;align-items:center;gap:10px;padding:4px 0;display:grid}.cat-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px}.cat-row .price{font-weight:700}.cat-row .avail{color:var(--muted);text-align:right;min-width:64px;font-size:11.5px}.legend-sep{background:var(--glass-border);height:1px;margin:10px 0}.switch-row,.opt-row{color:#cfd6df;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.switch-row input{display:none}.switch{background:#ffffff26;border-radius:20px;flex:none;width:34px;height:20px;transition:all .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.switch-row input:checked+.switch{background:var(--accent)}.switch-row input:checked+.switch:after{left:16px}body.mode-2d .only3d{display:none}.zoom{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.zoom button{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:600;transition:all .15s;display:grid}.zoom button:hover{background:#283042e6}body.mode-2d .zoom button{color:#111827;background:#fff;border-color:#d6dbe1;box-shadow:0 2px 8px #00000014}.panel{top:calc(var(--top) + 16px);z-index:10;width:330px;max-height:calc(100% - var(--top) - 96px);flex-direction:column;padding:16px;display:flex;position:absolute;right:64px}.p-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.p-title{letter-spacing:-.02em;font-size:20px;font-weight:800}.p-sub{color:var(--muted);margin-top:2px;font-size:12.5px}.chip{background:#ffffff14;border-radius:99px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.p-avail{color:var(--muted);justify-content:space-between;margin:14px 0 6px;font-size:12px;display:flex}.bar{background:#ffffff14;border-radius:6px;height:6px;overflow:hidden}.bar i{border-radius:6px;height:100%;display:block}.p-help{color:#cfd6df;background:#22c55e1a;border:1px solid #22c55e40;border-radius:10px;margin-top:12px;padding:9px 11px;font-size:12.5px}.p-list{flex-direction:column;gap:6px;margin-top:14px;display:flex;overflow:auto}.p-list-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:14px;font-size:11px;font-weight:600}.seat-item{background:#ffffff0d;border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:9px 10px;font-size:12.5px;display:grid}.seat-item b{font-weight:700}.seat-item small{color:var(--muted);font-size:11px;display:block}.icon-btn{border:1px solid var(--glass-border);cursor:pointer;color:#cfd6df;background:#ffffff0d;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.icon-btn:hover{color:#fff;background:#ffffff24}.p-foot{border-top:1px solid var(--glass-border);flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;display:flex}.p-total{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.p-total b{color:#fff;font-size:18px}.p-actions{gap:8px;display:flex}.p-actions .btn{flex:1;padding:10px}.crumbs{z-index:10;white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.crumbs a{color:var(--muted);cursor:pointer;text-decoration:none}.crumbs a:hover{color:#fff}.crumbs .cur{color:#fff;font-weight:600}.crumbs .sep{color:#4b5563}.hint{z-index:9;color:#ffffffb3;text-shadow:0 1px 4px #000000b3;pointer-events:none;white-space:nowrap;font-size:11.5px;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}body.mode-2d .hint{color:#6b7280;text-shadow:none}.tooltip{z-index:30;pointer-events:none;border:1px solid var(--glass-border);background:#0a0d16eb;border-radius:11px;min-width:190px;padding:10px 12px;font-size:12.5px;position:fixed;transform:translate(14px,14px);box-shadow:0 8px 28px #00000073}.tt-title{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.tt-sub{color:var(--muted);margin:2px 0 8px;font-size:11.5px}.tt-row{justify-content:space-between;gap:14px;margin-top:4px;display:flex}.tt-row span{color:var(--muted)}.tt-na{color:#f87171;font-weight:600}.toast{top:calc(var(--top) + 16px);z-index:40;border:1px solid var(--glass-border);background:#111827;border-radius:10px;padding:10px 16px;font-size:13px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.loader{z-index:100;background:radial-gradient(#141b2d,#06080e);place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.loader.done{opacity:0;pointer-events:none}.loader-inner{text-align:center}.loader-title{letter-spacing:-.01em;margin-top:18px;font-size:18px;font-weight:800}.loader-sub{color:var(--muted);margin-top:6px;font-size:13px}.spinner{border:3px solid #ffffff1a;border-top-color:var(--gold);border-radius:50%;width:46px;height:46px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.event-card,.field>span{display:none}}