*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%}body{font-family:system-ui,-apple-system,sans-serif}#app{display:none}canvas{display:block}.info-panel{position:fixed;top:50%;right:40px;transform:translateY(-50%);width:320px;background:#141414f2;border:1px solid rgba(139,115,85,.5);border-radius:8px;padding:30px;color:#fff;font-family:Georgia,serif;box-shadow:0 10px 40px #000c;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.info-panel.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translate(50px)}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#999;font-size:32px;cursor:pointer;line-height:1;transition:color .2s;padding:0}.close-btn:hover{color:#fff}.info-panel h2{margin:0 0 20px;font-size:24px;color:#d4af37;border-bottom:1px solid rgba(139,115,85,.3);padding-bottom:10px;font-weight:400}.info-row{display:flex;justify-content:space-between;margin:15px 0;font-size:14px;align-items:center}.info-row .label{color:#999;font-weight:300}.tier-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.tier-vip{background:linear-gradient(135deg,#d4af37,#f9d67a);color:#000}.tier-reserve{background:linear-gradient(135deg,#8b7355,#b89968);color:#fff}.tier-cellar{background:linear-gradient(135deg,#555,#888);color:#fff}.back-btn{position:fixed;top:30px;left:30px;padding:12px 24px;background:#141414e6;border:1px solid rgba(139,115,85,.5);color:#d4af37;font-family:Georgia,serif;font-size:14px;cursor:pointer;border-radius:4px;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:#8b73554d;border-color:#d4af37}.fade-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .8s ease;z-index:999}.fade-overlay.active{opacity:1}