:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{background-color:#242424}body{margin:0;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.app{width:100%;height:100%;display:flex}.world-viewport{width:100vw;height:100vh;overflow:hidden;background:#5bc0eb;position:relative}.world-camera{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.world-camera svg{shape-rendering:geometricPrecision}.world-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.world-layer svg{display:block;width:100%;height:100%}.world-background{z-index:1}.world-sortable{z-index:10;pointer-events:auto}.world-foreground{z-index:20}.world-entities{z-index:10;pointer-events:auto}.player-container{position:absolute;top:0;left:0;pointer-events:none;z-index:10;will-change:transform;backface-visibility:hidden}.player-sprite{width:100%;height:100%;display:block;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast}.player-sprite img{display:block;width:100%;height:100%;image-rendering:optimizeQuality}.player-shadow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:#00000040;border-radius:50%;pointer-events:none;z-index:-1}.player-container.local-player{z-index:20}.player-sprite.walking{animation:walk-bob .2s ease-in-out infinite}@keyframes walk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.player-container[data-direction=left] .player-sprite{transform:scaleX(-1)}.player-container[data-direction=right] .player-sprite{transform:scaleX(1)}.player-container[data-direction=left] .player-sprite.walking{animation:walk-bob-left .2s ease-in-out infinite}.player-container[data-direction=right] .player-sprite.walking{animation:walk-bob .2s ease-in-out infinite}@keyframes walk-bob-left{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-4px)}}.player-speech-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;width:max-content;background:#fdf6e3;border:2px solid #2C1810;border-radius:12px;padding:5px 10px;max-width:150px;box-shadow:1px 2px #2c181033;animation:bubble-appear .2s ease-out;pointer-events:none;z-index:100}.player-speech-bubble:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #2C1810}.player-speech-bubble:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #FDF6E3}.player-speech-bubble .bubble-text{display:block;font-family:Patrick Hand,cursive;font-size:.875rem;color:#2c1810;line-height:1.2;max-width:150px;word-wrap:break-word;white-space:normal}@keyframes bubble-appear{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:480px){.player-speech-bubble{max-width:120px;padding:4px 8px}.player-speech-bubble .bubble-text{font-size:.75rem}}.map-overlay-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.map-overlay-container{background:#f5e6c8;background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(139,90,43,.03) 20px,rgba(139,90,43,.03) 21px),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(139,90,43,.03) 20px,rgba(139,90,43,.03) 21px);border:4px solid #8B5A2B;border-radius:8px;box-shadow:0 0 0 2px #d4a574,0 8px 32px #0006,inset 0 0 60px #8b5a2b1a;max-width:90vw;max-height:90vh;overflow:hidden}.map-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:2px solid #8B5A2B;background:linear-gradient(180deg,rgba(139,90,43,.1) 0%,transparent 100%)}.map-overlay-title{font-family:Patrick Hand,cursive;font-size:1.5rem;font-weight:600;color:#5c3317;margin:0;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.map-overlay-close{width:32px;height:32px;border:2px solid #8B5A2B;border-radius:50%;background:#f5e6c8;color:#5c3317;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.map-overlay-close:hover{background:#8b5a2b;color:#f5e6c8}.map-overlay-map{position:relative;margin:16px;border:2px solid #8B5A2B;border-radius:4px;background:#e8d9b8;box-shadow:inset 0 2px 8px #0000001a}.map-svg{width:100%;height:100%;display:block}.map-walkable-area{fill:#c9b896;stroke:#a69372;stroke-width:2;stroke-dasharray:4 2}.map-zone-rect{fill:#4caf5033;stroke:#4caf50;stroke-width:2;stroke-dasharray:4 2}.map-zone-icon{fill:#4caf50;stroke:#2e7d32;stroke-width:2}.map-player-dot{fill:#fc0;stroke:#2c1810;stroke-width:2}.map-player-pulse{fill:transparent;stroke:#fc0;stroke-width:3;animation:player-pulse 1.5s ease-out infinite}@keyframes player-pulse{0%{r:8;opacity:1;stroke-width:3}to{r:24;opacity:0;stroke-width:1}}.map-zone-button{position:absolute;background:transparent;border:none;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:transform .15s ease}.map-zone-button:hover{transform:scale(1.05)}.map-zone-button:hover .map-zone-name{background:#fc0;color:#2c1810}.map-zone-name{font-family:Patrick Hand,cursive;font-size:.75rem;font-weight:600;color:#2c1810;background:#f5e6c8e6;padding:2px 8px;border-radius:4px;border:1px solid #8B5A2B;white-space:nowrap;transition:all .15s ease}.map-overlay-legend{display:flex;gap:24px;padding:12px 16px;border-top:2px solid #8B5A2B;background:linear-gradient(0deg,rgba(139,90,43,.1) 0%,transparent 100%);justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-family:Patrick Hand,cursive;font-size:.875rem;color:#5c3317}.legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid #2C1810}.legend-dot.player{background:#fc0;animation:legend-pulse 1.5s ease-out infinite}.legend-dot.zone{background:#4caf50}@keyframes legend-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media(max-width:768px){.map-overlay-container{margin:10px}.map-overlay-map{width:calc(100vw - 60px)!important;height:calc((100vw - 60px)*.67)!important;max-height:50vh}.map-zone-name{font-size:.65rem;padding:1px 4px}.map-overlay-legend{flex-direction:column;gap:8px;align-items:center}}.world-chat-input{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:200;padding:0 16px;max-width:500px;width:calc(100% - 32px)}.chat-input-bubble{flex:1;position:relative;background:#fdf6e3;border:3px solid #2C1810;border-radius:24px;padding:12px 20px;box-shadow:2px 3px #2c181033}.bubble-tail-border{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid #2C1810}.bubble-tail-fill{position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FDF6E3}.chat-input-bubble input{width:100%;border:none;background:transparent;font-family:Patrick Hand,cursive;font-size:1.25rem;color:#2c1810;outline:none}.chat-input-bubble input::placeholder{color:#8b7355;opacity:.7}.chat-input-bubble input:disabled{opacity:.5}.chat-send-button{background:#fc0;border:3px solid #2C1810;border-radius:16px;padding:12px 24px;font-family:Patrick Hand,cursive;font-size:1.25rem;font-weight:600;color:#2c1810;cursor:pointer;outline:none;box-shadow:0 6px #a67c00;transform:translateY(0);transition:transform .05s ease,box-shadow .05s ease,background .05s ease;flex-shrink:0}.chat-send-button:focus,.chat-send-button:focus-visible{outline:none!important;border-color:#2c1810}.chat-send-button:hover:not(:active):not(:disabled){transform:translateY(-2px);box-shadow:0 8px #a67c00}.chat-send-button:active,.chat-send-button:active:focus{background:#b8960b;box-shadow:0 0 #a67c00;transform:translateY(6px)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;transform:translateY(0);box-shadow:0 6px #a67c00}@media(max-width:480px){.world-chat-input{bottom:12px;gap:8px}.chat-input-bubble{padding:10px 16px}.chat-input-bubble input{font-size:1rem}.chat-send-button{padding:10px 16px;font-size:1rem}}.event-card{background:#ffffff0d;border:2px solid var(--event-color, #888);border-radius:12px;padding:16px;cursor:pointer;transition:background .2s,transform .1s}.event-card:hover{background:#ffffff14}.event-card:active{transform:scale(.99)}.event-card--active{background:rgba(var(--event-color-rgb, 52, 199, 89),.1);border-width:3px}.event-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.event-card-title{display:flex;align-items:center;gap:10px}.event-card-icon{font-size:1.5rem}.event-card-name{font-size:1.1rem;font-weight:600;color:#fff}.event-card-status{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.event-card-status--scheduled{background:#8883;color:#888}.event-card-status--lobby{background:#ff950033;color:#ff9500}.event-card-status--active{background:#34c75933;color:#34c759}.event-card-status--complete{background:#007aff33;color:#007aff}.event-card-status--cancelled{background:#ff3b3033;color:#ff3b30}.event-card-body{margin-bottom:12px}.event-card-phase{display:flex;align-items:center;gap:10px;color:#ccc;font-size:.95rem}.phase-round{color:#fff;font-weight:500}.phase-separator{color:#666}.phase-time{color:var(--event-color, #34c759)}.event-card-time{color:#fc0;font-size:1rem;font-weight:500}.event-card-details{display:flex;align-items:center;gap:8px;color:#888;font-size:.9rem;margin-top:8px}.detail-separator{color:#555}.event-card-actions{display:flex;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.event-card-btn{flex:1;padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.event-card-btn:hover{opacity:.85}.event-card-btn:active{transform:scale(.98)}.event-card-btn--secondary{background:#ffffff1a;color:#fff}.event-card-btn--danger{background:#ff3b3033;color:#ff3b30}.event-card-btn--primary{background:var(--event-color, #E53935);color:#fff}.event-card--compact{padding:12px}.event-card--compact .event-card-header{margin-bottom:8px}.event-card--compact .event-card-icon{font-size:1.2rem}.event-card--compact .event-card-name{font-size:1rem}.event-card--compact .event-card-body{margin-bottom:0}.event-card--compact .event-card-actions{display:none}.event-card--compact:hover .event-card-actions{display:flex;margin-top:12px}.add-event-modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.add-event-modal{background:#1a1a2e;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.add-event-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.add-event-modal-header h2{margin:0;font-size:1.25rem;color:#fff}.modal-close-button{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close-button:hover{color:#fff}.add-event-modal-content{flex:1;overflow-y:auto;padding:20px}.form-section{margin-bottom:24px}.form-label{display:block;font-size:.85rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.game-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.game-type-option{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff0d;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.game-type-option:hover{background:#ffffff1a}.game-type-option.selected{background:rgba(var(--game-color-rgb, 229, 57, 53),.15);border-color:var(--game-color, #E53935)}.game-type-icon{font-size:1.5rem}.game-type-name{font-size:.95rem;color:#fff;font-weight:500}.start-time-options{display:flex;flex-direction:column;gap:10px}.start-time-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.start-time-option:hover{background:#ffffff1a}.start-time-option.selected{background:#ffcc001a;border-color:#fc0}.start-time-option input[type=radio]{accent-color:#FFCC00;width:18px;height:18px}.option-content{display:flex;align-items:center;gap:8px;color:#ccc;font-size:.95rem}.inline-input{width:60px;padding:6px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.95rem;text-align:center}.inline-input:disabled{opacity:.5}.inline-input.time-input{width:100px}.settings-grid{display:flex;flex-direction:column;gap:12px}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.setting-label{color:#ccc;font-size:.95rem;min-width:120px}.setting-input-group{display:flex;align-items:center;gap:8px}.setting-adjust-btn{width:32px;height:32px;background:#ffffff1a;border:none;border-radius:6px;color:#fff;font-size:1.2rem;cursor:pointer;transition:background .2s}.setting-adjust-btn:hover{background:#fff3}.setting-input{width:60px;padding:8px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem;text-align:center}.setting-suffix{color:#888;font-size:.85rem;min-width:60px}.duration-estimate{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#ffcc001a;border:1px solid rgba(255,204,0,.3);border-radius:10px;color:#fc0;font-size:.95rem}.duration-icon{font-size:1.2rem}.duration-text{flex:1}.duration-text strong{color:#fff}.duration-note{color:#888;font-size:.85rem}.add-event-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.modal-cancel-btn{padding:10px 20px;background:#ffffff1a;border:none;border-radius:8px;color:#ccc;font-size:.95rem;cursor:pointer;transition:background .2s}.modal-cancel-btn:hover:not(:disabled){background:#ffffff26}.modal-save-btn{padding:10px 24px;background:#e53935;border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.modal-save-btn:hover:not(:disabled){opacity:.9}.modal-save-btn:active:not(:disabled){transform:scale(.98)}.modal-save-btn:disabled,.modal-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:500px){.add-event-modal{max-height:100vh;border-radius:0}.game-type-selector{grid-template-columns:1fr}.setting-item{flex-direction:column;align-items:flex-start;gap:8px}.setting-input-group{width:100%;justify-content:space-between}.duration-estimate{flex-wrap:wrap}.duration-note{width:100%;margin-top:4px}}.admin-scheduler-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.admin-scheduler-panel{background:#1a1a2e;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.admin-scheduler-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-scheduler-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.close-button{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-button:hover{color:#fff}.admin-scheduler-content{overflow-y:auto;padding:20px;flex:1}.scheduler-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0d;border-radius:10px;margin-bottom:20px}.scheduler-status{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:500;color:#ccc}.scheduler-status .status-dot{width:10px;height:10px;border-radius:50%;background:#888}.scheduler-status.on .status-dot{background:#34c759;box-shadow:0 0 8px #34c75980}.scheduler-status.off .status-dot{background:#ff3b30}.toggle-btn{padding:8px 16px;background:#ffffff1a;border:none;border-radius:8px;color:#ccc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn:hover:not(:disabled){background:#ffffff26}.toggle-btn.active{background:#34c75933;color:#34c759}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.scheduler-section{margin-bottom:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{margin:0 0 12px;font-size:.8rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px}.section-header .section-title{margin-bottom:0}.section-desc{margin:0 0 12px;font-size:.85rem;color:#666}.add-event-btn{padding:6px 14px;background:#ffcc0026;border:1px solid rgba(255,204,0,.3);border-radius:6px;color:#fc0;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.add-event-btn:hover{background:#ffcc0040}.upcoming-list{display:flex;flex-direction:column;gap:10px}.empty-state{padding:24px;text-align:center;color:#666;font-size:.9rem;background:#ffffff08;border-radius:10px;border:1px dashed rgba(255,255,255,.1)}.quick-start-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-start-btn{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ffffff0d;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.quick-start-btn:hover:not(:disabled){background:rgba(var(--btn-color-rgb, 229, 57, 53),.1);border-color:var(--btn-color, #E53935)}.quick-start-btn:disabled{opacity:.5;cursor:not-allowed}.quick-start-icon{font-size:1.5rem}.quick-start-name{font-size:.95rem;font-weight:500;color:#fff}.clear-queue-btn{width:100%;padding:12px;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;color:#ff3b30;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.clear-queue-btn:hover:not(:disabled){background:#ff3b3033}.clear-queue-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:540px){.admin-scheduler-overlay{padding:0}.admin-scheduler-panel{max-width:none;max-height:100vh;border-radius:0}.quick-start-grid{grid-template-columns:1fr}}.schedule-bar{position:fixed;left:0;right:0;z-index:90;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s,transform .3s ease-out,opacity .3s ease-out}.schedule-bar--hidden{opacity:0}.schedule-bar--visible{opacity:1}.schedule-bar--top.schedule-bar--hidden{transform:translateY(-100%)}.schedule-bar--top.schedule-bar--visible{transform:translateY(0)}.schedule-bar--bottom.schedule-bar--hidden{transform:translateY(100%)}.schedule-bar--bottom.schedule-bar--visible{transform:translateY(0)}.schedule-bar:hover{background:#000000d9}.schedule-bar--top{top:0}.schedule-bar--bottom{bottom:0;border-bottom:none;border-top:1px solid rgba(255,255,255,.1)}.schedule-bar--lobby{animation:lobby-pulse 2s ease-in-out infinite}@keyframes lobby-pulse{0%,to{background:#000000bf;box-shadow:none}50%{background:#ffcc0026;box-shadow:0 0 20px #fc03}}.schedule-bar-content{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px;min-height:44px;max-width:800px;margin:0 auto}.schedule-current{display:flex;align-items:center;gap:8px}.schedule-icon{font-size:1.2rem}.schedule-name{font-size:.95rem;font-weight:600;color:#fff}.schedule-status{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.schedule-status--active{background:#34c75940;color:#34c759}.schedule-round{font-size:.85rem;color:#aaa}.schedule-countdown{font-size:.9rem;color:#fc0;font-weight:500}.schedule-divider{width:1px;height:20px;background:#fff3}.schedule-next{display:flex;align-items:center;gap:6px}.schedule-label{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.schedule-time{font-size:.85rem;color:#aaa}.schedule-next-only{display:flex;align-items:center;gap:8px}.schedule-next-only .schedule-label{color:#fc0}.schedule-next-only .schedule-name{color:#fff}.schedule-next-only .schedule-time{color:#ccc}@media(max-width:600px){.schedule-bar-content{padding:8px 12px;gap:10px}.schedule-icon{font-size:1rem}.schedule-name{font-size:.85rem}.schedule-round,.schedule-time{font-size:.8rem}.schedule-label{font-size:.7rem}.schedule-next .schedule-name{display:none}}@media(max-width:400px){.schedule-bar-content{gap:8px}.schedule-status,.schedule-divider,.schedule-next{display:none}}.game-world{position:relative;overflow:hidden;contain:layout style paint}.map-button{position:fixed;top:16px;left:16px;z-index:100;width:48px;height:48px;background:#fdf6e3;border:3px solid #2C1810;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2c1810;box-shadow:0 4px #2c18104d;transition:transform .1s,box-shadow .1s}.map-button:hover{background:#fc0}.map-button:active{transform:translateY(4px);box-shadow:0 0 #2c18104d}@media(max-width:768px){.map-button{width:44px;height:44px;top:12px;left:12px}.map-button svg{width:20px;height:20px}}.scheduler-button-world{position:fixed;top:16px;right:16px;width:48px;height:48px;font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #FFCC00;border-radius:50%;cursor:pointer;z-index:100;box-shadow:0 4px 12px #667eea66;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.scheduler-button-world:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea99}.scheduler-button-world:active{transform:scale(1.05)}@media(max-width:768px){.scheduler-button-world{width:44px;height:44px;top:12px;right:12px;font-size:1.25rem}}.zone-prompt{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:100;pointer-events:auto;animation:prompt-appear .25s ease-out}@keyframes prompt-appear{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.zone-prompt.exiting{animation:prompt-exit .25s ease-in forwards}@keyframes prompt-exit{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(16px)}}.zone-prompt-content{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fdf6e3;border:3px solid #2C1810;border-radius:16px;padding:16px 24px;box-shadow:0 6px #2c18104d}.zone-prompt-text{font-family:Patrick Hand,cursive;font-size:1rem;color:#5c4033}.zone-prompt-text kbd{display:inline-block;background:#fc0;border:2px solid #2C1810;border-radius:6px;padding:2px 8px;margin:0 4px;font-family:Patrick Hand,cursive;font-weight:600;color:#2c1810;box-shadow:0 2px #a67c00}.zone-prompt-name{font-family:Patrick Hand,cursive;font-size:1.5rem;font-weight:600;color:#2c1810}.zone-prompt-button{display:none;background:#fc0;border:3px solid #2C1810;border-radius:12px;padding:10px 32px;font-family:Patrick Hand,cursive;font-size:1.25rem;font-weight:600;color:#2c1810;cursor:pointer;box-shadow:0 4px #a67c00;transition:transform .05s,box-shadow .05s}.zone-prompt-button:active{transform:translateY(4px);box-shadow:0 0 #a67c00}@media(hover:none)and (pointer:coarse){.zone-prompt-text kbd{display:none}.zone-prompt-text:after{content:"Tap to enter"}.zone-prompt-button{display:block;margin-top:8px}}@media(max-width:768px){.zone-prompt{bottom:85px}.zone-prompt-text kbd{display:none}.zone-prompt-text:after{content:"Tap to enter"}.zone-prompt-button{display:block;margin-top:8px}.zone-prompt-content{padding:12px 20px}.zone-prompt-name{font-size:1.25rem}}.y-sorted-entity{position:relative}.y-sorted-entity.sortable-prop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sortable-prop-svg{overflow:visible}.other-player-wrapper .player-container{opacity:1}.other-player-nametag{position:absolute;top:0;left:0;pointer-events:none;z-index:5;display:flex;justify-content:center;transform-origin:center top;will-change:transform;backface-visibility:hidden}.other-player-sprite{opacity:1}.other-player-nametag{position:absolute;top:0;left:0;pointer-events:none;z-index:5;display:flex;justify-content:center;transform-origin:center top}.nametag-text{display:inline-block;padding:2px 8px;background:#000000b3;color:#fff;font-size:11px;font-family:system-ui,-apple-system,sans-serif;font-weight:500;border-radius:4px;white-space:nowrap;border:1px solid var(--player-color, #888);transform:translate(-50%);box-shadow:0 1px 3px #0000004d}.nametag-text:before{content:"";display:inline-block;width:6px;height:6px;background:var(--player-color, #888);border-radius:50%;margin-right:4px;vertical-align:middle}.send-button{background:#fc0;border:3px solid #2C1810;border-radius:16px;padding:12px 24px;font-family:Patrick Hand,cursive;font-size:1.25rem;font-weight:600;color:#2c1810;cursor:pointer;outline:none;box-shadow:0 6px #a67c00;transform:translateY(0);transition:transform .05s ease,box-shadow .05s ease,background .05s ease}.send-button:focus,.send-button:focus-visible,.send-button:-moz-focusring{outline:none!important;border-color:#2c1810}.send-button:hover:not(:active):not(:disabled){outline:none!important;border-color:#2c1810;transform:translateY(-2px);box-shadow:0 8px #a67c00}.send-button:active,.send-button:active:focus{outline:none!important;border-color:#2c1810;background:#b8960b;box-shadow:0 0 #a67c00;transform:translateY(6px)}.send-button:disabled,.send-button:disabled:hover,.send-button:disabled:focus{opacity:.5;cursor:not-allowed;outline:none!important;border-color:#2c1810;transform:translateY(0);box-shadow:0 6px #a67c00}.festival-viewport{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(to bottom,#5dade2,#85c1e9,#aed6f1)}.screen-shake{position:relative;z-index:2;animation:shake .5s ease-in-out}.clouds-container{position:absolute;inset:0;pointer-events:none;z-index:1}.cloud{position:absolute;animation:cloud-drift 60s ease-in-out infinite alternate}.cloud img{width:100%;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.cloud-1{top:5%;left:5%;width:12%;animation-delay:0s;animation-duration:50s}.cloud-2{top:8%;left:75%;width:15%;animation-delay:10s;animation-duration:70s}.cloud-3{top:25%;left:20%;width:8%;animation-delay:20s;animation-duration:55s}.cloud-4{top:20%;left:55%;width:6%;animation-delay:30s;animation-duration:65s}.cloud-5{top:12%;right:15%;width:10%;animation-delay:40s;animation-duration:60s}.cloud-6{top:18%;left:40%;width:7%;animation-delay:50s;animation-duration:75s}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(50px)}}.festival-world{position:absolute;transform-origin:top left;will-change:width,height,transform;z-index:2}.stage-container{position:relative;width:100%;height:80%}.background-set{position:absolute;inset:0;z-index:1}.mountains-row{position:absolute;bottom:7%;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end}.mountains-row img{width:45%;height:auto}.cannons-row{position:absolute;bottom:10%;left:0;right:0;display:flex;justify-content:space-between;padding:0 2%;z-index:2}.cannon{width:20%;transition:all .3s ease}.cannon img{width:100%;height:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.cannon-right{transform:scaleX(-1)}.ground{position:absolute;bottom:-6%;left:0;width:100%;z-index:3}.ground img{width:100%;height:auto}.tyler-character{position:relative;z-index:4;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.tyler-head{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;justify-content:center}.tyler-head img{width:auto;height:80%}.tyler-body{position:relative;z-index:1;height:20%;margin-top:-2%}.tyler-body img{height:100%}.album-art-overlay{position:absolute;width:80%;height:80%;object-fit:cover;border-radius:50%;animation:fadeIn .5s ease;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.stage-edge{position:relative;bottom:10px;left:0;width:100%;height:10px;background:#442820;z-index:5}.crowd-container{position:relative;bottom:0;left:0;width:100%;height:20%;z-index:10;background:#2d1f11;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden}.crowd-row{display:flex;justify-content:center;align-items:flex-start;width:100%;height:20%}.crowd-row img{width:6%;flex-shrink:0;animation:crowd-sway 2.5s ease-in-out infinite,crowd-bounce 1.2s ease-in-out infinite}@keyframes crowd-sway{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2px) rotate(.5deg)}}@keyframes crowd-bounce{0%,to{margin-top:0}50%{margin-top:-3px}}.crowd-row img:nth-child(4n){margin-top:-10px}.crowd-row img:nth-child(4n+2){margin-top:-20px}.crowd-row img:nth-child(6n+1){margin-top:2px}.crowd-row img:nth-child(5n+3){margin-top:-4px}.crowd-row img:nth-child(7n){margin-top:3px}.crowd-row img:nth-child(9n+2){margin-top:-3px}.crowd-row img:nth-child(3n+1){margin-left:-8px}.crowd-row img:nth-child(4n+3){margin-left:5px}.crowd-row img:nth-child(5n+2){margin-right:-6px}.crowd-row img:nth-child(7n+4){margin-left:3px}.crowd-row img:nth-child(1){animation-delay:0s,0s}.crowd-row img:nth-child(2){animation-delay:.15s,.1s}.crowd-row img:nth-child(3){animation-delay:.3s,.2s}.crowd-row img:nth-child(4){animation-delay:.1s,.15s}.crowd-row img:nth-child(5){animation-delay:.25s,.05s}.crowd-row img:nth-child(6){animation-delay:.05s,.25s}.crowd-row img:nth-child(7){animation-delay:.35s,.18s}.crowd-row img:nth-child(8){animation-delay:.2s,.08s}.crowd-row img:nth-child(9){animation-delay:.08s,.22s}.crowd-row img:nth-child(10){animation-delay:.28s,.12s}.crowd-row img:nth-child(11){animation-delay:.12s,.28s}.crowd-row img:nth-child(12){animation-delay:.38s,.03s}.crowd-row img:nth-child(13){animation-delay:.03s,.35s}.crowd-row img:nth-child(14){animation-delay:.22s,.17s}.crowd-row img:nth-child(15){animation-delay:.17s,.07s}.crowd-row img:nth-child(16){animation-delay:.33s,.27s}.crowd-row img:nth-child(17){animation-delay:.07s,.33s}.crowd-row img:nth-child(18){animation-delay:.27s,.02s}.crowd-row.back img{animation-duration:3.2s,1.6s;filter:brightness(1.2)}.crowd-row.middle img{animation-duration:2.8s,1.4s}.crowd-row.front img{animation-duration:2.5s,1.1s;filter:brightness(.9)}.crowd-row.back,.crowd-row.front{transform:translate(140px)}.cherry-bomb{pointer-events:none}.cherry-bomb .bomb-body{width:100%;height:auto}.cherry-bomb .bomb-spark{position:absolute;top:-10%;right:-5%;width:30%;height:auto}.cherry-bomb.animating{filter:drop-shadow(2px 4px 3px rgba(0,0,0,.4))}.cherry-bomb.animating .bomb-spark{animation:spark-flicker .08s infinite}@keyframes spark-flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.cherry-bomb.settled .bomb-body{animation:bomb-pulse 1s ease-in-out infinite}.cherry-bomb.settled .bomb-spark{animation:sparkle .5s ease-in-out infinite alternate}@keyframes sparkle{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.9)}}.bomb-timer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5vw;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1}.bubbles-layer{position:absolute;inset:0;z-index:11;pointer-events:none;overflow:visible}.festival-bubble{position:absolute;bottom:20%;transform:translate(-50%);animation:bubble-appear-float 3s ease-out forwards}@keyframes bubble-appear-float{0%{transform:translate(-50%) translateY(20%) scale(.5);opacity:0}10%{transform:translate(-50%) translateY(0) scale(1);opacity:1}50%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-200px);opacity:0}}.festival-bubble-content{background:#fdf6e3;padding:4px 8px;border-radius:18px;border:2px solid #1A1A1A;box-shadow:2px 3px #3d231440;max-width:220px;min-width:100px;display:flex;flex-direction:column;gap:4px;position:relative;transform-origin:center bottom;font-family:Patrick Hand,cursive}.festival-bubble-content:before{content:"";position:absolute;bottom:-12px;left:16px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #1A1A1A}.festival-bubble-content:after{content:"";position:absolute;bottom:-8px;left:14px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #FDF6E3}.festival-bubble-player{font-family:Patrick Hand,cursive;font-size:.8rem;font-weight:700;color:#e85d75;text-transform:uppercase;letter-spacing:.5px}.festival-bubble-text{font-family:Patrick Hand,cursive;font-size:1rem;font-weight:500;color:#2c1810;word-break:break-word;line-height:1.3}.festival-bubble.correct .festival-bubble-content{background:#4caf50;border-color:#2e7d32}.festival-bubble.correct .festival-bubble-content:before{border-top-color:#2e7d32}.festival-bubble.correct .festival-bubble-content:after{border-top-color:#4caf50}.festival-bubble.correct .festival-bubble-player,.festival-bubble.correct .festival-bubble-text{color:#fff}.track-info{position:absolute;inset:0;pointer-events:none;z-index:12}.track-info-card{position:absolute;top:10%;left:50%;transform:translate(-50%);background:#000c;padding:24px 32px;border-radius:16px;text-align:center;animation:slideDown .5s ease-out;pointer-events:auto}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.track-title{font-size:28px;font-weight:700;color:gold;margin-bottom:8px}.track-submitter{font-size:14px;color:#aaa}@media(max-width:768px){.festival-bubble-content{max-width:150px;padding:8px 12px}.festival-bubble-player{font-size:10px}.festival-bubble-text{font-size:12px}.track-info-card{padding:16px 24px}.track-title{font-size:20px}}.song-guess-leaderboard{width:100%;display:flex;flex-direction:column}.song-guess-leaderboard--full{max-width:600px;margin:0 auto}.song-guess-leaderboard--full .leaderboard-header{margin-bottom:1.5rem;text-align:center}.song-guess-leaderboard--full .leaderboard-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#fff}.song-guess-leaderboard--full .leaderboard-subtitle{font-size:.875rem;color:#fff9}.song-guess-leaderboard--mini{max-width:400px}.song-guess-leaderboard--mini .leaderboard-row{padding:.75rem 1rem;gap:.75rem}.song-guess-leaderboard--mini .leaderboard-rank{font-size:1.25rem;min-width:40px}.song-guess-leaderboard--mini .player-name{font-size:1rem}.song-guess-leaderboard--mini .leaderboard-score{font-size:1.25rem;min-width:80px}.leaderboard-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,204,0,.2);border-radius:16px;padding:1.5rem;min-height:200px}.song-guess-leaderboard--mini .leaderboard-content{padding:1rem;min-height:auto}.leaderboard-skeleton{display:flex;flex-direction:column;gap:.75rem}.skeleton-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-rank{width:40px;height:24px;background:#ffffff1a;border-radius:4px}.skeleton-name{flex:1;height:24px;background:#ffffff1a;border-radius:4px}.skeleton-score{width:80px;height:24px;background:#ffffff1a;border-radius:4px}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.song-guess-leaderboard--mini .leaderboard-empty{padding:2rem 1rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.song-guess-leaderboard--mini .empty-icon{font-size:2rem;margin-bottom:.5rem}.empty-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.song-guess-leaderboard--mini .empty-title{font-size:1rem}.empty-subtitle{font-size:1rem;color:#fff9}.song-guess-leaderboard--mini .empty-subtitle{font-size:.875rem}.leaderboard-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:2px solid transparent;border-radius:12px;transition:all .3s ease;animation:fadeIn .3s ease-out;animation-fill-mode:both}.leaderboard-row:hover{background:#ffffff14;border-color:#ffcc004d;transform:translate(4px)}.leaderboard-row--current{background:linear-gradient(135deg,#ff2d5533,#ff6b0033);border-color:#fc0;box-shadow:0 0 20px #ffcc004d}.leaderboard-rank{font-size:1.5rem;font-weight:700;min-width:50px;text-align:center;color:#fc0}.leaderboard-player{flex:1;min-width:0}.player-name{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.you-badge{display:inline-block;padding:.125rem .5rem;font-size:.75rem;font-weight:700;background:linear-gradient(135deg,#4caf50,#81c784);border-radius:4px;color:#fff}.player-stats{font-size:.875rem;color:#fff9;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.stat-item{display:inline-flex;align-items:center;gap:.25rem}.stat-item.streak{color:#ff9800;font-weight:600}.leaderboard-score{font-size:1.5rem;font-weight:700;color:#fc0;min-width:100px;text-align:right}.player-rank-footer{margin-top:1.5rem;padding-top:1.5rem}.rank-divider{height:2px;background:linear-gradient(to right,transparent 0%,rgba(255,204,0,.3) 50%,transparent 100%);margin-bottom:1rem}.your-rank{text-align:center;font-size:1rem;color:#fffc;padding:.75rem;background:#ffffff0d;border-radius:8px}.your-rank strong{color:#fc0;font-size:1.25rem;margin-left:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leaderboard-row:nth-child(1){animation-delay:.05s}.leaderboard-row:nth-child(2){animation-delay:.1s}.leaderboard-row:nth-child(3){animation-delay:.15s}.leaderboard-row:nth-child(4){animation-delay:.2s}.leaderboard-row:nth-child(5){animation-delay:.25s}.leaderboard-row:nth-child(6){animation-delay:.3s}.leaderboard-row:nth-child(7){animation-delay:.35s}.leaderboard-row:nth-child(8){animation-delay:.4s}.leaderboard-row:nth-child(9){animation-delay:.45s}.leaderboard-row:nth-child(10){animation-delay:.5s}@media(max-width:600px){.song-guess-leaderboard--full .leaderboard-title{font-size:1.5rem}.leaderboard-content{padding:1rem}.leaderboard-row{padding:.75rem;gap:.75rem}.leaderboard-rank{font-size:1.25rem;min-width:40px}.player-name{font-size:1rem}.player-stats{font-size:.75rem}.leaderboard-score{font-size:1.25rem;min-width:80px}}.game-results-screen{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;overflow-y:auto;z-index:1000;animation:fadeIn .3s ease-out}.results-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.results-header{text-align:center;margin-bottom:2rem}.results-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#fc0;text-shadow:0 2px 10px rgba(255,204,0,.3)}.results-subtitle{font-size:.875rem;color:#999;margin:0}.results-section{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.section-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:#fc0}.podium{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.podium-position{text-align:center;padding:1rem;border-radius:8px;min-width:100px;position:relative}.podium-position.first{background:linear-gradient(135deg,gold,orange);color:#000;order:2;transform:scale(1.1);box-shadow:0 4px 20px #ffd70066}.podium-position.second{background:linear-gradient(135deg,silver,gray);color:#000;order:1}.podium-position.third{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff;order:3}.podium-crown{font-size:2rem;margin-bottom:.25rem}.podium-rank{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.podium-player{font-size:.875rem;font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-score{font-size:.75rem;opacity:.8}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-row{display:flex;align-items:center;padding:.75rem;background:#ffffff08;border-radius:6px;transition:background .2s}.leaderboard-row.current-player{background:#fc03;border:1px solid rgba(255,204,0,.4)}.player-rank{font-weight:600;min-width:3rem;color:#fc0}.player-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score{font-weight:600;min-width:3rem;text-align:right;color:#fc0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item{text-align:center;padding:1rem;background:#ffffff0d;border-radius:8px}.stat-label{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:#fc0}.stat-subtitle{font-size:.875rem;color:#ccc;margin-top:.25rem}.rewards-section{background:linear-gradient(135deg,#ffcc001a,#ffcc000d);border:2px solid rgba(255,204,0,.3)}.rewards-total{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.reward-item{flex:1;min-width:200px;display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:8px}.reward-icon{font-size:3rem}.reward-content{flex:1}.reward-amount{font-size:2rem;font-weight:700;color:#fc0;margin-bottom:.25rem}.reward-label{font-size:.875rem;color:#ccc}.rewards-breakdown{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.breakdown-title{font-size:.875rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.breakdown-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.breakdown-item:last-child{border-bottom:none}.breakdown-item.highlight{color:#fc0;font-weight:600}.breakdown-label{flex:1}.breakdown-value{font-weight:600;color:#fc0}.new-balance{margin-top:1.5rem;padding:1rem;background:#ffffff0d;border-radius:6px;text-align:center;font-size:1rem}.new-balance strong{color:#fc0;font-size:1.25rem}.progress-section{text-align:center}.progress-section.highlight{background:linear-gradient(135deg,#ffcc0026,#ffcc0014);border:2px solid rgba(255,204,0,.4)}.progress-message{font-size:1.125rem;margin-bottom:1rem}.progress-message.celebrate{font-size:1.5rem;font-weight:700;color:#fc0}.progress-message strong{color:#fc0}.next-event{text-align:center}.next-event-name{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#fc0}.next-event-countdown{font-size:1rem;color:#ccc;margin:0 0 1rem}.no-events{text-align:center}.no-events-message{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.no-events-subtitle{font-size:.875rem;color:#999;margin:0 0 1rem}.cta-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.cta-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;background:#ffffff1a;color:#fff}.cta-button:hover{background:#ffffff26;transform:translateY(-2px)}.cta-button.primary{background:#fc0;color:#000}.cta-button.primary:hover{background:gold}.cta-button.secondary{background:transparent;border:1px solid rgba(255,255,255,.3)}.dismiss-button{width:100%;padding:1rem;margin-top:1rem;background:#fc0;color:#000;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s}.dismiss-button:hover{background:gold;transform:translateY(-2px);box-shadow:0 4px 12px #fc06}@media(max-width:640px){.results-container{padding:1rem .75rem}.results-title{font-size:2rem}.podium{gap:.25rem}.podium-position{min-width:80px;padding:.75rem .5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.rewards-total{flex-direction:column}.reward-item{min-width:100%}.cta-buttons{gap:.75rem}}.google-signin-container{display:flex;flex-direction:column;gap:.75rem}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;background:#fff;color:#3c4043;border:2px solid #dadce0;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:48px;width:100%}.google-signin-button:hover:not(:disabled){background:#f8f9fa;border-color:#d2d3d4;box-shadow:0 2px 8px #0000001a}.google-signin-button:active:not(:disabled){background:#f1f3f4;transform:scale(.98)}.google-signin-button:disabled{opacity:.6;cursor:not-allowed}.google-logo{width:20px;height:20px;flex-shrink:0}.google-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #4285F4;border-radius:50%;animation:spin 1s linear infinite}.google-signin-error{padding:.75rem;background:#ea43351a;border:1px solid rgba(234,67,53,.3);border-radius:6px;color:#c5221f;font-size:.875rem;text-align:center}@media(max-width:600px){.google-signin-button{padding:.75rem 1.25rem;font-size:.9375rem}}.account-prompt-backdrop{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease-out}.account-prompt-modal{position:relative;width:100%;max-width:500px;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,204,0,.3);border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.account-prompt-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;font-size:1.75rem;font-weight:300;line-height:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.account-prompt-close:hover{background:#ff2d5533;border-color:#ffcc0080;color:#fff;transform:rotate(90deg)}.account-prompt-header{text-align:center;margin-bottom:2rem}.celebration-icon{font-size:4rem;margin-bottom:1rem;animation:celebrate .6s ease-out}@keyframes celebrate{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.account-prompt-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.account-prompt-subtitle{font-size:1rem;color:#ffffffb3;margin:0}.account-prompt-benefits{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease}.benefit-item:hover{background:#ffffff0d;border-color:#fc03;transform:translate(4px)}.benefit-icon{font-size:1.75rem;flex-shrink:0;line-height:1}.benefit-content{flex:1}.benefit-content h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.benefit-content p{font-size:.875rem;color:#fff9;margin:0;line-height:1.4}.account-prompt-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.maybe-later-button{padding:.75rem;font-size:.9375rem;font-weight:500;background:transparent;border:none;color:#ffffff80;cursor:pointer;transition:all .2s ease;text-align:center}.maybe-later-button:hover{color:#fffc;text-decoration:underline}.account-prompt-footer{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.account-prompt-footer p{font-size:.75rem;color:#fff6;margin:0;line-height:1.5}@media(max-width:600px){.account-prompt-modal{padding:2rem 1.5rem;border-radius:16px}.account-prompt-title{font-size:1.5rem}.celebration-icon{font-size:3rem}.benefit-item{padding:.875rem}.benefit-icon{font-size:1.5rem}.benefit-content h3{font-size:.9375rem}.benefit-content p{font-size:.8125rem}}.account-prompt-modal{scrollbar-width:thin;scrollbar-color:rgba(255,204,0,.3) rgba(255,255,255,.05)}.account-prompt-modal::-webkit-scrollbar{width:8px}.account-prompt-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.account-prompt-modal::-webkit-scrollbar-thumb{background:#ffcc004d;border-radius:4px}.account-prompt-modal::-webkit-scrollbar-thumb:hover{background:#ffcc0080}.welcome-toast{position:fixed;top:2rem;left:50%;transform:translate(-50%) translateY(-100px);background:linear-gradient(135deg,#ff2d55f2,#ff6b00f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #FFCC00;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 8px 24px #0000004d;z-index:10000;display:flex;align-items:center;gap:1rem;opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);max-width:90vw}.welcome-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.welcome-toast.hidden{opacity:0;transform:translate(-50%) translateY(-100px)}.welcome-toast-icon{font-size:2rem;line-height:1;animation:sparkle .6s ease-in-out}@keyframes sparkle{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.welcome-toast-content{display:flex;flex-direction:column;gap:.25rem}.welcome-toast-title{font-size:1rem;font-weight:700;color:#fff;line-height:1.2}.welcome-toast-subtitle{font-size:.875rem;color:#ffffffe6;line-height:1.2}@media(max-width:600px){.welcome-toast{top:1rem;padding:.875rem 1.25rem}.welcome-toast-icon{font-size:1.5rem}.welcome-toast-title{font-size:.9375rem}.welcome-toast-subtitle{font-size:.8125rem}}.account-button{position:fixed;top:16px;right:80px;z-index:100;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#1a1a1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.account-button:hover{background:#282828f2;border-color:#ffcc0080;transform:scale(1.05)}.account-button:active{transform:scale(.98)}.anon-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.anon-avatar .icon{font-size:24px;line-height:1}.anon-avatar .badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;background:linear-gradient(135deg,#ff6b00,#ff8533);color:#fff;padding:2px 6px;border-radius:8px;white-space:nowrap;letter-spacing:.3px;box-shadow:0 2px 4px #0000004d}.user-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%}.user-avatar .initial{font-size:20px;font-weight:700;color:#fff;line-height:1}@media(max-width:768px){.account-button{top:12px;right:64px;width:42px;height:42px}.user-avatar .initial{font-size:18px}.anon-avatar .icon{font-size:20px}.anon-avatar .badge{font-size:8px;padding:2px 4px}}.account-modal .modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;animation:fadeIn .2s ease}.account-modal .modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a1a,#2a1a3a);padding:32px;border-radius:16px;border:2px solid rgba(255,204,0,.2);box-shadow:0 8px 32px #00000080;z-index:201;min-width:320px;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;color:#fff}.account-modal .modal-content.signed-in{max-width:500px}.account-modal .close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff1a;color:#fff;font-size:24px;line-height:1;border-radius:50%;cursor:pointer;transition:all .2s ease}.account-modal .close-btn:hover{background:#fff3;transform:scale(1.1)}.account-modal h2{margin:0 0 8px;font-size:28px;font-weight:700;background:linear-gradient(135deg,#fff,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.account-modal .subtitle{margin:0 0 24px;color:#ffffffb3;font-size:14px;line-height:1.5}.auth-options{max-width:480px}.auth-option{padding:20px 0}.auth-option h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.option-description{margin:0 0 16px;font-size:14px;color:#ffffffb3;line-height:1.5}.auth-divider{display:flex;align-items:center;margin:24px 0;gap:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{font-size:13px;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.benefits{margin:12px 0 0;padding:12px 0 0;list-style:none;display:flex;flex-direction:column;gap:6px}.benefits li{font-size:13px;color:#4ade80;line-height:1.5}.note-text{margin:12px 0 0;font-size:12px;color:#ffffff80;text-align:center;line-height:1.4}.error-message{margin:16px 0;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:14px;display:flex;align-items:center;gap:8px}.error-icon{font-size:18px;flex-shrink:0}.google-btn{width:100%;padding:14px 20px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.primary-google-btn{background:#fff;color:#1f1f1f;border:none;box-shadow:0 2px 8px #0003}.primary-google-btn:hover:not(:disabled){background:#f8f8f8;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.secondary-google-btn{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2)}.secondary-google-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-1px)}.google-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.spinner{animation:spin 1s linear infinite}.note{margin:16px 0 0;font-size:12px;color:#ffffff80;text-align:center;line-height:1.5}.account-info{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin:20px 0}.avatar-large{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.avatar-large img{width:100%;height:100%;object-fit:cover}.initial-large{font-size:28px;font-weight:700;color:#fff}.details{flex:1;min-width:0}.display-name{margin:0 0 4px;font-size:18px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email{margin:0;font-size:13px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-preview{margin:20px 0}.account-stats{padding:0}.account-stats .loading{text-align:center;padding:20px;color:#fff9}.account-stats .no-stats{text-align:center;padding:20px;color:#ffffff80;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{display:flex;flex-direction:column;align-items:center;padding:16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.stat:hover{background:#ffffff14;border-color:#ffcc004d}.stat .value{font-size:24px;font-weight:700;color:#fc0;margin-bottom:4px}.stat .label{font-size:12px;color:#ffffffb3;text-align:center;line-height:1.3}.actions{margin:24px 0 0;display:flex;flex-direction:column;gap:12px}.sign-out-btn{width:100%;padding:12px 20px;background:transparent;color:#ff6b6b;border:2px solid #ff6b6b;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.sign-out-btn:hover{background:#ef44441a;transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.conflict-dialog{max-width:520px}.conflict-info{margin:20px 0}.info-box{padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.info-box h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#fc0}.info-box p{margin:0 0 12px;font-size:14px;color:#fffc;line-height:1.5}.info-box ul{margin:12px 0;padding:0;list-style:none}.info-box li{margin:8px 0;padding-left:8px;font-size:14px;color:#ffffffe6;line-height:1.5}.info-box .note{margin:12px 0 0;padding:12px;background:#ffcc001a;border:1px solid rgba(255,204,0,.3);border-radius:8px;font-size:13px;color:#ffffffe6;text-align:left}.conflict-actions{margin:24px 0 0;display:flex;flex-direction:column;gap:12px}.cancel-btn{width:100%;padding:12px 20px;background:transparent;color:#fffc;border:2px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-1px)}.cancel-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:480px){.account-modal .modal-content{padding:24px;max-width:95%}.account-modal h2{font-size:24px}.stat-grid{grid-template-columns:1fr}.account-info{flex-direction:column;text-align:center}.avatar-large{width:80px;height:80px}.conflict-dialog{max-width:95%}.info-box{padding:16px}.info-box h3{font-size:16px}}.app-ticket-display{position:fixed!important;top:1.5rem;right:1.5rem;z-index:900}.ticket-display{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fc03,#ff6b0033);border:2px solid rgba(255,204,0,.5);border-radius:20px;font-weight:700;color:#fc0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.ticket-display--small{padding:.375rem .75rem;gap:.375rem;font-size:.875rem}.ticket-display--medium{padding:.5rem 1rem;gap:.5rem;font-size:1rem}.ticket-display__icon{font-size:1.25em;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ticket-display__balance{font-variant-numeric:tabular-nums;color:#fff}.ticket-display__label{font-size:.875em;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.ticket-display--animating{animation:ticketPulse .5s ease}@keyframes ticketPulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 20px #fc09;border-color:#fc0}to{transform:scale(1)}}.ticket-display:hover{border-color:#fc0c;box-shadow:0 2px 12px #ffcc004d}@media(max-width:768px){.app-ticket-display{top:1rem;right:1rem}}.ticket-earn-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10000;animation:ticketEarnFloat 1.5s ease-out forwards}.ticket-earn-animation__text{display:inline-block;font-size:2rem;font-weight:700;color:#fc0;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(255,204,0,.6);padding:.5rem 1rem;background:#000000b3;border:2px solid rgba(255,204,0,.8);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ticket-earn-animation__icon{font-size:1.5rem;vertical-align:middle}@keyframes ticketEarnFloat{0%{opacity:0;transform:translate(-50%,-50%) translateY(0) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) translateY(-20px) scale(1.1)}50%{opacity:1;transform:translate(-50%,-50%) translateY(-40px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-80px) scale(.9)}}@media(max-width:768px){.ticket-earn-animation__text{font-size:1.5rem;padding:.375rem .75rem}.ticket-earn-animation__icon{font-size:1.25rem}}.track-picker-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.track-picker-panel{background:#1c1c1e;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.track-picker-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #2c2c2e}.track-picker-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.close-button{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background-color .2s}.close-button:hover{background:#2c2c2e}.track-picker-filter{padding:16px 20px;border-bottom:1px solid #2c2c2e}.album-filter{width:100%;padding:12px;background:#2c2c2e;border:1px solid #3a3a3c;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.album-filter:focus{outline:none;border-color:#fc0}.track-picker-grid{overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;flex:1}.track-picker-item{background:#2c2c2e;border:2px solid transparent;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:12px;text-align:left}.track-picker-item:hover{border-color:#fc0;transform:translateY(-4px);box-shadow:0 4px 16px #ffcc004d}.track-art{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#3a3a3c}.track-art img{width:100%;height:100%;object-fit:cover}.track-info{display:flex;flex-direction:column;gap:4px}.track-title{font-size:14px;font-weight:600;color:#fff;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.track-artist{font-size:12px;color:#888}.track-picker-empty,.track-picker-loading{padding:60px 20px;text-align:center;color:#888}.track-picker-empty p,.track-picker-loading p{font-size:16px;margin:0 0 12px}.empty-hint{font-size:14px!important;color:#666!important}@media(max-width:640px){.track-picker-overlay{padding:0}.track-picker-panel{max-width:none;max-height:100vh;border-radius:0}.track-picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px}.track-picker-header{padding:16px}.track-picker-filter{padding:12px 16px}}.submissions-list{display:flex;flex-direction:column;height:100%;background:#1c1c1e;border-radius:12px;overflow:hidden}.submissions-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #2c2c2e;background:#1c1c1e;position:sticky;top:0;z-index:10}.submissions-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.submission-count{font-size:14px;font-weight:600;color:#fc0;padding:4px 12px;background:#ffcc001a;border-radius:12px}.submissions-grid{overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;flex:1}.submission-item{background:#2c2c2e;border:2px solid transparent;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px;transition:all .2s;position:relative}.submission-item.is-current-user{border-color:#34c759;box-shadow:0 0 16px #34c75933}.submission-item.is-new{animation:submission-pop-in .6s ease-out}@keyframes submission-pop-in{0%{opacity:0;transform:scale(.8) translateY(-10px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}.submission-art{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#3a3a3c;position:relative}.submission-badge{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(52,199,89,.95),transparent);padding:8px 6px 6px;display:flex;align-items:center;justify-content:center}.submission-badge span{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.submission-info{display:flex;flex-direction:column;gap:4px}.submission-track{font-size:13px;font-weight:600;color:#fff;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.submission-submitter{font-size:11px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submissions-empty{padding:60px 20px;text-align:center;color:#888;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.submissions-empty p{font-size:16px;margin:0 0 8px}.empty-hint{font-size:13px!important;color:#666!important}@media(max-width:640px){.submissions-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:10px}.submission-item{padding:8px}.submission-track{font-size:12px}.submission-submitter{font-size:10px}}.lobby-player-list{display:flex;flex-direction:column;height:100%;background:#1c1c1e;border-radius:12px;overflow:hidden}.lobby-players-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #2c2c2e;background:#1c1c1e;position:sticky;top:0;z-index:10}.lobby-players-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.player-count{font-size:14px;font-weight:600;color:#007aff;padding:4px 12px;background:#007aff1a;border-radius:12px}.lobby-players-grid{overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;flex:1}.lobby-player-item{background:#2c2c2e;border:2px solid transparent;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s;position:relative}.lobby-player-item.is-current-user{border-color:#007aff;box-shadow:0 0 16px #007aff33}.lobby-player-item.is-new{animation:player-pop-in .6s ease-out}@keyframes player-pop-in{0%{opacity:0;transform:scale(.8) translateY(-10px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}.player-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;text-transform:uppercase}.lobby-player-item.is-current-user .player-avatar{background:linear-gradient(135deg,#007aff,#0051d5)}.player-name{font-size:13px;font-weight:600;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.player-you-badge{font-size:10px;font-weight:700;color:#007aff;padding:2px 8px;background:#007aff1a;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.lobby-players-empty{padding:60px 20px;text-align:center;color:#888;flex:1;display:flex;align-items:center;justify-content:center}.lobby-players-empty p{font-size:16px;margin:0}@media(max-width:640px){.lobby-players-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:10px}.lobby-player-item{padding:10px}.player-avatar{width:48px;height:48px;font-size:20px}.player-name{font-size:12px}}.game-lobby{display:flex;flex-direction:column;height:100%;background:#000}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border-bottom:2px solid #ffcc00}.lobby-title h1{margin:0;font-size:28px;font-weight:700;color:#fc0}.countdown-time{font-size:32px;font-weight:700;color:#fc0;font-variant-numeric:tabular-nums}.lobby-content{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:16px;padding:16px;flex:1;overflow:hidden}.lobby-section{display:flex;flex-direction:column;overflow:hidden}.submission-section{background:#1c1c1e;border-radius:12px;padding:20px}.submission-section h2{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.submission-loading{padding:40px 20px;text-align:center;color:#888}.submitted-track{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:#2c2c2e;border-radius:12px;border:2px solid #34c759}.submitted-art{position:relative;width:160px;height:160px;border-radius:12px;overflow:hidden}.submitted-art img{width:100%;height:100%;object-fit:cover}.submitted-checkmark{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#34c759;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;font-weight:700}.submitted-info{text-align:center;width:100%}.submitted-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.submitted-artist{font-size:14px;color:#888;margin-bottom:12px}.submitted-status{font-size:13px;font-weight:600;color:#34c759;padding:6px 16px;background:#34c7591a;border-radius:12px;display:inline-block}.submit-prompt{padding:40px 20px;text-align:center}.submit-prompt p{font-size:14px;color:#888;margin:0 0 20px;line-height:1.5}.submit-track-button{padding:14px 28px;background:#fc0;color:#000;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.submit-track-button:hover{background:gold;transform:translateY(-2px);box-shadow:0 4px 16px #ffcc004d}.submit-track-button:active{transform:translateY(0)}.submit-track-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.submissions-section,.players-section{overflow:hidden}@media(max-width:1024px){.lobby-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}.submission-section{order:1}.submissions-section{order:2}.players-section{order:3}}@media(max-width:640px){.lobby-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.lobby-title h1{font-size:24px}.lobby-countdown{align-items:flex-start}.countdown-time{font-size:28px}.lobby-content{padding:12px;gap:12px}.submission-section{padding:16px}.submitted-art{width:120px;height:120px}.submitted-title{font-size:14px}.submitted-artist{font-size:12px}}.waiting-for-game{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;background:#000}.waiting-content{text-align:center;max-width:500px;margin-bottom:40px}.waiting-icon{font-size:80px;margin-bottom:24px;animation:waiting-pulse 2s ease-in-out infinite}@keyframes waiting-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.waiting-title{margin:0 0 16px;font-size:32px;font-weight:700;color:#fff}.waiting-game-name{font-size:24px;font-weight:600;color:#fc0;margin-bottom:32px}.waiting-countdown{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;padding:24px;background:#1c1c1e;border-radius:16px;border:2px solid #ffcc00}.countdown-label{font-size:14px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.countdown-time{font-size:56px;font-weight:700;color:#fc0;font-variant-numeric:tabular-nums}.waiting-message{font-size:16px;color:#888;line-height:1.6;margin:0}.waiting-tips{background:#1c1c1e;border-radius:16px;padding:24px 32px;max-width:500px;width:100%}.waiting-tips h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.waiting-tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.waiting-tips li{font-size:15px;color:#888;padding-left:28px;position:relative;line-height:1.5}.waiting-tips li:before{content:"→";position:absolute;left:0;color:#fc0;font-weight:700}@media(max-width:640px){.waiting-for-game{padding:24px 16px}.waiting-icon{font-size:60px}.waiting-title{font-size:24px}.waiting-game-name{font-size:20px}.countdown-time{font-size:42px}.waiting-countdown,.waiting-tips{padding:20px}.waiting-tips h3{font-size:16px}.waiting-tips li{font-size:14px}}:root{--color-primary: #FF2D55;--color-secondary: #FFCC00;--color-tertiary: #FF6B00;--color-background: #0D0D0D;--color-surface: #1A1A1A;--color-text: #FFFFFF;--color-text-dim: #999999}.song-guess-game{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--color-background);color:var(--color-text)}.song-guess-game>.festival-viewport{position:absolute;inset:0;z-index:1}.game-overlays{position:absolute;inset:0;z-index:10;pointer-events:none}.score-overlay{position:absolute;top:5rem;left:1rem;display:flex;flex-direction:column;gap:.5rem;pointer-events:auto;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:12px;border:2px solid var(--color-secondary)}.score-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-label{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px}.score-value{font-size:1.5rem;font-weight:700;color:var(--color-secondary)}.input-overlay{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:90%;max-width:600px;pointer-events:auto}.leaderboard-overlay{position:absolute;bottom:1rem;right:1rem;max-width:400px;pointer-events:auto}.stage-area{flex:1;min-height:0;position:relative;background:linear-gradient(to bottom,#1a0f1f,#0f0a15);border-bottom:3px solid var(--color-tertiary);overflow:hidden}.festival-scene{flex:1;min-height:0;position:relative;overflow:hidden}.truss{position:absolute;width:20px;height:100%;background:linear-gradient(to right,#222,#333,#222);border:1px solid #444;box-shadow:inset 0 0 10px #00000080}.truss-left{left:0;top:0}.truss-right{right:0;top:0}.light-beams{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex}.light-beam-container{width:33.33%;height:100%;position:relative}.light-beam{position:absolute;top:0;left:50%;width:0;height:0;border-left:15vw solid transparent;border-right:15vw solid transparent;border-bottom:100vh solid rgba(255,204,0,.2);transform-origin:top center;animation:sway-idle 4s ease-in-out infinite;margin-left:-15vw}.light-beam-container:nth-child(1) .light-beam{animation-delay:0s}.light-beam-container:nth-child(2) .light-beam{animation-delay:1.3s}.light-beam-container:nth-child(3) .light-beam{animation-delay:2.6s}@keyframes sway-idle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes sway-playing{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes sway-urgent{0%{transform:rotate(-20deg)}25%{transform:rotate(20deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}to{transform:rotate(-20deg)}}@keyframes color-cycle{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.light-beams.playing .light-beam{animation:sway-playing 2s ease-in-out infinite;border-top-color:#ffcc0059}.light-beams.urgent .light-beam{animation:sway-urgent .8s ease-in-out infinite;border-top-color:#ff6b0066}.light-beams.reveal .light-beam{animation:color-cycle 3s linear infinite;border-top-color:#ff2d5559}.cherry-bomb-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center}.cherry-bomb-placeholder{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff4d6d,#c9184a);border:4px solid var(--color-secondary);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 40px #ff2d5566;transition:transform .3s ease}.cherry-bomb-placeholder.playing{animation:bomb-pulse 1.5s ease-in-out infinite}.cherry-bomb-placeholder.urgent{animation:bomb-shake .5s ease-in-out infinite}@keyframes bomb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bomb-shake{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-3deg) scale(1.02)}75%{transform:rotate(3deg) scale(1.02)}}.cherry-icon{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:2rem}.bomb-content{font-size:4rem;font-weight:700;color:var(--color-text);text-shadow:0 2px 8px rgba(0,0,0,.5)}.bomb-reveal{width:180px;height:180px;border-radius:50%;overflow:hidden;position:relative;animation:reveal-pop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes reveal-pop{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.bomb-reveal img{width:100%;height:100%;object-fit:cover}.reveal-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:.75rem;font-size:.75rem;font-weight:600;text-align:center}.player-result-overlay{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-tertiary));border-radius:24px;font-weight:700;font-size:1.25rem;white-space:nowrap;box-shadow:0 4px 16px #ff2d5566;animation:result-bounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes result-bounce{0%{transform:translate(-50%) translateY(-20px) scale(0);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.fuse-container{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:200px;text-align:center}.fuse-line{height:4px;background:linear-gradient(to right,#555,#333);border-radius:2px;margin-bottom:4px;position:relative;overflow:hidden}.fuse-progress{height:100%;background:linear-gradient(to right,var(--color-secondary),var(--color-tertiary));border-radius:2px;transition:width .3s linear;box-shadow:0 0 8px #fc09}.fuse-progress.urgent{background:linear-gradient(to right,var(--color-tertiary),var(--color-primary));animation:fuse-pulse .5s ease-in-out infinite}@keyframes fuse-pulse{0%,to{opacity:1;box-shadow:0 0 8px #ff2d55cc}50%{opacity:.7;box-shadow:0 0 16px #ff2d55}}.fuse-spark{position:absolute;right:-8px;top:50%;transform:translateY(-50%);font-size:1rem;animation:spark-flicker .3s ease-in-out infinite}@keyframes spark-flicker{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.6;transform:translateY(-50%) scale(1.2)}}.festival-signs{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:5}.festival-sign{padding:.5rem 1rem;background:#000000b3;border:2px solid var(--color-secondary);border-radius:8px;font-weight:700;font-size:.875rem;box-shadow:0 2px 8px #00000080}.explosion-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);display:flex;align-items:center;justify-content:center;font-size:8rem;z-index:20;animation:explosion .8s ease-out forwards;pointer-events:none}@keyframes explosion{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(2)}}.crowd-area{flex:1;position:relative;background:linear-gradient(to bottom,#0a0510,#050208);overflow:hidden}.speech-bubbles{position:absolute;top:0;left:0;width:100%;height:calc(100% - 60px);overflow:hidden;padding:1rem;pointer-events:none}.speech-bubble .player-name{font-weight:700;color:#e85d75;font-family:Patrick Hand,cursive;font-size:.8rem;margin-bottom:2px;display:block;text-transform:uppercase;letter-spacing:.5px}@keyframes bubble-float{0%{opacity:0;transform:translateY(20px) scale(.8)}10%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-40px)}}.right-column{height:20vh;display:flex;flex-direction:column;flex-shrink:0}.status-bar,.announcement-area{display:none}.announcement-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;border:2px solid var(--color-primary);text-align:center;min-width:250px;box-shadow:0 8px 32px #00000080}.announcement-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.announcement-countdown{font-size:8rem;font-weight:900;color:var(--color-primary);line-height:1;text-shadow:0 0 20px var(--color-primary);animation:countdown-pulse 1s ease-in-out infinite}@keyframes countdown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.announcement-points{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--color-secondary),var(--color-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:points-bounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes points-bounce{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.announcement-info{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.announcement-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.announcement-stat-label{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px}.announcement-stat-value{font-size:2rem;font-weight:700;color:var(--color-secondary)}.announcement-message{font-size:1.5rem;color:var(--color-text-dim)}.crowd-silhouettes{position:absolute;bottom:0;left:0;width:100%;height:60px;display:flex;justify-content:space-around;align-items:flex-end;padding:0 2rem}.silhouette-placeholder{width:40px;height:50px;background:linear-gradient(to top,#1a1a1a,#0a0a0a);border-radius:50% 50% 0 0;border:1px solid rgba(255,255,255,.1);animation:sway 3s ease-in-out infinite;position:relative}.silhouette-placeholder:nth-child(n+11){display:none}.silhouette-placeholder:nth-child(odd){animation-delay:.5s}.silhouette-placeholder:nth-child(2n){animation-delay:1s}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.silhouette-placeholder.jump{animation:crowd-jump .6s ease-out}@keyframes crowd-jump{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.silhouette-emoji{font-size:2.5rem;opacity:.6;animation:sway 3s ease-in-out infinite}.input-bar{height:100px;min-height:60px;background:var(--color-surface);display:flex;align-items:center;padding:.5rem 1rem;box-shadow:0 -4px 12px #0000004d}.screen-shake{z-index:2;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px,2px)}20%,40%,60%,80%{transform:translate(4px,-2px)}}@media(max-width:768px){.score-overlay{top:4rem;left:.5rem;padding:.75rem;gap:.25rem}.score-label{font-size:.625rem}.score-value{font-size:1.25rem}.input-overlay{width:95%}.leaderboard-overlay{max-width:90%;right:.5rem}}@media(min-width:900px){.score-overlay{flex-direction:row;gap:2rem}.input-overlay{max-width:800px}}.score-display{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000004d;min-width:140px}.score-section{display:flex;flex-direction:column;gap:.125rem}.score-label{font-size:.75rem;color:#9e9e9e;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.score-value{font-size:1.5rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.streak-section{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#ff6b3526;border:1px solid rgba(255,107,53,.3);border-radius:12px;margin-left:.5rem}.streak-flame{font-size:1.25rem;line-height:1;animation:flame-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,107,53,.6))}.streak-value{font-size:1.125rem;font-weight:700;color:#ff6b35;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 10px rgba(255,107,53,.5)}@keyframes flame-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,107,53,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(255,107,53,.9))}}@media(max-width:768px){.score-display{padding:.625rem 1rem;gap:.75rem;min-width:120px}.score-value{font-size:1.25rem}.streak-flame{font-size:1.125rem}.streak-value{font-size:1rem}}.admin-controls{position:fixed;top:20px;right:20px;z-index:1000}.admin-controls__toggle{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.admin-controls__toggle:hover{background:#000000d9;border-color:#ffffff4d;transform:translateY(-1px)}.admin-controls__panel{position:absolute;top:50px;right:0;width:320px;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;box-shadow:0 8px 32px #00000080;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-controls__title{margin:0 0 16px;color:#fff;font-size:16px;font-weight:600;text-align:center}.admin-controls__subtitle{margin:0 0 12px;color:#fffc;font-size:13px;font-weight:500}.admin-controls__section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-controls__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.admin-controls__info{display:flex;justify-content:space-between;color:#ffffffb3;font-size:12px;margin-bottom:8px}.admin-controls__alert{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50;padding:8px;border-radius:6px;text-align:center;font-size:13px;font-weight:500}.admin-controls__button-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-controls__button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.admin-controls__button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.admin-controls__button:disabled{opacity:.4;cursor:not-allowed}.admin-controls__button--primary{background:#2196f34d;border-color:#2196f380}.admin-controls__button--primary:hover:not(:disabled){background:#2196f366;border-color:#2196f399}.admin-controls__button--warning{background:#ff98004d;border-color:#ff980080}.admin-controls__button--warning:hover:not(:disabled){background:#ff980066;border-color:#ff980099}.admin-controls__button--success{background:#4caf504d;border-color:#4caf5080;grid-column:1 / -1}.admin-controls__button--success:hover:not(:disabled){background:#4caf5066;border-color:#4caf5099}.admin-controls__settings{display:flex;flex-direction:column;gap:10px}.admin-controls__setting{display:flex;justify-content:space-between;align-items:center;color:#fffc;font-size:13px}.admin-controls__setting input[type=number]{width:70px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 8px;border-radius:6px;font-size:13px;text-align:center}.admin-controls__setting input[type=number]:focus{outline:none;border-color:#2196f380;background:#ffffff26}.admin-controls__setting--checkbox{flex-direction:row-reverse;justify-content:flex-end;gap:8px}.admin-controls__setting input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2196f3}.admin-controls__setting input[type=number]::-webkit-inner-spin-button,.admin-controls__setting input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.admin-controls__setting input[type=number]{-moz-appearance:textfield}@media(max-width:768px){.admin-controls{top:10px;right:10px}.admin-controls__panel{width:calc(100vw - 40px);right:-10px}}.end-of-session{position:fixed;inset:0;background:linear-gradient(135deg,#000000f2,#141428f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.end-of-session__container{width:100%;max-width:800px;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.end-of-session__header{text-align:center;margin-bottom:3rem}.end-of-session__title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-tertiary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 1rem;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,204,0,.3))}50%{filter:drop-shadow(0 0 20px rgba(255,204,0,.5))}}.end-of-session__subtitle{color:#ffffffb3;font-size:1.25rem;margin:0}.end-of-session__section-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1.5rem;text-align:center}.end-of-session__player-stats{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.end-of-session__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem}.end-of-session__stat{text-align:center;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.end-of-session__stat:hover{transform:translateY(-4px);border-color:#fff3;background:#ffffff0d}.end-of-session__stat--rank{grid-column:1 / -1;background:linear-gradient(135deg,#ffcc001a,#ff66661a);border-color:#ffcc004d}.end-of-session__stat-value{font-size:2.5rem;font-weight:800;color:var(--color-tertiary);margin-bottom:.5rem}.end-of-session__stat--rank .end-of-session__stat-value{color:#fc0;text-shadow:0 0 20px rgba(255,204,0,.5)}.end-of-session__stat-label{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.end-of-session__leaderboard{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.end-of-session__leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.end-of-session__leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.end-of-session__leaderboard-item:hover{transform:translate(8px);background:#ffffff0d;border-color:#fff3}.end-of-session__leaderboard-item--current{background:#ffcc001a;border-color:#ffcc004d;box-shadow:0 0 20px #fc03}.end-of-session__leaderboard-item--top1{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border-color:#ffd7004d}.end-of-session__leaderboard-item--top2{background:linear-gradient(135deg,#c0c0c026,#c0c0c00d);border-color:#c0c0c04d}.end-of-session__leaderboard-item--top3{background:linear-gradient(135deg,#cd7f3226,#cd7f320d);border-color:#cd7f324d}.end-of-session__rank{font-size:1.5rem;font-weight:800;min-width:50px;text-align:center}.end-of-session__player-info{flex:1}.end-of-session__player-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.end-of-session__player-details{font-size:.85rem;color:#ffffff80}.end-of-session__points{font-size:1.25rem;font-weight:700;color:var(--color-tertiary)}.end-of-session__next-up{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.end-of-session__next-content{text-align:center;padding:2rem}.end-of-session__next-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.end-of-session__next-text{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.end-of-session__next-subtext{font-size:1rem;color:#fff9;margin:0}@media(max-width:768px){.end-of-session{padding:1rem}.end-of-session__title{font-size:2rem}.end-of-session__subtitle{font-size:1rem}.end-of-session__stats-grid{grid-template-columns:repeat(2,1fr)}.end-of-session__stat-value{font-size:2rem}.end-of-session__leaderboard-item{flex-wrap:wrap}.end-of-session__rank{min-width:40px;font-size:1.25rem}.end-of-session__player-name{font-size:1rem}.end-of-session__points{font-size:1rem;width:100%;text-align:center;margin-top:.5rem}}.store-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:2rem;overflow-y:auto}.store-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#ffcc001a,#ff6b001a);border:3px solid rgba(255,204,0,.3);border-radius:20px;position:relative;overflow:hidden}.store-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,204,0,.03) 10px,rgba(255,204,0,.03) 20px);animation:stripeMove 20s linear infinite;pointer-events:none}@keyframes stripeMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.store-title{font-size:3rem;font-weight:800;color:#fc0;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(255,204,0,.5),0 4px 8px rgba(0,0,0,.8);position:relative;z-index:1}.store-subtitle{font-size:1.125rem;color:#fffc;margin:0 0 1.5rem;position:relative;z-index:1}.store-balance{display:flex;justify-content:center;position:relative;z-index:1}.store-balance .ticket-display{font-size:1.25rem;padding:.75rem 1.5rem;box-shadow:0 4px 20px #fc06}.store-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.store-item{background:linear-gradient(135deg,#1a1a1af2,#0d0d0df2);border:3px solid rgba(255,204,0,.3);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.store-item:hover{transform:translateY(-5px);border-color:#fc09;box-shadow:0 10px 30px #ffcc004d}.store-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,204,0,.1),transparent);transition:left .5s ease}.store-item:hover:before{left:100%}.store-item__visual{display:flex;justify-content:center;align-items:center;padding:2rem}.pack-visual{position:relative;width:120px;height:120px;background:linear-gradient(135deg,#fc03,#ff6b0033);border:3px solid rgba(255,204,0,.5);border-radius:20px;display:flex;justify-content:center;align-items:center;animation:packFloat 3s ease-in-out infinite;box-shadow:0 8px 24px #ffcc004d}@keyframes packFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.pack-icon{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.pack-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{transform:translate(100%) translateY(-100%)}to{transform:translate(-100%) translateY(100%)}}.pack-visual--locked{opacity:.4;filter:grayscale(100%);animation:none}.store-item__details{flex:1;display:flex;flex-direction:column;gap:1rem}.store-item__name{font-size:1.75rem;font-weight:700;color:#fc0;margin:0;text-transform:uppercase;letter-spacing:1px}.store-item__description{font-size:1rem;color:#ffffffb3;line-height:1.5;margin:0}.store-item__price{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:12px;border:2px solid rgba(255,204,0,.2)}.price-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.price-value{font-size:1.5rem;font-weight:700;color:#fc0}.store-item__afford{font-size:.875rem;color:#00ff64e6;margin:0;padding:.5rem;background:#00ff641a;border-radius:8px;text-align:center}.store-item__buy-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ffcc00e6,#ff6b00e6);border:3px solid rgba(255,204,0,.6);border-radius:12px;color:#fff;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ffcc004d}.store-item__buy-button:hover:not(.disabled){transform:scale(1.05);box-shadow:0 6px 20px #ffcc0080;border-color:#fc0}.store-item__buy-button.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#64646480,#3c3c3c80);border-color:#6464644d;transform:none!important}.button-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.store-item--coming-soon{opacity:.6;border-color:#6464644d}.store-item--coming-soon:hover{transform:none;border-color:#6464644d;box-shadow:none}.store-item--coming-soon .store-item__description{color:#ffffff80;font-style:italic}.store-empty{display:flex;justify-content:center;align-items:center;min-height:50vh;text-align:center}.store-empty p{font-size:1.25rem;color:#fff9}.store-confirmation{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease}.confirmation-content{background:linear-gradient(135deg,#1a1a1afa,#0d0d0dfa);border:3px solid rgba(255,204,0,.5);border-radius:20px;padding:3rem;text-align:center;max-width:500px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-icon{font-size:4rem;margin-bottom:1rem}.confirmation-content h3{font-size:2rem;color:#fc0;margin:0 0 .5rem}.confirmation-content p{font-size:1.125rem;color:#fffc;margin:0 0 2rem}.confirmation-buttons{display:flex;gap:1rem;justify-content:center}.confirmation-btn{padding:.875rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.confirmation-btn:hover{background:#fff3;border-color:#ffffff80}.confirmation-btn--primary{background:linear-gradient(135deg,#ffcc00e6,#ff6b00e6);border-color:#fc09}.confirmation-btn--primary:hover{background:linear-gradient(135deg,#fc0,#ff6b00);border-color:#fc0}@media(max-width:768px){.store-page{padding:1rem}.store-header{padding:1.5rem;margin-bottom:2rem}.store-title{font-size:2rem}.store-subtitle{font-size:1rem}.store-content{grid-template-columns:1fr;gap:1.5rem}.store-item{padding:1.5rem}.pack-visual{width:100px;height:100px}.pack-icon{font-size:3rem}.confirmation-content{padding:2rem;margin:1rem}.confirmation-buttons{flex-direction:column}.confirmation-btn{width:100%}}.goblin-lobby{display:flex;flex-direction:column;height:100%;background:#000}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border-bottom:2px solid #8b5cf6}.lobby-title h1{margin:0;font-size:28px;font-weight:700;color:#8b5cf6}.lobby-subtitle{margin:4px 0 0;font-size:14px;color:#888}.lobby-countdown{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.countdown-label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.countdown-time{font-size:32px;font-weight:700;color:#8b5cf6;font-variant-numeric:tabular-nums}.lobby-content{display:flex;flex-direction:column;gap:20px;padding:20px;flex:1;overflow-y:auto}.submission-pool-status{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border-radius:12px;border:1px solid #3c3c3e}.pool-stat{flex:1;text-align:center;padding:16px;background:#8b5cf60d;border-radius:8px;border:1px solid rgba(139,92,246,.2)}.pool-stat-value{font-size:36px;font-weight:700;color:#8b5cf6;margin-bottom:4px}.pool-stat-label{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.your-submissions{padding:20px;background:#1c1c1e;border-radius:12px;border:1px solid #3c3c3e}.your-submissions h2{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.submission-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.submission-card{display:flex;gap:12px;padding:12px;background:#2c2c2e;border-radius:8px;border:1px solid #3c3c3e;transition:all .2s}.submission-card:hover{border-color:#8b5cf6;transform:translateY(-2px)}.submission-art{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.submission-art img{width:100%;height:100%;object-fit:cover}.submission-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.submission-prompt{font-size:11px;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px}.submission-track{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-rarity{font-size:11px;font-weight:600;color:#888;text-transform:uppercase}.prompt-picker{padding:20px;background:#1c1c1e;border-radius:12px;border:1px solid #3c3c3e}.prompt-picker h2{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.auth-required,.max-submissions,.prompt-loading{padding:40px 20px;text-align:center}.auth-required p,.max-submissions p,.prompt-loading p{font-size:14px;color:#888;margin:0}.max-submissions p:first-child{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.max-submissions-hint{font-size:12px!important;color:#666!important}.prompt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.prompt-card{position:relative;padding:20px;background:linear-gradient(135deg,#2c2c2e,#3c3c3e);border:2px solid #3c3c3e;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;min-height:120px;display:flex;flex-direction:column;gap:8px}.prompt-card:hover:not(:disabled){border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf64d}.prompt-card:active:not(:disabled){transform:translateY(-2px)}.prompt-card:disabled{opacity:.5;cursor:not-allowed}.prompt-card.answered{border-color:#34c759;background:linear-gradient(135deg,#34c7591a,#34c7590d)}.prompt-category{font-size:10px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:1px}.prompt-text{font-size:15px;font-weight:600;color:#fff;line-height:1.4;flex:1}.prompt-answered-badge{position:absolute;top:8px;right:8px;padding:4px 8px;background:#34c759;color:#fff;font-size:11px;font-weight:700;border-radius:4px}.track-picker-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.track-picker-content{width:100%;max-width:900px;max-height:90vh;background:#1c1c1e;border-radius:16px;border:2px solid #8b5cf6;display:flex;flex-direction:column;overflow:hidden}.track-picker-header{position:relative;padding:24px;background:linear-gradient(135deg,#2c2c2e,#3c3c3e);border-bottom:1px solid #3c3c3e}.track-picker-header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#888}.track-picker-prompt{margin:0;font-size:22px;font-weight:700;color:#8b5cf6;line-height:1.3}.track-picker-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:transparent;border:none;color:#888;font-size:24px;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.track-picker-close:hover{background:#2c2c2e;color:#fff}.track-picker-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;align-content:start}.no-tracks{grid-column:1 / -1;padding:60px 20px;text-align:center}.no-tracks p{font-size:16px;color:#888;margin:0}.no-tracks p:first-child{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.no-tracks-hint{font-size:14px!important;color:#666!important}.track-picker-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#2c2c2e;border:2px solid #3c3c3e;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.track-picker-item:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf64d}.track-picker-item:active{transform:translateY(0)}.track-picker-art{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden}.track-picker-art img{width:100%;height:100%;object-fit:cover}.track-picker-info{display:flex;flex-direction:column;gap:4px}.track-picker-title{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-picker-rarity{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.track-picker-rarity.common{color:#888}.track-picker-rarity.uncommon{color:#34c759}.track-picker-rarity.rare{color:#007aff}.track-picker-rarity.legendary{color:#bf5af2}.track-picker-rarity.instrumental{color:#fc0}@media(max-width:768px){.lobby-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.lobby-title h1{font-size:24px}.lobby-countdown{align-items:flex-start}.countdown-time{font-size:28px}.lobby-content{padding:12px;gap:12px}.submission-pool-status{flex-direction:column;gap:12px}.submission-cards,.prompt-cards{grid-template-columns:1fr}.track-picker-modal{padding:0}.track-picker-content{max-width:100%;max-height:100vh;border-radius:0}.track-picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:12px;gap:8px}}.goblin-results{display:flex;flex-direction:column;height:100%;background:#000;overflow-y:auto;padding-bottom:40px}.goblin-results.loading{align-items:center;justify-content:center}.results-loading{font-size:18px;font-weight:600;color:#8b5cf6}.results-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border-bottom:2px solid #8b5cf6}.results-header h1{margin:0;font-size:28px;font-weight:700;color:#8b5cf6}.next-round-timer{font-size:16px;font-weight:600;color:#fc0;padding:8px 16px;background:#ffcc001a;border-radius:8px;border:1px solid rgba(255,204,0,.3)}.close-btn{width:40px;height:40px;background:transparent;border:none;color:#888;font-size:32px;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{background:#2c2c2e;color:#fff}.your-points-summary{margin:20px 20px 0;padding:24px;background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border:2px solid #8b5cf6;border-radius:16px;box-shadow:0 8px 32px #8b5cf64d;animation:pointsSummarySlideIn .5s ease}@keyframes pointsSummarySlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.your-points-summary h2{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff;text-align:center}.points-total{font-size:48px;font-weight:700;color:#8b5cf6;text-align:center;margin-bottom:20px;animation:pointsCountUp 1s ease}@keyframes pointsCountUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.points-breakdown{display:flex;flex-direction:column;gap:8px}.points-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff0d;border-radius:8px;border:1px solid #3c3c3e;font-size:14px;color:#fff}.points-row span:first-child{color:#888}.points-row span:last-child{font-weight:700;color:#8b5cf6}.points-row.bonus{background:#ffcc001a;border-color:#ffcc004d}.points-row.bonus span:last-child{color:#fc0}.points-row.perfect{background:linear-gradient(135deg,#fc03,#f603);border-color:#fc0;box-shadow:0 0 20px #ffcc004d;animation:perfectPulse 2s ease-in-out infinite}@keyframes perfectPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.matchup-results{margin:20px 20px 0}.matchup-results h2{margin:0 0 16px;font-size:20px;font-weight:600;color:#fff}.matchup-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.matchup-result-card{padding:20px;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border:2px solid #3c3c3e;border-radius:12px;cursor:pointer;transition:all .3s;animation:resultCardSlideIn .5s ease}@keyframes resultCardSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.matchup-result-card:hover{border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf64d}.matchup-result-card.expanded{border-color:#8b5cf6}.result-prompt{margin-bottom:16px}.result-prompt-category{font-size:10px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.result-prompt-text{font-size:16px;font-weight:600;color:#fff;line-height:1.3}.vote-percentage-bar{display:flex;height:32px;background:#1c1c1e;border-radius:8px;overflow:hidden;margin-bottom:16px;border:1px solid #3c3c3e}.vote-bar-a,.vote-bar-b{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;transition:width .5s ease}.vote-bar-a{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.vote-bar-b{background:linear-gradient(90deg,#06b6d4,#0891b2)}.result-summary{display:flex;flex-direction:column;gap:12px}.winner-track{display:flex;gap:12px;align-items:center}.winner-art{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.winner-art img{width:100%;height:100%;object-fit:cover}.winner-badge{position:absolute;top:4px;right:4px;font-size:20px}.winner-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.winner-title{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winner-votes{font-size:14px;font-weight:600;color:#8b5cf6}.winner-submitter{font-size:12px;color:#888}.tap-expand{font-size:11px;font-weight:600;color:#666;text-align:center;text-transform:uppercase;letter-spacing:.5px}.result-detailed{display:flex;flex-direction:column;gap:16px}.result-track{display:flex;gap:12px;padding:12px;background:#1c1c1e;border-radius:8px;border:2px solid #3c3c3e}.result-track.winner{border-color:#8b5cf6;background:#8b5cf60d}.result-track.loser{opacity:.6}.result-track-art{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0}.result-track-art img{width:100%;height:100%;object-fit:cover}.result-winner-badge{position:absolute;bottom:0;left:0;right:0;padding:4px;background:#8b5cf6e6;font-size:10px;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px}.result-track-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.result-track-title{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-track-artist{font-size:12px;color:#888}.result-track-votes{font-size:13px;font-weight:600;color:#8b5cf6}.result-track-submitter{font-size:11px;color:#666}.result-track-submitter strong{color:#8b5cf6;font-weight:600}.round-leaderboard{margin:20px 20px 0;padding:20px;background:#1c1c1e;border-radius:12px;border:1px solid #3c3c3e}.round-leaderboard h2{margin:0 0 16px;font-size:20px;font-weight:600;color:#fff}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-empty{padding:40px 20px;text-align:center;font-size:14px;color:#888}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#2c2c2e;border-radius:8px;border:1px solid #3c3c3e;transition:all .2s}.leaderboard-row:hover{border-color:#8b5cf6;transform:translate(4px)}.leaderboard-row.is-you{background:#8b5cf61a;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf633}.leaderboard-row .rank{font-size:14px;font-weight:700;color:#8b5cf6;min-width:40px}.leaderboard-row .name{flex:1;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-row .points{font-size:14px;font-weight:700;color:#8b5cf6;min-width:60px;text-align:right}.cooldown-chat{margin:20px;padding:20px;background:#1c1c1e;border-radius:12px;border:1px solid #3c3c3e;text-align:center;color:#888}@media(max-width:768px){.results-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.results-header h1{font-size:24px}.close-btn{position:absolute;top:12px;right:12px}.your-points-summary{margin:16px 12px 0;padding:20px 16px}.points-total{font-size:40px}.matchup-results{margin:16px 12px 0}.matchup-results-grid{grid-template-columns:1fr;gap:12px}.matchup-result-card{padding:16px}.round-leaderboard{margin:16px 12px 0;padding:16px}}.goblin-chat{display:flex;flex-direction:column;height:100%;background:#0000004d;border-radius:12px;overflow:hidden}.goblin-chat-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.chat-icon{font-size:1rem}.chat-title{flex:1;font-weight:600;font-size:.9rem;color:#fff}.chat-count{font-size:.8rem;color:#888;background:#ffffff1a;padding:.15rem .5rem;border-radius:10px}.goblin-chat-feed{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.chat-empty{color:#555;text-align:center;padding:2rem 1rem;font-style:italic}.chat-msg{padding:.4rem .6rem;border-radius:8px;font-size:.85rem;background:#ffffff0d;word-wrap:break-word}.chat-msg.vote{background:#4caf5026;border-left:3px solid #4CAF50}.chat-msg.system{background:#4fc3f726;border-left:3px solid #4FC3F7;font-style:italic}.chat-msg-name{font-weight:600;color:#4fc3f7;margin-right:.5rem}.chat-msg-text{color:#ddd}.chat-msg-vote{color:#81c784}.chat-msg-vote strong{color:#4caf50}.goblin-chat-signin{padding:.75rem;text-align:center;color:#666;font-size:.85rem;border-top:1px solid rgba(255,255,255,.1)}.goblin-chat-form{display:flex;gap:.5rem;padding:.5rem;border-top:1px solid rgba(255,255,255,.1)}.goblin-chat-form input{flex:1;padding:.6rem .75rem;border-radius:8px;border:none;background:#ffffff1a;color:#fff;font-size:.9rem}.goblin-chat-form input::placeholder{color:#666}.goblin-chat-form button{padding:.6rem 1rem;border-radius:8px;border:none;background:#4caf50;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.goblin-chat-form button:hover:not(:disabled){background:#45a049}.goblin-chat-form button:disabled{background:#333;color:#666;cursor:not-allowed}.goblin-chat-feed::-webkit-scrollbar{width:6px}.goblin-chat-feed::-webkit-scrollbar-track{background:transparent}.goblin-chat-feed::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.goblin-cooldown-screen{width:100%;height:100%;background:linear-gradient(135deg,#0a0a12,#1a1a2e);display:flex;flex-direction:column;overflow:hidden}.cooldown-header{text-align:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(139,92,246,.1),transparent)}.cooldown-header h1{margin:0 0 .5rem;font-size:1.75rem;color:#fff}.cooldown-header p{margin:0;color:#888}.cooldown-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;overflow:hidden}.cooldown-results{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem}.cooldown-results::-webkit-scrollbar,.cooldown-chat .chat-feed::-webkit-scrollbar{width:8px}.cooldown-results::-webkit-scrollbar-track,.cooldown-chat .chat-feed::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.cooldown-results::-webkit-scrollbar-thumb,.cooldown-chat .chat-feed::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.cooldown-results::-webkit-scrollbar-thumb:hover,.cooldown-chat .chat-feed::-webkit-scrollbar-thumb:hover{background:#ffffff40}.your-points-card,.leaderboard-card,.verdicts-card{background:#ffffff0d;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.08)}.your-points-card h3,.leaderboard-card h3,.verdicts-card h3,.cooldown-chat h3{margin:0 0 .75rem;font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:1px}.your-points-card{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:1px solid rgba(76,175,80,.3)}.points-total{font-size:2.5rem;font-weight:700;color:#4caf50;text-align:center;margin-bottom:.75rem}.points-breakdown{display:flex;flex-direction:column;gap:.25rem}.points-row{display:flex;justify-content:space-between;font-size:.9rem;color:#aaa}.points-row.bonus{color:gold}.leaderboard-list{display:flex;flex-direction:column}.leaderboard-row{display:flex;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem;color:#ccc}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.is-you{color:#4fc3f7;font-weight:600}.leaderboard-row .rank{width:40px;color:#666}.leaderboard-row .name{flex:1}.leaderboard-row .points{color:#4caf50;font-weight:500}.verdicts-list{display:flex;flex-direction:column;gap:.75rem}.verdict-item{padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.verdict-item:last-child{border-bottom:none;padding-bottom:0}.verdict-prompt{font-size:.85rem;color:#888;margin-bottom:.5rem}.verdict-result{display:flex;align-items:center;gap:.75rem}.verdict-art{width:48px;height:48px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.verdict-info{display:flex;flex-direction:column}.verdict-winner{font-weight:500;color:#4caf50}.verdict-score{font-size:.85rem;color:#666}.cooldown-chat{display:flex;flex-direction:column;background:#ffffff08;border-radius:12px;padding:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.cooldown-chat .chat-feed{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem;padding-right:.5rem}.cooldown-chat .chat-message{padding:.4rem .6rem;border-radius:8px;font-size:.9rem;background:#ffffff0d;line-height:1.4}.cooldown-chat .chat-message.vote{background:#4caf501a;border-left:3px solid #4CAF50}.cooldown-chat .chat-name{font-weight:600;color:#4fc3f7;margin-right:.5rem}.cooldown-chat .chat-vote{color:#81c784}.cooldown-chat .chat-text{color:#ddd}.cooldown-chat .chat-input-form{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.cooldown-chat .chat-input-form input{flex:1;padding:.65rem .75rem;border-radius:8px;border:none;background:#ffffff1a;color:#fff;font-size:.9rem}.cooldown-chat .chat-input-form input::placeholder{color:#666}.cooldown-chat .chat-input-form input:focus{outline:none;background:#ffffff26}.cooldown-chat .chat-input-form button{padding:.65rem 1rem;border-radius:8px;border:none;background:#4caf50;color:#fff;cursor:pointer;font-weight:500;transition:background .2s}.cooldown-chat .chat-input-form button:hover{background:#45a049}.cooldown-chat .chat-signin-prompt{text-align:center;color:#666;padding:1rem;font-size:.9rem}.empty-state{color:#555;text-align:center;padding:1rem;font-style:italic;font-size:.9rem}@media(max-width:768px){.cooldown-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.cooldown-results,.cooldown-chat{max-height:50%}}@media(max-width:480px){.cooldown-header h1{font-size:1.5rem}.points-total{font-size:2rem}.cooldown-content{padding:.5rem;gap:.5rem}.your-points-card,.leaderboard-card,.verdicts-card,.cooldown-chat{padding:.75rem}}.goblin-game-container{display:grid;grid-template-columns:1fr 320px;height:100%;width:100%;overflow:hidden;background:#000}.goblin-game-main{flex:1;overflow-y:auto;position:relative}.goblin-game-chat{border-left:1px solid rgba(255,255,255,.1);height:100%;overflow:hidden}.goblin-game{display:flex;flex-direction:column;height:100%;background:#000;overflow:hidden}.goblin-game.loading,.goblin-game.complete{align-items:center;justify-content:center}.loading-spinner{font-size:18px;font-weight:600;color:#8b5cf6}.goblin-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border-bottom:2px solid #8b5cf6}.matchup-progress{font-size:14px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.phase-info{display:flex;align-items:center;gap:12px}.phase-name{font-size:12px;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;background:#8b5cf61a;border-radius:6px;border:1px solid rgba(139,92,246,.3)}.phase-timer{font-size:28px;font-weight:700;color:#8b5cf6;font-variant-numeric:tabular-nums;min-width:60px;text-align:right}.goblin-prompt{padding:32px 24px;text-align:center;background:linear-gradient(180deg,rgba(139,92,246,.1) 0%,transparent 100%)}.prompt-category{font-size:11px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.prompt-text{margin:0;font-size:28px;font-weight:700;color:#fff;line-height:1.3;animation:promptFadeIn .5s ease}@keyframes promptFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.verdict-container{padding:24px;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(139,92,246,.15) 0%,transparent 100%);border-bottom:1px solid rgba(139,92,246,.2)}.verdict-announcement{text-align:center;padding:32px 48px;background:linear-gradient(135deg,#8b5cf633,#a78bfa33);border:3px solid #8b5cf6;border-radius:16px;box-shadow:0 0 40px #8b5cf666;animation:verdictReveal .5s ease-out forwards;max-width:600px;width:100%}@keyframes verdictReveal{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.verdict-winner-label{font-size:36px;font-weight:900;color:#fc0;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;text-shadow:0 0 20px rgba(255,204,0,.5);animation:verdictPulse 2s ease-in-out infinite}@keyframes verdictPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.verdict-score{font-size:48px;font-weight:700;color:#fff;margin:12px 0;font-variant-numeric:tabular-nums}.verdict-track-title{font-size:20px;font-weight:600;color:#8b5cf6;margin-top:12px;line-height:1.4}.matchup-container{flex:1;display:flex;align-items:center;justify-content:center;gap:40px;padding:20px;overflow:hidden}.vs-divider{font-size:36px;font-weight:900;color:#8b5cf6;text-shadow:0 0 20px rgba(139,92,246,.5);animation:pulseDivider 2s ease-in-out infinite}@keyframes pulseDivider{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.track-vote-card{position:relative;display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px;padding:24px;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border:3px solid #3c3c3e;border-radius:16px;transition:all .3s;animation:cardSlideIn .5s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.track-vote-card.player-voted{border-color:#fc0;box-shadow:0 0 30px #ffcc004d}.track-vote-card.winner{border-color:#8b5cf6;box-shadow:0 0 40px #8b5cf680}.winner-glow{position:absolute;inset:-4px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:16px;z-index:-1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:.8}}.track-vote-card.loading{align-items:center;justify-content:center;min-height:400px}.card-loading{font-size:16px;color:#888}.track-art{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;border:none;padding:0;background:transparent;transition:all .2s}.track-art:not(:disabled):hover{transform:scale(1.05);box-shadow:0 8px 24px #8b5cf64d}.track-art:disabled{cursor:default}.track-art img{width:100%;height:100%;object-fit:cover;display:block}.track-art.playing{box-shadow:0 0 30px #8b5cf699}.play-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;opacity:0;transition:opacity .2s}.track-art:hover .play-overlay{opacity:1}.track-art.playing .play-overlay{opacity:1;background:#8b5cf64d}.track-info{display:flex;flex-direction:column;gap:6px;text-align:center}.track-title{font-size:18px;font-weight:700;color:#fff;line-height:1.3}.track-artist{font-size:14px;font-weight:500;color:#888}.track-submitter{font-size:12px;color:#666;margin-top:4px}.track-submitter strong{color:#8b5cf6;font-weight:600}.vote-button{padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.vote-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.vote-button:active:not(:disabled){transform:translateY(0)}.vote-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.vote-results{display:flex;flex-direction:column;gap:8px;align-items:center;padding:16px;background:#8b5cf60d;border-radius:12px;border:1px solid rgba(139,92,246,.2)}.vote-count{font-size:24px;font-weight:700;color:#8b5cf6}.winner-badge{font-size:14px;font-weight:700;color:#fc0;padding:6px 12px;background:#ffcc001a;border-radius:8px;border:1px solid rgba(255,204,0,.3)}.goblin-status{padding:24px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.05) 100%);border-top:1px solid #3c3c3e}.goblin-status span{font-size:16px;font-weight:600;padding:12px 24px;border-radius:12px;display:inline-block}.status-prompt{color:#8b5cf6;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.status-voted{color:#34c759;background:#34c7591a;border:1px solid rgba(52,199,89,.3)}.status-reveal{color:#fc0;background:#ffcc001a;border:1px solid rgba(255,204,0,.3)}.status-discussion{color:#888;background:#ffffff0d;border:1px solid #3c3c3e}.status-cooldown{color:#666;background:#ffffff08;border:1px solid #2c2c2e}.round-complete{text-align:center;padding:60px 40px;max-width:500px}.round-complete h2{margin:0 0 16px;font-size:32px;font-weight:700;color:#8b5cf6}.round-complete p{margin:0;font-size:16px;color:#888;line-height:1.6}@media(max-width:1024px){.matchup-container{flex-direction:column;gap:24px;overflow-y:auto}.vs-divider{font-size:28px;transform:rotate(90deg)}.track-vote-card{max-width:100%}}@media(max-width:640px){.goblin-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.phase-info{width:100%;justify-content:space-between}.prompt-text{font-size:22px}.verdict-container{padding:16px}.verdict-announcement{padding:24px 32px}.verdict-winner-label{font-size:28px}.verdict-score{font-size:36px}.verdict-track-title{font-size:16px}.matchup-container{padding:12px;gap:16px}.vs-divider{font-size:24px}.track-vote-card{padding:16px}.track-title{font-size:16px}.track-artist{font-size:12px}.vote-button{padding:14px 24px;font-size:14px}}.phase-show-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem}.court-intro{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:1rem}.prompt-text-large{font-size:2.5rem;font-weight:700;color:#fff;max-width:600px;animation:promptPulse 2s ease-in-out infinite}@keyframes promptPulse{0%,to{opacity:1}50%{opacity:.8}}.prompt-small{font-size:1.2rem;color:#aaa;text-align:center;margin:1.5rem 0}.track-placeholder{width:320px;height:400px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center}.placeholder-text{font-size:4rem;color:#ffffff4d}.track-vote-card.revealing{animation:trackReveal .5s ease-out forwards}@keyframes trackReveal{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.track-vote-card.auto-playing{box-shadow:0 0 20px #4caf5080}@media(max-width:768px){.goblin-game-container{grid-template-columns:1fr;grid-template-rows:1fr 250px}.goblin-game-chat{border-left:none;border-top:1px solid rgba(255,255,255,.1)}}.zone-view{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#fff}.zone-placeholder{width:100%;height:100%;display:flex;flex-direction:column}.zone-placeholder .back-button{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;font-size:14px;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;transition:all .2s;font-family:inherit;z-index:10}.zone-placeholder .back-button:hover{background:#fff3;border-color:#fff6}.zone-placeholder .back-button:active{transform:scale(.98)}.placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.placeholder-content h1{margin:0 0 1rem;font-size:2.5rem;font-weight:700;color:#fff}.placeholder-content p{margin:0;font-size:1.125rem;color:#ffffffb3;max-width:600px}@media(max-width:768px){.placeholder-content h1{font-size:2rem}.placeholder-content p{font-size:1rem}}.collection-header{background:linear-gradient(135deg,#1a1a1afa,#0d0d0dfa);border-bottom:2px solid rgba(255,204,0,.3);padding:1.5rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collection-header__content{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1600px;margin:0 auto}.collection-header__progress{flex:1;min-width:300px}.collection-header__title{font-size:1.5rem;font-weight:700;color:#fc0;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:1px}.collection-header__stats{display:flex;align-items:center;gap:1rem}.collection-header__count{font-size:1.125rem;font-weight:600;color:#ffffffe6;min-width:120px}.collection-header__progress-bar{flex:1;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.collection-header__progress-fill{height:100%;background:linear-gradient(90deg,#fc0,#ff6b00);transition:width .5s ease;box-shadow:0 0 10px #ffcc0080}.collection-header__percentage{font-size:1.125rem;font-weight:700;color:#fc0;min-width:60px;text-align:right}.collection-header__rarity{display:flex;gap:1.5rem;align-items:center}.rarity-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:8px;border:2px solid;background:#0000004d}.rarity-stat__count{font-size:1.5rem;font-weight:700}.rarity-stat__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.rarity-stat--common{border-color:#96969680;color:#c8c8c8}.rarity-stat--uncommon{border-color:#00ff0080;color:#0f0}.rarity-stat--rare{border-color:#0095ff80;color:#00bfff}.rarity-stat--legendary{border-color:#c800ff80;color:#dc00ff}.rarity-stat--instrumental{border-color:#ffcc0080;color:#fc0}.collection-header__buy-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ffcc00e6,#ff6b00e6);border:2px solid rgba(255,204,0,.6);border-radius:12px;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ffcc004d}.collection-header__buy-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffcc0080;border-color:#fc0}.collection-header__buy-button--disabled,.collection-header__buy-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.buy-button__icon{font-size:1.5rem}.buy-button__text{display:flex;align-items:center;gap:.5rem}.buy-button__cost{font-size:.875rem;opacity:.9}.collection-header__pack-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ff2d55e6,#ff6b00e6);border:2px solid rgba(255,204,0,.6);border-radius:12px;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff2d554d;animation:packPulse 2s ease-in-out infinite}@keyframes packPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 6px 20px #ff2d5599}}.collection-header__pack-button:hover{animation:none;transform:translateY(-2px);box-shadow:0 6px 20px #ff2d5580;border-color:#fc0}.pack-button__icon{font-size:1.5rem}.pack-button__text{display:flex;align-items:center;gap:.5rem}.pack-button__count{font-size:.875rem;opacity:.9}.collection-header__store-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#0000004d;border:2px solid rgba(255,204,0,.3);border-radius:12px;color:#fffc;font-size:.95rem}.store-link__icon{font-size:1.5rem}.store-link__text strong{color:#fc0;font-weight:700}@media(max-width:1200px){.collection-header__content{flex-wrap:wrap}.collection-header__rarity{gap:1rem}.rarity-stat{padding:.375rem .75rem}.rarity-stat__count{font-size:1.25rem}.rarity-stat__label{font-size:.625rem}}@media(max-width:768px){.collection-header{padding:1rem}.collection-header__content{flex-direction:column;align-items:stretch}.collection-header__rarity{justify-content:space-between}}.album-sidebar{width:320px;height:100%;background:linear-gradient(135deg,#141414fa,#0a0a0afa);border-right:2px solid rgba(255,204,0,.2);display:flex;flex-direction:column;overflow:hidden}.album-sidebar__hero{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.album-hero__art{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:1rem;box-shadow:0 8px 24px #0009;border:2px solid rgba(255,204,0,.3)}.album-hero__art img{width:100%;height:100%;object-fit:cover;display:block}.album-hero__info{text-align:center}.album-hero__name{font-size:1.25rem;font-weight:700;color:#fc0;margin:0 0 .25rem;line-height:1.3}.album-hero__year{font-size:.875rem;color:#fff9;margin:0 0 1rem}.album-hero__completion{margin-top:1rem}.completion-stat{display:flex;flex-direction:column;gap:.5rem}.completion-stat__count{font-size:1.125rem;font-weight:700;color:#ffffffe6}.completion-stat__bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.completion-stat__fill{height:100%;background:linear-gradient(90deg,#fc0,#ff6b00);transition:width .3s ease}.album-sidebar__list{flex:1;overflow-y:auto;padding:1rem}.album-list__title{font-size:.875rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin:0 0 .75rem;padding:0 .5rem}.album-list{display:flex;flex-direction:column;gap:.5rem}.album-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.album-list-item:hover{background:#ffffff1a;border-color:#ffcc004d}.album-list-item--selected{background:#ffcc0026;border-color:#fc09;box-shadow:0 0 12px #ffcc004d}.album-list-item__art{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.album-list-item__art img{width:100%;height:100%;object-fit:cover;display:block}.album-list-item__info{flex:1;min-width:0}.album-list-item__name{font-size:.875rem;font-weight:600;color:#ffffffe6;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-list-item__year{font-size:.75rem;color:#ffffff80}.album-list-item__completion{font-size:.75rem;font-weight:600;color:#ffcc00e6;margin-top:.125rem}.album-list-item__indicator{width:24px;height:24px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.album-list-item__indicator--complete{background:#0f03;color:#0f0;border:2px solid rgba(0,255,0,.4)}.album-sidebar__list::-webkit-scrollbar{width:8px}.album-sidebar__list::-webkit-scrollbar-track{background:#ffffff0d}.album-sidebar__list::-webkit-scrollbar-thumb{background:#ffcc004d;border-radius:4px}.album-sidebar__list::-webkit-scrollbar-thumb:hover{background:#ffcc0080}@media(max-width:1024px){.album-sidebar{width:280px}.album-sidebar__hero{padding:1rem}.album-hero__name{font-size:1.125rem}}@media(max-width:768px){.album-sidebar{width:100%;height:auto;border-right:none;border-bottom:2px solid rgba(255,204,0,.2)}.album-sidebar__hero{display:none}.album-sidebar__list{max-height:200px}.album-list{flex-direction:row;overflow-x:auto;gap:.75rem}.album-list-item{flex-direction:column;min-width:120px;text-align:center}.album-list-item__art{width:80px;height:80px}}.track-grid-card{position:relative;cursor:pointer;transition:all .2s ease;background:#0006;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.track-grid-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0009}.track-grid-card__art{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#0d0d0d)}.track-grid-card__art img{width:100%;height:100%;object-fit:cover;display:block;transition:all .3s ease}.track-grid-card--uncollected{border-color:#ffffff0d}.track-grid-card--uncollected:hover{border-color:#fff3}.track-grid-card__art--uncollected{filter:grayscale(100%) brightness(.4)}.rarity-badge-top{position:absolute;top:8px;left:50%;transform:translate(-50%);padding:.375rem .75rem;border-radius:20px;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;box-shadow:0 2px 8px #00000080}.rarity-badge-top__icon{display:block}.rarity-badge-top--common{background:#969696e6;border-color:#c8c8c8cc;color:#fff}.rarity-badge-top--uncommon{background:#00c800e6;border-color:#0f0c;color:#fff;box-shadow:0 0 12px #0f06}.rarity-badge-top--rare{background:#0078ffe6;border-color:#00bfffcc;color:#fff;box-shadow:0 0 12px #00bfff66}.rarity-badge-top--legendary{background:#b400ffe6;border-color:#dc00ffcc;color:#fff;box-shadow:0 0 16px #dc00ff99}.rarity-badge-top--instrumental{background:#ffcc00e6;border-color:#ffd700cc;color:#1a1a1a;box-shadow:0 0 12px #fc06}.track-grid-card--quality-glossy{border-color:#6495ed66}.track-grid-card--quality-glossy:hover{border-color:#6495edcc;box-shadow:0 0 20px #6495ed66}.track-grid-card--quality-holographic{border-color:#ff00ff80;animation:holographicBorder 3s ease-in-out infinite}.track-grid-card--quality-holographic:hover{box-shadow:0 0 30px #f0f9}@keyframes holographicBorder{0%,to{border-color:#ff00ff80}33%{border-color:#00ffff80}66%{border-color:#ffff0080}}.track-grid-card--quality-gold{border-color:#ffd70099;box-shadow:0 0 20px #ffd7004d}.track-grid-card--quality-gold:hover{border-color:gold;box-shadow:0 0 40px #ffd70099}.quality-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.quality-overlay--glossy{background:linear-gradient(135deg,rgba(100,149,237,.2),transparent)}.quality-overlay--holographic{background:linear-gradient(135deg,#ff00ff26,#00ffff26,#ffff0026);animation:holographicShimmer 3s ease-in-out infinite}@keyframes holographicShimmer{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(60deg)}}.quality-overlay--gold{background:radial-gradient(circle at center,rgba(255,215,0,.3),transparent 70%);animation:goldPulse 2s ease-in-out infinite}@keyframes goldPulse{0%,to{opacity:1}50%{opacity:.6}}.duplicate-badge{position:absolute;top:8px;right:8px;background:#ffcc00f2;color:#1a1a1a;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700;z-index:3;border:2px solid rgba(255,215,0,.8);box-shadow:0 2px 8px #0000004d}.uncollected-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1}.uncollected-overlay__icon{font-size:3rem;color:#ffffff4d;font-weight:700}.track-grid-card__title{padding:.75rem;font-size:.875rem;font-weight:600;color:#ffffffe6;text-align:center;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;background:#00000080;border-top:1px solid rgba(255,255,255,.1)}.track-grid-card--uncollected .track-grid-card__title{color:#fff6}.track-grid-card--collected:hover .track-grid-card__art img{transform:scale(1.05)}.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;padding:2rem;max-width:1600px;margin:0 auto}.track-grid-empty{padding:4rem 2rem;text-align:center;color:#ffffff80;font-size:1.125rem}@media(min-width:1400px){.track-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}}@media(max-width:1024px){.track-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;padding:1.5rem}}@media(max-width:768px){.track-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:1rem}}@media(max-width:480px){.track-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}.quality-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.quality-badge--small{padding:.25rem .5rem;font-size:.625rem;gap:.25rem}.quality-badge--large{padding:.5rem 1rem;font-size:.875rem;gap:.5rem}.quality-badge--standard{background:#9993;border:1px solid rgba(153,153,153,.3);color:#fffc}.quality-badge--glossy{background:linear-gradient(135deg,#4caf5033,#8bc34a33);border:1px solid rgba(76,175,80,.4);color:#a5d6a7}.quality-badge--glossy .quality-badge__icon{background:linear-gradient(135deg,#66bb6a,#9ccc65);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quality-badge--holographic{background:linear-gradient(135deg,#9c27b033,#673ab733,#2196f333,#00bcd433);background-size:200% 200%;border:1px solid rgba(156,39,176,.4);color:#ce93d8;animation:holographic-shift 3s ease infinite}@keyframes holographic-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.quality-badge--holographic .quality-badge__icon{background:linear-gradient(135deg,#ba68c8,#7e57c2,#42a5f5,#26c6da);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:holographic-shift 3s ease infinite}.quality-badge--gold{background:linear-gradient(135deg,#ffd7004d,#ffc1074d);border:1px solid rgba(255,215,0,.6);color:gold;box-shadow:0 0 20px #ffd7004d}.quality-badge--gold .quality-badge__icon{background:linear-gradient(135deg,gold,#ffc107);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.quality-badge__icon{font-size:1em;line-height:1;display:flex;align-items:center;justify-content:center}.quality-badge__label{line-height:1;white-space:nowrap}.quality-badge:hover{transform:translateY(-1px)}.quality-badge--gold:hover{box-shadow:0 0 30px #ffd70080}.quality-badge--holographic:hover{animation:holographic-shift 1.5s ease infinite}.track-inspect-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.track-inspect-modal__content{position:relative;background:linear-gradient(135deg,#1a1a1afa,#0d0d0dfa);border:2px solid rgba(255,204,0,.3);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 20px 60px #000c}.track-inspect-modal__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.track-inspect-modal__close:hover{background:#ff2d554d;border-color:#ff2d5580;transform:rotate(90deg)}.track-inspect-modal__main{display:flex;gap:2rem;margin-bottom:2rem}.track-inspect__art{position:relative;width:280px;height:280px;flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0009;border:2px solid rgba(255,204,0,.3)}.track-inspect__art img{width:100%;height:100%;object-fit:cover;display:block}.track-inspect__art--uncollected{filter:grayscale(100%) brightness(.4)}.track-inspect__uncollected-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#ffffff4d;font-weight:700}.track-inspect__details{flex:1;display:flex;flex-direction:column;gap:1rem}.track-inspect__title{font-size:2rem;font-weight:700;color:#fc0;margin:0;line-height:1.2}.track-inspect__album{font-size:1.125rem;color:#ffffffb3;margin:0}.track-inspect__rarity{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:20px;border:2px solid;font-weight:700;text-transform:uppercase;letter-spacing:1px;width:fit-content}.track-inspect__rarity--common{background:#96969633;border-color:#c8c8c880;color:#ffffffe6}.track-inspect__rarity--uncommon{background:#00c80033;border-color:#00ff0080;color:#0f0}.track-inspect__rarity--rare{background:#0078ff33;border-color:#00bfff80;color:#00bfff}.track-inspect__rarity--legendary{background:#b400ff33;border-color:#dc00ff80;color:#dc00ff}.track-inspect__rarity--instrumental{background:#fc03;border-color:#ffcc0080;color:#fc0}.track-inspect__status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;border:2px solid;font-weight:600}.track-inspect__status--collected{background:#00ff001a;border-color:#00ff004d;color:#0f0}.track-inspect__status--uncollected{background:#ffffff0d;border-color:#fff3;color:#ffffff80}.status-icon{font-size:1.5rem}.track-inspect__best-quality{display:flex;align-items:center;gap:1rem}.best-quality-label{font-size:.875rem;font-weight:600;color:#ffffffb3}.track-inspect__preview-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ff2d554d,#ff6b004d);border:2px solid rgba(255,204,0,.5);border-radius:12px;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;width:fit-content}.track-inspect__preview-button:hover{background:linear-gradient(135deg,#ff2d5580,#ff6b0080);border-color:#fc0;transform:translateY(-2px)}.preview-button__icon{font-size:1.25rem}.track-inspect__instances{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.instances__title{font-size:1.125rem;font-weight:700;color:#fc0;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.instances__list{display:flex;flex-direction:column;gap:.75rem}.instance-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.instance-card__date{font-size:.875rem;color:#ffffffb3;flex:1}.instance-card__source{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.track-inspect-modal{padding:1rem}.track-inspect-modal__content{padding:1.5rem}.track-inspect-modal__main{flex-direction:column;align-items:center}.track-inspect__art{width:240px;height:240px}.track-inspect__title{font-size:1.5rem}}.rarity-glow{position:relative;display:inline-block}.rarity-glow:before{content:"";position:absolute;inset:-2px;border-radius:inherit;opacity:.8;z-index:-1;transition:all .3s ease}.rarity-glow--common:before{background:linear-gradient(135deg,#9e9e9e1a,#7575751a);box-shadow:0 0 10px #9e9e9e33}.rarity-glow--uncommon:before{background:linear-gradient(135deg,#4caf5033,#8bc34a33);box-shadow:0 0 15px #4caf504d}.rarity-glow--rare:before{background:linear-gradient(135deg,#2196f34d,#03a9f44d);box-shadow:0 0 20px #2196f366}.rarity-glow--legendary:before{background:linear-gradient(135deg,#9c27b066,#ffd70066,#9c27b066);background-size:200% 200%;box-shadow:0 0 30px #9c27b099,0 0 50px #ffd7004d}.rarity-glow--instrumental:before{background:linear-gradient(135deg,#c0c0c04d,#a9a9a94d);box-shadow:0 0 20px #c0c0c066}.rarity-glow--subtle:before{opacity:.4;inset:-1px}.rarity-glow--intense:before{opacity:1;inset:-4px}.rarity-glow--animate:before{animation:glow-pulse 2s ease-in-out infinite}.rarity-glow--legendary.rarity-glow--animate:before{animation:legendary-glow 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes legendary-glow{0%,to{opacity:.8;background-position:0% 50%;filter:brightness(1)}50%{opacity:1;background-position:100% 50%;filter:brightness(1.2)}}.rarity-glow:hover:before{opacity:1;transform:scale(1.05)}.rarity-glow--legendary:hover:before{box-shadow:0 0 40px #9c27b0cc,0 0 60px #ffd70080}.rarity-glow--rare:hover:before{box-shadow:0 0 30px #2196f399}.rarity-glow--uncommon:hover:before{box-shadow:0 0 20px #4caf5080}.track-card{position:relative;background:#1a1a1af2;border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1)}.track-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.track-card--small{width:180px}.track-card--medium{width:240px}.track-card--large{width:320px}.track-card__quality-label{margin-top:.5rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;border:1px solid}.track-card__quality-label--standard{background:linear-gradient(135deg,#9696964d,#6464644d);color:#fffc;border-color:#c8c8c866}.track-card__quality-label--glossy{background:linear-gradient(135deg,#6495ed4d,#4169e14d);color:#87cefa;border-color:#87cefa80}.track-card__quality-label--holographic{background:linear-gradient(135deg,#ff00ff4d,#00ffff4d,#ffff004d);color:#fff;border-color:#fff9;animation:holographicShimmer 2s ease-in-out infinite}@keyframes holographicShimmer{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.track-card__quality-label--gold{background:linear-gradient(135deg,#ffd70066,#ffb90066);color:gold;border-color:#ffd70099;box-shadow:0 0 10px #ffd7004d;animation:goldPulse 1.5s ease-in-out infinite}@keyframes goldPulse{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70080}}.track-card__art{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#0d0d0d)}.track-card__art img{width:100%;height:100%;object-fit:cover;display:block}.quality-overlay{position:absolute;inset:0;pointer-events:none;opacity:.4;mix-blend-mode:overlay}.quality-overlay--glossy{background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.3) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 55%,transparent 100%);background-size:200% 200%;animation:glossy-shine 3s ease-in-out infinite}@keyframes glossy-shine{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.quality-overlay--holographic{background:linear-gradient(135deg,#ff00804d,#8000ff4d,#0080ff4d,#00ff804d,#ffff004d,#ff00804d);background-size:400% 400%;animation:holographic-flow 4s ease-in-out infinite;opacity:.6}@keyframes holographic-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.track-card--holographic:hover .quality-overlay--holographic{animation:holographic-flow 2s ease-in-out infinite;opacity:.8}.quality-overlay--gold{background:linear-gradient(135deg,transparent 0%,rgba(255,215,0,.3) 25%,rgba(255,193,7,.5) 50%,rgba(255,215,0,.3) 75%,transparent 100%);background-size:200% 200%;animation:gold-shimmer 2s ease-in-out infinite;opacity:.6}@keyframes gold-shimmer{0%,to{background-position:0% 0%;filter:brightness(1)}50%{background-position:100% 100%;filter:brightness(1.3)}}.gold-particles{position:absolute;inset:0;pointer-events:none}.gold-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#FFD700,transparent);border-radius:50%;opacity:0;animation:gold-particle-float 3s ease-in-out infinite;animation-delay:calc(var(--delay) * 1s)}.gold-particle:nth-child(1){left:20%;top:80%}.gold-particle:nth-child(2){left:40%;top:70%}.gold-particle:nth-child(3){left:60%;top:75%}.gold-particle:nth-child(4){left:80%;top:65%}.gold-particle:nth-child(5){left:30%;top:85%}.gold-particle:nth-child(6){left:50%;top:90%}.gold-particle:nth-child(7){left:70%;top:80%}.gold-particle:nth-child(8){left:90%;top:70%}@keyframes gold-particle-float{0%{transform:translateY(0) scale(0);opacity:0}20%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.track-card__rarity-badge{position:absolute;top:8px;right:8px;z-index:10}.rarity-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;box-shadow:0 2px 8px #0000004d}.rarity-badge--common{background:#9e9e9e4d;border-color:#9e9e9e80;color:#9e9e9e}.rarity-badge--uncommon{background:#4caf504d;border-color:#4caf5099;color:#66bb6a}.rarity-badge--rare{background:#2196f34d;border-color:#2196f399;color:#42a5f5;box-shadow:0 0 12px #2196f366}.rarity-badge--legendary{background:linear-gradient(135deg,#9c27b066,#ffd70066);border-color:#ffd700cc;color:gold;box-shadow:0 0 16px #ffd70080;animation:legendary-pulse 2s ease-in-out infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 0 16px #ffd70080}50%{box-shadow:0 0 24px #ffd700cc}}.rarity-badge--instrumental{background:#c0c0c04d;border-color:#c0c0c099;color:silver}.track-card__info{padding:1rem;background:#0d0d0dcc}.track-card--small .track-card__info{padding:.75rem}.track-card--large .track-card__info{padding:1.25rem}.track-card__title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .25rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.track-card--small .track-card__title{font-size:.875rem}.track-card--large .track-card__title{font-size:1.125rem}.track-card__album{font-size:.75rem;color:#fff9;margin:0 0 .75rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card--small .track-card__album{font-size:.6875rem;margin-bottom:.5rem}.track-card--large .track-card__album{font-size:.875rem;margin-bottom:1rem}.track-card__quality{display:flex;justify-content:center}.track-card--new{animation:card-reveal .6s ease-out}@keyframes card-reveal{0%{opacity:0;transform:scale(.8) rotateY(-15deg)}60%{transform:scale(1.05) rotateY(5deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.track-card--gold{border:2px solid rgba(255,215,0,.5);box-shadow:0 0 20px #ffd7004d}.track-card--holographic{border:2px solid rgba(156,39,176,.4)}.track-card--glossy{border:2px solid rgba(76,175,80,.3)}@media(max-width:600px){.track-card--small{width:140px}.track-card--medium{width:200px}.track-card--large{width:280px}.rarity-badge{width:28px;height:28px;font-size:.875rem}}.pack-opening-backdrop{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pack-opening-modal{position:relative;width:100%;max-width:600px;min-height:500px;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,204,0,.3);border-radius:24px;padding:2.5rem;box-shadow:0 12px 48px #000000b3;animation:modalSlideIn .4s ease-out;display:flex;align-items:center;justify-content:center}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pack-opening-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;font-size:2rem;font-weight:300;line-height:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.pack-opening-close:hover{background:#ff2d5533;border-color:#ffcc0080;color:#fff;transform:rotate(90deg)}.pack-opening-ready{text-align:center;animation:fadeIn .3s ease-out;width:100%}.pack-icon{font-size:6rem;margin-bottom:1.5rem;animation:packBounce .6s ease-out;display:inline-block}@keyframes packBounce{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.1) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.pack-opening-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem;text-shadow:0 2px 12px rgba(0,0,0,.5)}.pack-opening-count{font-size:1.125rem;color:#ffffffb3;margin:0 0 2rem}.pack-opening-count strong{color:#fc0;font-weight:700;font-size:1.5rem}.pack-opening-error{background:#ff2d5533;border:1px solid rgba(255,45,85,.5);border-radius:12px;padding:1rem;color:#ff6b9d;margin-bottom:1.5rem;font-size:.9375rem}.open-pack-button{padding:1.25rem 3rem;font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#ff2d55,#ff6b00);border:2px solid rgba(255,204,0,.5);border-radius:16px;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #ff2d5566;position:relative;overflow:hidden}.open-pack-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.open-pack-button:hover:before{width:300px;height:300px}.open-pack-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff2d5599;border-color:#fc0}.open-pack-button:active{transform:translateY(0)}.open-pack-button:disabled{background:#6464644d;border-color:#64646480;cursor:not-allowed;box-shadow:none}.open-pack-button:disabled:hover{transform:none}.pack-opening-animation{text-align:center;animation:fadeIn .3s ease-out}.pack-icon--shaking{animation:packShake .8s ease-in-out infinite}@keyframes packShake{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}50%{transform:rotate(5deg) scale(1.1)}75%{transform:rotate(-5deg) scale(1.05)}}.pack-opening-status{font-size:1.5rem;color:#fffc;margin-top:2rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.pack-reveal{position:relative;text-align:center;animation:fadeIn .4s ease-out;width:100%}.screen-flash{position:fixed;inset:0;background:#fff;animation:flash .5s ease-out;pointer-events:none;z-index:5000}@keyframes flash{0%{opacity:.8}to{opacity:0}}.legendary-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.legendary-particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;animation:legendaryParticleFloat 2s ease-out forwards}.legendary-particle:nth-child(odd){background:radial-gradient(circle,#9c27b0,transparent)}.legendary-particle:nth-child(1){left:10%;animation-delay:0s}.legendary-particle:nth-child(2){left:20%;animation-delay:.1s}.legendary-particle:nth-child(3){left:30%;animation-delay:.2s}.legendary-particle:nth-child(4){left:40%;animation-delay:.3s}.legendary-particle:nth-child(5){left:50%;animation-delay:.4s}.legendary-particle:nth-child(6){left:60%;animation-delay:.2s}.legendary-particle:nth-child(7){left:70%;animation-delay:.1s}.legendary-particle:nth-child(8){left:80%;animation-delay:.3s}.legendary-particle:nth-child(9){left:90%;animation-delay:.15s}.legendary-particle:nth-child(10){left:15%;animation-delay:.25s}.legendary-particle:nth-child(11){left:25%;animation-delay:.35s}.legendary-particle:nth-child(12){left:35%;animation-delay:.05s}.legendary-particle:nth-child(13){left:45%;animation-delay:.15s}.legendary-particle:nth-child(14){left:55%;animation-delay:.25s}.legendary-particle:nth-child(15){left:65%;animation-delay:.35s}.legendary-particle:nth-child(16){left:75%;animation-delay:.05s}.legendary-particle:nth-child(17){left:85%;animation-delay:.2s}.legendary-particle:nth-child(18){left:95%;animation-delay:.1s}.legendary-particle:nth-child(19){left:5%;animation-delay:.3s}.legendary-particle:nth-child(20){left:50%;animation-delay:0s}@keyframes legendaryParticleFloat{0%{bottom:50%;opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1)}to{bottom:100%;opacity:0;transform:scale(.5)}}.rare-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.rare-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#2196f3,transparent);border-radius:50%;animation:rareParticleFloat 1.8s ease-out forwards}.rare-particle:nth-child(1){left:15%;animation-delay:0s}.rare-particle:nth-child(2){left:30%;animation-delay:.1s}.rare-particle:nth-child(3){left:45%;animation-delay:.2s}.rare-particle:nth-child(4){left:60%;animation-delay:.1s}.rare-particle:nth-child(5){left:75%;animation-delay:0s}.rare-particle:nth-child(6){left:90%;animation-delay:.15s}.rare-particle:nth-child(7){left:10%;animation-delay:.25s}.rare-particle:nth-child(8){left:25%;animation-delay:.05s}.rare-particle:nth-child(9){left:55%;animation-delay:.2s}.rare-particle:nth-child(10){left:70%;animation-delay:.1s}.rare-particle:nth-child(11){left:85%;animation-delay:.15s}.rare-particle:nth-child(12){left:50%;animation-delay:0s}@keyframes rareParticleFloat{0%{bottom:50%;opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1)}to{bottom:100%;opacity:0;transform:scale(.5)}}.card-reveal-container{margin-bottom:1.5rem;animation:cardPop .6s cubic-bezier(.68,-.55,.265,1.55);display:inline-block}@keyframes cardPop{0%{transform:scale(0) rotateY(90deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}.reveal-rarity-text{font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;margin:1rem 0 0;animation:textReveal .6s ease-out;text-shadow:0 0 20px currentColor}.pack-reveal--legendary .reveal-rarity-text{background:linear-gradient(135deg,#9c27b0,gold,#9c27b0);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textReveal .6s ease-out,legendaryTextShine 2s ease-in-out infinite}@keyframes legendaryTextShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.pack-reveal--rare .reveal-rarity-text{color:#2196f3}.pack-reveal--uncommon .reveal-rarity-text{color:#4caf50}.pack-reveal--common .reveal-rarity-text{color:#9e9e9e}.pack-reveal--instrumental .reveal-rarity-text{color:silver}@keyframes textReveal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pack-result{text-align:center;animation:fadeIn .3s ease-out;width:100%}.result-card{margin-bottom:1.5rem;display:inline-block}.result-info{margin-bottom:2rem}.result-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.result-details{font-size:1rem;color:#ffffffb3;margin:0 0 .75rem}.result-rarity{font-size:.875rem;font-weight:600;margin:0}.rarity-label,.quality-label{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;letter-spacing:.5px}.rarity-label--legendary{background:linear-gradient(135deg,#9c27b04d,#ffd7004d);color:gold}.rarity-label--rare{background:#2196f34d;color:#42a5f5}.rarity-label--uncommon{background:#4caf504d;color:#66bb6a}.rarity-label--common{background:#9e9e9e4d;color:#9e9e9e}.rarity-label--instrumental{background:#c0c0c04d;color:silver}.quality-label--gold{background:#ffd7004d;color:gold}.quality-label--holographic{background:#9c27b04d;color:#ce93d8}.quality-label--glossy{background:#4caf504d;color:#a5d6a7}.quality-label--standard{background:#9999994d;color:#9e9e9e}.result-actions{display:flex;flex-direction:column;gap:.75rem}.open-another-button,.done-button{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid}.open-another-button{background:linear-gradient(135deg,#ff2d55,#ff6b00);border-color:#ffcc0080;color:#fff;box-shadow:0 4px 16px #ff2d554d}.open-another-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2d5580;border-color:#fc0}.done-button{background:transparent;border-color:#fff3;color:#ffffffb3}.done-button--primary{background:linear-gradient(135deg,#ff2d55,#ff6b00);border-color:#ffcc0080;color:#fff}.done-button:hover{border-color:#fff6;color:#fff}.done-button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2d5580;border-color:#fc0}@media(max-width:600px){.pack-opening-modal{padding:2rem 1.5rem;border-radius:20px;min-height:400px}.pack-icon{font-size:4rem}.pack-opening-title{font-size:1.5rem}.pack-opening-count{font-size:1rem}.open-pack-button{padding:1rem 2rem;font-size:1rem}.reveal-rarity-text{font-size:1.75rem}.result-title{font-size:1.25rem}}.collection-view{display:flex;flex-direction:column;width:100%;height:100vh;background:linear-gradient(135deg,#0d0d0d,#1a1a1a);overflow:hidden}.collection-view__body{display:flex;flex:1;overflow:hidden}.collection-view__grid{flex:1;overflow-y:auto}.collection-view--loading,.collection-view--no-auth{display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff9}.collection-view__grid::-webkit-scrollbar{width:12px}.collection-view__grid::-webkit-scrollbar-track{background:#ffffff0d}.collection-view__grid::-webkit-scrollbar-thumb{background:#ffcc004d;border-radius:6px}.collection-view__grid::-webkit-scrollbar-thumb:hover{background:#ffcc0080}@media(max-width:768px){.collection-view__body{flex-direction:column}.collection-view__grid{height:calc(100vh - 400px)}}.collection-button{position:fixed!important;bottom:6rem;right:2rem;width:64px;height:64px;border-radius:50%!important;background:linear-gradient(135deg,#ffcc00f2,#ff6b00f2)!important;border:3px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 16px #fc06;cursor:pointer;transition:all .2s ease;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:2rem;padding:0!important}.collection-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #fc09;border-color:#ffffff80}.collection-button:active{transform:translateY(-2px) scale(1.02)}.collection-button__icon{display:block;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.collection-button__badge{position:absolute;top:-4px;right:-4px;min-width:28px;height:28px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff2d55,#ff3b30);border:3px solid white;border-radius:14px;color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #ff2d5599;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff2d5599}50%{transform:scale(1.1);box-shadow:0 4px 16px #ff2d55e6,0 0 20px #ff2d5580}}@media(max-width:768px){.collection-button{bottom:5rem;right:1rem;width:56px;height:56px;font-size:1.75rem}.collection-button__badge{min-width:24px;height:24px;border-width:2px;font-size:.6875rem}}:root{--cfg-black: #1A1A1A;--cfg-cream: #FFF8F0;--cfg-red: #F13356;--cfg-orange: #F27649;--cfg-yellow: #F2B705;--cfg-green: #4DC952;--cfg-blue: #5BC0EB;--cfg-purple: #9B5DE5;--cfg-pink: #F26BB5;--cfg-light-red: #F75A7A;--cfg-light-orange: #F9956E;--cfg-light-yellow: #F7C94D;--cfg-light-green: #7FDB7A;--cfg-light-blue: #8AD4F2;--cfg-light-purple: #B8A5E8;--cfg-light-pink: #F799C9;--cfg-dark-red: #C4284A;--cfg-dark-orange: #D45A2E;--cfg-dark-yellow: #C99604;--cfg-dark-green: #3A8F4A;--cfg-dark-blue: #3A9AC7;--cfg-dark-purple: #7A42C4;--cfg-dark-pink: #F26BB5;--cfg-sky: #5BC0EB;--cfg-ground: #01A850;--cfg-ground-lit: #29BC6F;--cfg-wood-light: #A67C52;--cfg-wood-medium: #7A5A3C;--cfg-wood-dark: #4D3828;--font-display: "Luckiest Guy", "Bangers", cursive;--font-body: "Patrick Hand", "Comic Sans MS", cursive}.welcome-page{width:100%;min-height:100vh;background:var(--cfg-cream);overflow-x:hidden}.hero{position:relative;width:100%;height:140vh;display:flex;flex-direction:column;align-items:center;background:var(--cfg-sky);overflow:hidden;margin-bottom:-2px;z-index:1}@media(max-width:1024px){.cloud-1{--cloud-width: 6%;--cloud-left: -1%;--cloud-top: 80%}.cloud-2{--cloud-width: 18%;--cloud-left: -4%;--cloud-top: 10%}.cloud-3{--cloud-width: 22%;--cloud-left: 26%;--cloud-top: 20%}.cloud-4{--cloud-width: 18%;--cloud-left: 58%;--cloud-top: 5%}.cloud-5{--cloud-width: 16%;--cloud-left: 72%;--cloud-top: 60%}.cloud-6{--cloud-width: 26%;--cloud-left: 88%;--cloud-top: 20%}}@media(max-width:768px){.cloud-1{--cloud-width: 6%;--cloud-left: -1%;--cloud-top: 80%}.cloud-2{--cloud-width: 18%;--cloud-left: -4%;--cloud-top: 10%}.cloud-3{--cloud-width: 22%;--cloud-left: 26%;--cloud-top: 20%}.cloud-4{--cloud-width: 18%;--cloud-left: 58%;--cloud-top: 5%}.cloud-5{--cloud-width: 16%;--cloud-left: 72%;--cloud-top: 60%}.cloud-6{--cloud-width: 26%;--cloud-left: 88%;--cloud-top: 20%}}@media(max-width:480px){.cloud-1{--cloud-width: 6%;--cloud-left: -1%;--cloud-top: 80%}.cloud-2{--cloud-width: 18%;--cloud-left: -4%;--cloud-top: 10%}.cloud-3{--cloud-width: 22%;--cloud-left: 26%;--cloud-top: 20%}.cloud-4{--cloud-width: 18%;--cloud-left: 58%;--cloud-top: 5%}.cloud-5{--cloud-width: 16%;--cloud-left: 72%;--cloud-top: 60%}.cloud-6{--cloud-width: 26%;--cloud-left: 88%;--cloud-top: 20%}}.hero-content{position:absolute;top:0;bottom:0;z-index:30;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;max-width:720px;gap:24px}.logo-container{width:100%;max-width:60%;aspect-ratio:399.11 / 391.04;padding-left:16px;padding-right:16px}.hero-logo{width:100%;height:100%;object-fit:fill}.description-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:80%;padding:0 16px;border-radius:5px;background-color:var(--cfg-cream);border:1px solid var(--cfg-black)}.description-plane{position:absolute;left:-139px;top:50%;transform:translateY(-50%);width:140px;height:46px}.description-plane img{width:100%;height:100%;object-fit:contain}.description-text{position:relative;z-index:1;flex:1;font-family:var(--font-body);font-size:28px;line-height:1.2;color:var(--cfg-black);text-align:center;margin-top:12px;margin-bottom:12px}.cta-container{display:flex;flex-direction:column;align-items:center;gap:16px}.primary-button{position:relative;display:flex;justify-content:center;align-items:center;padding:14px 14px 12px;background:none;border:none;cursor:pointer}.button-surface-container{position:absolute;inset:0}.button-surface-container img{width:100%;height:100%;object-fit:contain}.button-text{position:relative;z-index:2;font-family:var(--font-display);font-size:32px;line-height:1;color:var(--cfg-black);transform:rotate(-1.7deg);white-space:nowrap;margin:8px}.primary-button:hover{filter:brightness(1.05)}.primary-button:active .button-text{transform:rotate(-1.7deg) translateY(2px)}.scroll-hint{background:none;border:none;font-family:var(--font-body);font-size:22px;line-height:normal;color:var(--cfg-cream);cursor:pointer;white-space:nowrap}.scroll-hint:hover{opacity:.8}.campsite-scene{position:relative;left:0;right:0;bottom:0;margin-top:auto;width:100%;min-height:75vh;pointer-events:none}.ground{position:absolute;bottom:0;width:100%;height:300px;z-index:10;align-items:center;background-color:var(--cfg-ground);border-top:1px solid var(--cfg-black)}@media(max-width:1200px){.hero-content{gap:20px}.logo-container{max-width:60%}.trees-layer{width:1200px;transform:translate(-60%) scale(1);transform-origin:bottom center;bottom:2%}.description-plane{left:-100px;width:100px}.ground{width:1440px;height:275px}.campfire{bottom:120px}.campfire-lit-area{bottom:70px;width:100%;max-width:80%}}@media(max-width:768px){.hero{height:120vh}.hero-content{gap:16px;justify-content:start;transform:translateY(10%)}.description-text{font-size:20px}.button-text{font-size:26px}.campsite-scene{height:45vh;min-height:300px}.trees-layer{transform:translate(-60%) scale(1);transform-origin:bottom center}.campfire{bottom:100px;transform:translate(-50%) scale(.8)}.campfire-lit-area{bottom:55px;transform:translate(-50%) scale(.8)}.clouds{width:100%;height:100%}}@media(max-width:480px){.hero-content{padding-top:40px;gap:14px}.description-text{font-size:18px}.button-text{font-size:22px}.scroll-hint{font-size:16px}.campsite-scene{height:40vh;min-height:250px}.trees-layer{transform:translate(-60%) scale(1)}.campfire{bottom:80px;transform:translate(-50%) scale(.8)}.campfire-lit-area{bottom:40px;width:80%;transform:translate(-50%) scale(1)}}@media(max-height:600px)and (orientation:landscape){.hero-content{padding-top:30px;gap:12px}.logo-container{max-width:150px}.description-text{font-size:16px}.button-text{font-size:20px}.campsite-scene{height:50vh;min-height:200px}.trees-layer{transform:translate(-50%) scale(.35)}.ground{height:120px}.campfire{bottom:60px;transform:translate(-50%) scale(.5)}.campfire-lit-area{bottom:30px;transform:translate(-50%) scale(.5)}}@media(min-height:900px){.hero-content{gap:32px}.campsite-scene{height:45vh}}.intro-section{position:relative;background:var(--cfg-ground);display:flex;justify-content:center;z-index:2;padding-top:40px;padding-bottom:70px}.intro-container{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;left:50%;padding:0 16px}.intro-paper-container{width:100%;max-width:600px;margin:0}.intro-paper{position:relative;max-width:100%;background:#fff8f0;border-radius:4px;padding:40px 32px 150px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;transform:rotate(-2deg)}.intro-paper:before{content:"";position:absolute;top:-8px;left:0;right:0;height:16px;background:#fff8f0;stroke:var(--cfg-black);stroke-width:1px;clip-path:polygon(0% 100%,2% 60%,5% 100%,8% 50%,12% 100%,15% 70%,18% 100%,22% 55%,25% 100%,28% 65%,32% 100%,35% 45%,38% 100%,42% 70%,45% 100%,48% 55%,52% 100%,55% 60%,58% 100%,62% 50%,65% 100%,68% 75%,72% 100%,75% 55%,78% 100%,82% 65%,85% 100%,88% 50%,92% 100%,95% 70%,98% 100%,100% 60%,100% 100%)}.intro-content{font-family:Patrick Hand SC,Patrick Hand,cursive;color:var(--cfg-black, #1A1A1A)}.intro-greeting{font-size:42px;margin:0 0 24px;line-height:1.2}.intro-text{font-size:42px;line-height:1.2;margin:0 0 20px}.intro-signoff{font-size:42px;line-height:1.5;margin:32px 0 0}.intro-signature-img{display:block;width:50%;height:auto;margin:16px 0}.intro-counselor{font-size:42px;line-height:1.5;margin:0}.intro-envelope{position:relative;width:calc(100% + 64px);margin:-100px -32px 0}.intro-envelope img{width:100%;height:auto;display:block}@media(max-width:768px){.intro-section{padding:60px 16px 0}.intro-paper-container{margin:40px 0}.intro-paper{padding-bottom:80px}.intro-greeting,.intro-text,.intro-signoff,.intro-counselor{font-size:32px}.intro-envelope{width:calc(100% + 48px)}}@media(max-width:480px){.intro-section{padding:48px 12px 0}.intro-greeting{font-size:22px;margin-bottom:20px}.intro-text{font-size:22px;margin-bottom:16px}.intro-signoff{font-size:22px;margin-top:24px}.intro-signature-img{width:50%;margin:12px 0}.intro-counselor{font-size:22px}.intro-envelope{width:calc(100% + 40px)}}.headliners-section{position:relative;width:100%;background:linear-gradient(to bottom,var(--cfg-ground),var(--cfg-ground) 50%,var(--cfg-sky) 51%,var(--cfg-sky));padding:40px 0 80px;display:flex;justify-content:center;margin-top:-1px}.pinboard{position:relative;width:100%;background:#7a5a3c;border:12px solid #A67C52;border-radius:8px;padding:60px 32px;transform:rotate(-1deg);display:flex;flex-direction:column;align-items:center}.headliners-header{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1440px;z-index:3;margin-bottom:-20px}.headliners-title-wrapper{position:relative;background:var(--cfg-cream);border:1px solid var(--cfg-black);padding:10px 32px;transform:rotate(-1deg);z-index:2}.headliners-title{font-family:var(--font-display);font-size:60px;color:var(--cfg-black);margin:0;letter-spacing:2px;white-space:nowrap}.headliners-description-wrapper{position:relative;background:var(--cfg-cream);border:1px solid var(--cfg-black);padding:20px 24px;transform:rotate(.5deg);max-width:100%;max-width:700px;z-index:1;margin-top:10px}.headliners-description{font-family:var(--font-body);font-size:20px;color:var(--cfg-black);margin:0 0 12px;line-height:1.4;text-align:center}.headliners-description:last-child{margin-bottom:0}.poster-container{display:flex;width:100%;max-width:1440px;justify-content:center;align-items:flex-start;gap:100px;margin-bottom:-80px;z-index:2}.poster-wrapper{width:50%;max-width:510px;position:relative;display:inline-block}.poster-image{display:block;width:100%;height:auto}.poster-left{transform:rotate(-4deg)}.poster-right{transform:rotate(4deg);margin-top:20px}.map-container{display:flex;justify-content:center;width:100%;max-width:1440px;z-index:1}.map-wrapper{position:relative;display:inline-block;transform:rotate(-1deg);max-width:1200px}.map-image{display:block;width:100%;height:auto}.pin{position:absolute;width:32px;height:32px;z-index:10;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.3))}.pin-top-left{top:-10px;left:-10px}.pin-top-right{top:-10px;right:-10px}.pin-bottom-left{bottom:-10px;left:-10px}.pin-bottom-right{bottom:-10px;right:-10px}@media(max-width:768px){.headliners-section{padding:32px 0 60px}.pinboard{padding:32px 20px 40px;border-width:8px;gap:24px}.headliners-header{gap:12px}.headliners-title-wrapper{padding:10px 24px}.headliners-title{font-size:32px}.headliners-description-wrapper{padding:16px 20px}.headliners-description{font-size:20px;margin-bottom:10px}.poster-container{flex-direction:column;align-items:center;gap:0px;padding:0 24px}.poster-wrapper{width:100%}.poster-image{max-width:100%}.poster-left{max-width:70%;transform:rotate(-4deg) translate(-20%);margin-bottom:-40px;z-index:2}.poster-right{max-width:70%;transform:rotate(3deg) translate(20%) translateY(-15%);margin-top:0;z-index:1}.map-container{display:none}.map-image{max-width:300px}.pin{width:26px;height:26px}.pin-top-left,.pin-bottom-left{left:-8px}.pin-top-right,.pin-bottom-right{right:-8px}.pin-top-left,.pin-top-right{top:-8px}.pin-bottom-left,.pin-bottom-right{bottom:-8px}}@media(max-width:480px){.pinboard{padding:24px 16px 32px;gap:20px}.headliners-header{gap:10px}.headliners-title-wrapper{padding:8px 20px}.headliners-title{font-size:26px}.headliners-description-wrapper{padding:14px 16px}.headliners-description{font-size:18px;margin-bottom:8px}.poster-container{gap:12px;margin-bottom:10px}.poster-wrapper{width:100%;max-width:80%}.poster-image{max-width:100%}.poster-left{transform:rotate(-3deg) translate(-10%)}.poster-right{transform:rotate(2deg) translate(10%);margin-top:10px}.pin{width:22px;height:22px}.pin-top-left,.pin-bottom-left{left:-6px}.pin-top-right,.pin-bottom-right{right:-6px}.pin-top-left,.pin-top-right{top:-6px}.pin-bottom-left,.pin-bottom-right{bottom:-6px}}.leaderboard-section{position:relative;width:100%;background:var(--cfg-sky);padding:80px 0 0;display:flex;justify-content:center;overflow:hidden}.leaderboard-clouds{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.leaderboard-clouds .cloud{position:absolute;height:auto;width:var(--cloud-width);left:var(--cloud-left);top:var(--cloud-top)}.leaderboard-sign{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:660px;width:100%}.leaderboard-title-container{position:relative;z-index:3;margin-bottom:-4px;z-index:1}.leaderboard-title-img{width:100%;max-width:600px;height:auto;display:block}.leaderboard-poles{position:relative;display:flex;justify-content:center;gap:80px;z-index:1}.pole{width:20px;height:16px;background:var(--cfg-red);border:1px solid var(--cfg-black);margin-top:-2px}.leaderboard-board-container{position:relative;background:var(--cfg-yellow);border:1px solid var(--cfg-black);border-radius:40px;padding:20px;width:100%;max-width:100%;z-index:2}.leaderboard-board{position:relative;background:var(--cfg-cream);border:1px solid var(--cfg-black);border-radius:20px;max-width:100%}.leaderboard-entries{display:flex;flex-direction:column}.leaderboard-entry{display:flex;align-items:center;gap:16px;padding:8px 12px;border-bottom:1px solid #E8E0D0}.leaderboard-entry:last-child{border-bottom:none}.entry-rank{font-family:var(--font-display);font-size:40px;color:var(--cfg-cream);min-width:60px;-webkit-text-stroke:1px var(--cfg-black)}.entry-rank.top-1{color:var(--cfg-yellow)}.entry-rank.top-2{color:#a8a8a8}.entry-rank.top-3{color:var(--cfg-orange)}.entry-name{font-family:var(--font-display);font-size:32px;color:var(--cfg-black);flex:1;text-transform:uppercase}.entry-score{font-family:var(--font-display);font-size:36px;color:var(--cfg-black);padding:10px 12px 0;line-height:1;border:1px solid var(--cfg-black);border-radius:10px;background:var(--cfg-cream)}.entry-score.top-1{background:var(--cfg-yellow);color:var(--cfg-cream);-webkit-text-stroke:1px var(--cfg-black)}.entry-score.top-2{background:#a8a8a8;color:var(--cfg-cream);-webkit-text-stroke:1px var(--cfg-black)}.entry-score.top-3{background:var(--cfg-orange);color:var(--cfg-cream);-webkit-text-stroke:1px var(--cfg-black)}.leaderboard-base{display:flex;justify-content:center;z-index:1}.leaderboard-description-container{position:relative;display:flex;flex-direction:column;background:var(--cfg-red);border:1px solid var(--cfg-black);border-radius:28px 28px 0 0;padding:20px;width:100%;text-align:center;margin-top:-1px}.leaderboard-description{max-width:100%;background:var(--cfg-cream);border:1px solid var(--cfg-black);border-radius:20px;padding:20px;text-align:center}.leaderboard-description p{font-family:var(--font-body);font-size:28px;color:var(--cfg-black);margin:0 0 12px;line-height:1.4}.leaderboard-description p:last-child{margin-bottom:0}.leaderboard-panel{width:100%;height:20px;padding:20px;margin-top:-1px;border:1px solid var(--cfg-black);background:var(--cfg-light-red)}@media(max-width:768px){.leaderboard-title-img{max-width:320px}.leaderboard-poles{gap:90px}.pole{width:30px;height:10px}.leaderboard-board-container{max-width:90%}.leaderboard-board{max-width:100%;border-width:6px;padding:12px}.leaderboard-entry{gap:12px;padding:6px 10px}.entry-rank{font-size:24px;min-width:42px}.entry-name{font-size:20px}.entry-score{font-size:24px}.leaderboard-description-container{max-width:90%}.leaderboard-description{padding:16px 20px}.leaderboard-description p{font-size:20px}.leaderboard-panel{max-width:90%}}@media(max-width:480px){.leaderboard-title-img{max-width:260px}.leaderboard-poles{gap:40px}.pole{width:30px;height:10px}.leaderboard-board{border-width:5px;padding:10px}.leaderboard-entries{gap:4px}.leaderboard-entry{gap:8px;padding:5px 8px}.entry-rank{font-size:20px;min-width:36px}.entry-name{font-size:20px}.entry-score{font-size:20px;padding-top:8px;padding-bottom:2px}.base-pole{width:28px;height:40px}.leaderboard-description{padding:14px 16px;margin-top:16px}.leaderboard-description p{font-size:18px;margin-bottom:8px}}.tickets-section{position:relative;width:100%;background:var(--cfg-ground);display:flex;flex-direction:column;align-items:center;overflow:hidden;margin-top:-2px;border-top:1px solid var(--cfg-black)}.winnings-slot-container{position:relative;width:100%;display:flex;justify-content:center;align-items:flex-end;z-index:0}.winnings-slot-machine{position:relative;width:100%;max-width:660px;padding:0 20px 150px;background:var(--cfg-red);display:flex;justify-content:center;border-right:1px solid var(--cfg-black);border-left:1px solid var(--cfg-black)}.winnings-slot-img{width:100%;height:auto}.winnings-slot-bottom{position:absolute;width:100%;max-width:700px;height:100%;display:flex;justify-content:center}.ticket-pile-back{position:absolute;height:100%;width:auto;display:flex;justify-content:center;align-items:flex-end;z-index:1}.ticket-pile-back img{height:100%;width:auto}.ticket-pile-mid{position:absolute;height:100%;width:auto;display:flex;justify-content:center;align-items:flex-end;z-index:3;margin-top:80px;transform:scaleX(-1)}.ticket-pile-mid img{height:101%;width:auto}.ticket-pile-front{position:relative;height:500px;width:auto;display:flex;justify-content:center;align-items:flex-start;z-index:5}.ticket-pile-front img{height:120%;width:auto}.tickets-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;margin-top:-150px}.tickets-title-container{position:relative;z-index:2}.tickets-title-img{width:100%;max-width:700px;height:auto;display:block}.tickets-description-container{display:flex;justify-content:center;width:100%;max-width:700px;z-index:4;margin-bottom:-60px}.tickets-description{max-width:600px;background:var(--cfg-cream);border:1px solid var(--cfg-black);border-radius:4px;padding:20px;text-align:center;rotate:-3deg}.tickets-description p{font-family:var(--font-body);font-size:28px;color:var(--cfg-black);margin:0 0 16px;line-height:1.4}.tickets-description p:last-child{margin-bottom:0}.tickets-ground{position:relative;width:100%;height:80px;background:var(--cfg-ground);margin-top:-20px;z-index:4;border-top:1px solid var(--cfg-black)}@media(max-width:768px){.winnings-slot-container{max-width:660px}.winnings-slot-machine{max-width:90%}.winnings-slot-img{max-width:100%}.winnings-slot-bottom{max-width:90%}.tickets-content{padding:0 16px}.tickets-title-img{max-width:100%}.ticket-pile-mid{margin-top:60px}.tickets-description-container{max-width:90%}.tickets-description{padding:20px}.tickets-description p{font-size:20px;margin-bottom:12px}.ticket-pile-front{margin-top:10px}.tickets-ground{height:60px}}@media(max-width:480px){.winnings-slot-img{max-width:100%}.ticket-pile-back{margin-top:-20px}.ticket-pile-back img{max-width:600px}.tickets-content{padding:0 12px}.tickets-title-img{max-width:100%}.ticket-pile-mid{margin-top:40px}.tickets-description{padding:16px}.tickets-description p{font-size:18px;margin-bottom:10px}.ticket-pile-front{margin-top:10px}.tickets-ground{height:50px}}.library-section{position:relative;width:100%;background:#e8e0d8;display:flex;flex-direction:column;align-items:center;overflow:hidden;border-top:1px solid var(--cfg-black)}.library-transition-top{width:100%;height:60px;background:var(--cfg-wood-light);border-bottom:1px solid var(--cfg-black)}.library-transition-bottom{width:100%;height:130px;background:#e1e1e1;border-bottom:1px solid var(--cfg-black)}.highlight-tracks{position:relative;width:100%;max-width:1440px;display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:50px}.highlight-track-container{position:relative;width:100%;display:flex;justify-content:center}.highlight-track-img{width:110%;max-width:none;height:auto;display:block}.highlight-top{z-index:2}.highlight-bottom{z-index:1;margin-top:-20px}.cooked-tracks-row{position:relative;width:100%;max-width:1440px;height:330px;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 0 0}.cooked-track-container{flex:0 0 auto;height:100%;display:flex;z-index:3}.cooked-track-img{width:auto;height:130%}.cooked-left{justify-content:flex-end;margin-left:-10%;transform:translate(10%)}.cooked-right{justify-content:flex-start;margin-right:-10%;transform:translate(-10%)}.library-content{display:flex;flex-direction:column;align-items:center;flex:1;max-width:700px;gap:16px;z-index:2}.library-title-frame{background:var(--cfg-wood-dark);border:1px solid var(--cfg-black);padding:10px;margin-bottom:10px}.library-title-wrapper{background:var(--cfg-wood-light);border:2px solid var(--cfg-black);line-height:0;padding:4px 16px 0}.library-title{font-family:var(--font-display);font-size:50px;color:var(--cfg-yellow);-webkit-text-stroke:1px var(--cfg-black);white-space:nowrap}.library-description-frame{width:100%;background:var(--cfg-wood-dark);border:1px solid var(--cfg-black);padding:10px;transform:rotate(-2deg)}.library-description-wrapper{background:var(--cfg-cream);border:2px solid var(--cfg-black);padding:20px}.library-description{font-family:var(--font-body);font-size:28px;color:var(--cfg-black);margin:0 0 12px;line-height:1.4;text-align:center}.library-description:last-child{margin-bottom:0}.library-footer-transition{width:100%;height:500px;background:var(--cfg-dark-red)}@media(max-width:1024px){.cooked-left{margin-left:-25%}.cooked-right{margin-right:-25%}.library-content{min-width:250px;padding:20px}.library-title{font-size:40px}}@media(max-width:768px){.library-transition-top,.library-transition-bottom{height:40px}.highlight-track-img{width:120%}.cooked-tracks-row{padding:20px 0 0;gap:24px}.cooked-left{margin-left:-50%}.cooked-right{margin-right:-50%}.library-title{font-size:32px}.library-description-frame{max-width:400px}.library-description{font-size:20px}.library-footer-transition{height:120px}}@media(max-width:480px){.library-transition-top,.library-transition-bottom{height:30px}.highlight-track-img{width:190%}.highlight-bottom{margin-top:-10px}.cooked-tracks-row{padding-top:20px}.library-content{padding:0 16px;gap:0}.library-title-wrapper{padding:10px 20px}.library-title{font-size:24px}.library-description-wrapper{padding:16px}.library-description{font-size:18px;margin-bottom:10px}.library-footer-transition{height:120px}.cooked-tracks-row{height:auto;margin-bottom:-12px}.cooked-track-container{display:none}}.footer-section{position:relative;width:100%;height:100vh;background:var(--cfg-dark-red);display:flex;justify-content:center;align-items:center}.footer-content{width:100%;max-width:1440px;display:flex;justify-content:center;align-items:center}.footer-poster-button{height:75vh;width:auto;background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease,filter .2s ease;rotate:-4deg;box-shadow:-8px 8px #00000080}.footer-poster-button:hover{transform:scale(1.02);filter:brightness(1.05)}.footer-poster-button:active{transform:scale(.98)}.footer-poster-img{height:100%;width:auto;display:block}@media(max-width:768px){.footer-section{padding:48px 16px 60px}.footer-poster-button{width:80vw;height:auto}.footer-poster-img{height:auto;width:100%}}.auth-page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--cfg-sky, #5BC0EB)}.clouds{position:absolute;top:0;left:0;width:100%;height:80%;pointer-events:none;z-index:1;overflow:visible}.cloud{position:absolute;height:auto;width:var(--cloud-width);left:var(--cloud-left);top:var(--cloud-top)}.campsite-scene{position:absolute;left:0;right:0;bottom:0;width:100%;height:75vh;pointer-events:none;z-index:2}.trees-layer{position:absolute;bottom:0;left:50%;transform:translate(-60%);width:1440px;max-width:1440px;height:150%;z-index:12}.all-trees{position:absolute;bottom:80px;left:0;width:120%;height:auto;object-fit:cover;object-position:bottom center}.ground{position:absolute;bottom:0;width:100%;height:300px;z-index:10;background-color:var(--cfg-ground, #01A850);border-top:1px solid var(--cfg-black, #1A1A1A)}.campfire-lit-area{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:80%;max-width:800px;height:140px;z-index:15}.campfire-lit-area img{width:100%;height:100%;object-fit:contain}.campfire{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:99px;height:115px;z-index:20}.campfire img{width:100%;height:100%;object-fit:contain}.auth-content{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.ticket-container{perspective:1200px;width:100%;max-width:680px}.ticket-inner{position:relative;width:100%;transition:transform .7s ease-in-out;transform-style:preserve-3d}.ticket-inner.flipped{transform:rotateX(-180deg)}.ticket-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.ticket-back{position:absolute;top:0;left:0;width:100%;transform:rotateX(-180deg)}.ticket{display:flex;align-items:center;gap:10px;padding-left:10px;padding-right:10px;background:var(--cfg-yellow, #F2B705);border-radius:20px;width:100%;border:1px solid var(--cfg-black);box-shadow:-8px 8px #00000080}.ticket-body{flex:1;min-width:0;height:100%;aspect-ratio:2 / 1;border:1px solid var(--cfg-black, #1A1A1A);border-radius:12px;overflow:clip;position:relative}.ticket-scene{position:absolute;width:100%;height:100%;inset:0;background:var(--cfg-sky, #5BC0EB);display:flex;flex-direction:column}.ticket-trees{position:absolute;bottom:65px;left:0;right:0;height:25%;z-index:2;pointer-events:none}.ticket-tree{position:absolute;bottom:0;height:auto;object-fit:contain}.ticket-tree.tree-1{left:3%;height:50px}.ticket-tree.tree-2{left:10%;height:90px;transform:scaleX(-1)}.ticket-tree.tree-3{left:22%;height:70px}.ticket-tree.tree-4{left:35%;height:105px;transform:scaleX(-1)}.ticket-tree.tree-5{left:50%;height:65px}.ticket-tree.tree-6{left:65%;height:125px}.ticket-tree.tree-7{left:78%;height:95px;transform:scaleX(-1)}.ticket-tree.tree-8{left:90%;height:130px}.ticket-ground{position:absolute;bottom:0;left:0;right:0;height:70px;background:#01a850;border-top:.5px solid var(--cfg-black, #1A1A1A);z-index:1}.ticket-info{display:flex;align-items:center;gap:26px;padding:10px;position:relative;z-index:3}.ticket-logo{width:142px;height:auto;flex-shrink:0}.ticket-headline{flex:1;font-family:Luckiest Guy,cursive;font-size:42px;line-height:1;color:var(--cfg-cream, #FFF8F0);text-align:center;text-shadow:-4px 4px 0px var(--cfg-black, #1A1A1A);-webkit-text-stroke:1px var(--cfg-black);margin:0}.ticket-input-container{position:absolute;bottom:10px;left:8.5px;right:8.5px;z-index:5}.ticket-form{width:100%;height:50px;align-items:center;background:var(--cfg-cream);border:1px solid var(--cfg-black, #1A1A1A);border-radius:8px}.ticket-input{width:100%;height:30px;background-color:transparent;border:0;padding:8px 12px;font-family:Patrick Hand SC,cursive;font-size:32px;color:var(--cfg-black, #1A1A1A);text-transform:lowercase;outline:none}.ticket-input::placeholder{color:var(--cfg-black, #1A1A1A);opacity:.5}.ticket-input:focus{color:var(--cfg-black)}.ticket-input:disabled{opacity:.7}.no-ticket-message{width:100%;height:60px;padding:0 15px;background:var(--cfg-cream, #FFF8F0);border:1px solid var(--cfg-black, #1A1A1A);border-radius:8px;display:flex;align-items:center;font-family:Patrick Hand SC,cursive;font-size:28px;color:#666}.ticket-error{background:#ffebee;color:#c62828;padding:8px 12px;border-radius:6px;margin-bottom:8px;font-family:Patrick Hand,cursive;font-size:16px;text-align:center}.ticket-email-display{margin-top:8px;font-family:Patrick Hand,cursive;font-size:14px;color:var(--cfg-cream, #FFF8F0);text-align:center;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.ticket-divider{width:2px;height:272px;flex-shrink:0}.divider-svg{width:100%;height:100%}.ticket-stub{width:164px;height:257px;flex-shrink:0;background:#c13a5e;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--cfg-black, #1A1A1A);cursor:pointer;position:relative;text-decoration:none}.ticket-stub:before{content:"";position:absolute;inset:-2px;background:#e84b7a;border:1px solid var(--cfg-black, #1A1A1A);border-radius:12px;transform:translateY(-6px);transition:transform .1s ease}.ticket-stub:hover:before{transform:translateY(-4px)}.ticket-stub:active:before,.ticket-stub:disabled:before{transform:translateY(0)}.ticket-stub:disabled{cursor:not-allowed;opacity:.8}.ticket-stub-green{background:#017a3a}.ticket-stub-green:before{background:#01a850}.ticket-stub-link{background:#c9940a}.ticket-stub-link:before{background:#f2b705}.stub-text{font-family:Luckiest Guy,cursive;font-size:42px;color:var(--cfg-cream, #FFF8F0);text-align:center;white-space:nowrap;position:relative;z-index:1;transform:translateY(-6px);transition:transform .1s ease;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.ticket-stub:hover .stub-text{transform:translateY(-4px)}.ticket-stub:active .stub-text,.ticket-stub:disabled .stub-text{transform:translateY(0)}.ticket-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px;width:100%}.action-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:var(--cfg-yellow, #F2B705);border:3px solid var(--cfg-black, #1A1A1A);border-radius:12px;font-family:Luckiest Guy,cursive;font-size:24px;color:var(--cfg-black, #1A1A1A);text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--cfg-black, #1A1A1A);transition:transform .1s,box-shadow .1s}.action-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--cfg-black, #1A1A1A)}.action-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--cfg-black, #1A1A1A)}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button.green{background:#01a850;color:#fff}.text-button{background:none;border:none;font-family:Patrick Hand,cursive;font-size:18px;color:#ffffffe6;cursor:pointer;padding:8px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.text-button:hover{color:#fff}.home-button{position:absolute;top:20px;left:20px;width:40px;height:40px;z-index:50;background:#ccc;border:1px solid var(--cfg-black, #1A1A1A);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;text-decoration:none}.home-button:before{content:"";position:absolute;inset:-1px;background:var(--cfg-cream, #FFF8F0);border:1px solid var(--cfg-black, #1A1A1A);border-radius:8px;transform:translateY(-4px);transition:transform .1s ease}.home-button:hover:before{transform:translateY(-2px)}.home-button:active:before{transform:translateY(0)}.home-button svg{width:20px;height:20px;color:var(--cfg-black, #1A1A1A);position:relative;z-index:1;transform:translateY(-4px);transition:transform .1s ease}.home-button:hover svg{transform:translateY(-2px)}.home-button:active svg{transform:translateY(0)}@media(max-width:1200px){.trees-layer{width:1200px;transform:translate(-60%) scale(1);transform-origin:bottom center;bottom:2%}.ground{width:1440px;height:275px}.campfire{bottom:120px}.campfire-lit-area{bottom:70px;width:100%;max-width:80%}}@media(max-width:768px){.ticket{flex-direction:column;gap:0;padding:8px;border-radius:16px}.ticket-body{width:100%;height:200px}.ticket-info{gap:16px;padding:8px}.ticket-logo{width:100px}.ticket-headline{font-size:28px}.ticket-trees{bottom:60px;height:100px}.ticket-tree{height:60%!important}.ticket-ground{height:60px}.ticket-input-container{bottom:8px;left:6px;right:6px}.ticket-input,.no-ticket-message{height:50px;font-size:28px}.ticket-divider{width:100%;height:2px;margin:8px 0}.ticket-divider .divider-svg{display:none}.ticket-divider:after{content:"";display:block;width:100%;height:2px;background-image:repeating-linear-gradient(90deg,var(--cfg-black, #1A1A1A) 0,var(--cfg-black, #1A1A1A) 8px,transparent 8px,transparent 14px)}.ticket-stub{width:100%;height:60px;border-radius:8px}.ticket-stub:before{transform:translateY(-4px)}.ticket-stub:hover:before{transform:translateY(-3px)}.ticket-stub:active:before,.ticket-stub:disabled:before{transform:translateY(0)}.stub-text{font-size:28px;transform:translateY(-4px)}.ticket-stub:hover .stub-text{transform:translateY(-3px)}.ticket-stub:active .stub-text,.ticket-stub:disabled .stub-text{transform:translateY(0)}.action-button{font-size:20px;padding:12px 24px}.campsite-scene{height:45vh;min-height:300px}.trees-layer{transform:translate(-60%) scale(1);transform-origin:bottom center}.campfire{bottom:100px;transform:translate(-50%) scale(.8)}.campfire-lit-area{bottom:55px;transform:translate(-50%) scale(.8)}.clouds{width:100%;height:100%}}@media(max-width:480px){.auth-content{padding:16px;justify-content:flex-start;padding-top:10vh}.ticket{padding:6px;border-radius:12px}.ticket-body{height:180px}.ticket-info{gap:12px;padding:6px}.ticket-logo{width:80px}.ticket-headline{font-size:22px}.ticket-trees{bottom:50px;height:80px}.ticket-ground{height:50px}.ticket-input,.no-ticket-message{height:44px;font-size:22px;padding:0 12px}.ticket-stub{height:50px}.stub-text{font-size:22px}.action-button{font-size:18px;padding:10px 20px}.text-button{font-size:16px}.campsite-scene{height:40vh;min-height:250px}.trees-layer{transform:translate(-60%) scale(1)}.campfire{bottom:80px;transform:translate(-50%) scale(.8)}.campfire-lit-area{bottom:40px;width:80%;transform:translate(-50%) scale(1)}}@media(max-height:600px){.auth-content{padding-top:20px;justify-content:flex-start}.ticket-body{height:160px}.ticket-logo{width:70px}.ticket-headline{font-size:20px}.ticket-actions{margin-top:12px}.campsite-scene,.trees-layer,.campfire,.campfire-lit-area,.ground{display:none}}.ticketblaster-page{position:relative;width:100vw;min-height:100vh;background:#0a0a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.tb-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:linear-gradient(135deg,#0a0a1a,#1a1a3a,#0a0a1a)}.tb-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(91,192,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(91,192,235,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.tb-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0a0a1af2;border-bottom:1px solid rgba(91,192,235,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tb-logo{height:32px;width:auto}.tb-header-right{display:flex;align-items:center;gap:16px}.tb-session{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.tb-live-indicator{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#4dc95233;border:1px solid rgba(77,201,82,.5);border-radius:20px;font-size:.7rem;font-weight:700;color:#4dc952;text-transform:uppercase;letter-spacing:.1em}.tb-live-dot{width:6px;height:6px;background:#4dc952;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.tb-main{position:relative;z-index:10;max-width:600px;margin:0 auto;padding:32px 24px 100px}.tb-success-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#4dc952,#38a33d);border-radius:12px;margin-bottom:32px;font-weight:600;animation:slide-down .5s ease-out}.tb-success-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;color:#4dc952;border-radius:50%;font-weight:700}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tb-position-section{text-align:center;margin-bottom:24px}.tb-position-label{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.2em;margin-bottom:8px}.tb-position-display{display:flex;align-items:baseline;justify-content:center;gap:4px}.tb-position-hash{font-size:3rem;font-weight:300;color:var(--cfg-blue, #5BC0EB)}.tb-position-number{font-size:6rem;font-weight:800;color:#fff;line-height:1;text-shadow:0 0 40px rgba(91,192,235,.5),0 0 80px rgba(91,192,235,.3);animation:number-glow 3s ease-in-out infinite}@keyframes number-glow{0%,to{text-shadow:0 0 40px rgba(91,192,235,.5),0 0 80px rgba(91,192,235,.3)}50%{text-shadow:0 0 60px rgba(91,192,235,.7),0 0 100px rgba(91,192,235,.5)}}.tb-queue-total{font-size:1rem;color:#fff9;margin-top:8px}.tb-anxiety-box{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#f2b7051a;border:1px solid rgba(242,183,5,.3);border-radius:8px;margin-bottom:32px;animation:anxiety-pulse 4s ease-in-out infinite}@keyframes anxiety-pulse{0%,to{background:#f2b7051a;border-color:#f2b7054d}50%{background:#f2b70526;border-color:#f2b70580}}.tb-anxiety-icon{font-size:1rem;animation:icon-shake .5s ease-in-out infinite}@keyframes icon-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.tb-anxiety-text{font-size:.875rem;color:var(--cfg-yellow, #F2B705);font-style:italic}.tb-progress-section{margin-bottom:40px}.tb-progress-bar{position:relative;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.tb-progress-fill{height:100%;background:linear-gradient(90deg,var(--cfg-blue, #5BC0EB) 0%,var(--cfg-violet, #9B5DE5) 100%);border-radius:4px;transition:width 1s ease-out}.tb-progress-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.tb-progress-text{text-align:center;margin-top:12px;font-size:.875rem;color:#fff9}.tb-highlight{color:var(--cfg-pink, #F26BB5);font-weight:600}.tb-tickets-section{margin-bottom:32px}.tb-section-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 8px}.tb-ticket-icon{font-size:1.5rem}.tb-section-subtitle{text-align:center;font-size:.9rem;color:#fff9;margin:0 0 24px}.tb-section-subtitle strong{color:var(--cfg-green, #4DC952)}.tb-tickets-grid{display:flex;flex-direction:column;gap:16px}.tb-ticket{position:relative;background:linear-gradient(135deg,#1a1a3a,#2a2a4a);border:2px solid rgba(91,192,235,.3);border-radius:12px;padding:20px;transition:transform .2s,border-color .2s}.tb-ticket:hover:not(.used){transform:translateY(-2px);border-color:var(--cfg-blue, #5BC0EB)}.tb-ticket.used{opacity:.6;border-color:#ffffff1a}.tb-ticket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tb-ticket-number{font-size:.7rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.tb-ticket-status{font-size:.65rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.tb-ticket-status.available{background:#4dc95233;color:#4dc952;border:1px solid rgba(77,201,82,.4)}.tb-ticket-status.used{background:#ffffff1a;color:#ffffff80;border:1px solid rgba(255,255,255,.2)}.tb-ticket-code{font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.1em;margin-bottom:16px}.tb-ticket.used .tb-ticket-code{text-decoration:line-through;color:#fff6}.tb-ticket-perforation{height:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0px,rgba(255,255,255,.2) 8px,transparent 8px,transparent 16px);margin-bottom:16px}.tb-ticket-copy{display:block;width:100%;padding:12px;background:var(--cfg-blue, #5BC0EB);border:none;border-radius:8px;color:#0a0a1a;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s,transform .1s}.tb-ticket-copy:hover{background:#7dd0f0;transform:scale(1.02)}.tb-ticket-copy:active{transform:scale(.98)}.tb-ticket-used-stamp{display:flex;align-items:center;justify-content:center;padding:12px;background:#ffffff0d;border-radius:8px;color:#ffffff4d;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.tb-referral-count{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:16px;background:#ffffff0d;border-radius:8px}.tb-referral-number{font-size:1.5rem;font-weight:800;color:var(--cfg-yellow, #F2B705)}.tb-referral-text{font-size:.9rem;color:#fff9}.tb-referral-boost{font-size:.875rem;font-weight:600;color:var(--cfg-green, #4DC952)}.tb-fees-section{margin-bottom:32px}.tb-fees-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:.875rem;cursor:pointer;transition:background .2s}.tb-fees-toggle:hover{background:#ffffff14}.tb-fees-list{margin-top:12px;padding:16px;background:#ffffff08;border-radius:8px;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tb-fee-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.tb-fee-name{font-size:.875rem;color:#ffffff80}.tb-fee-amount{font-size:.875rem;color:#fffc}.tb-fee-total{display:flex;justify-content:space-between;padding-top:12px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1);font-weight:700;color:var(--cfg-green, #4DC952)}.tb-info-box{padding:20px;background:#5bc0eb1a;border:1px solid rgba(91,192,235,.2);border-radius:12px;margin-bottom:24px}.tb-info-box h3{font-size:1rem;font-weight:700;color:var(--cfg-blue, #5BC0EB);margin:0 0 12px}.tb-info-box ul{margin:0;padding:0 0 0 20px}.tb-info-box li{font-size:.875rem;color:#ffffffb3;margin-bottom:8px}.tb-info-box li:last-child{margin-bottom:0;font-style:italic;color:#ffffff80}.tb-warning-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#f133561a;border:1px solid rgba(241,51,86,.3);border-radius:8px;font-size:.8rem;color:#ffffffb3}.tb-warning-icon{font-size:1rem}.tb-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0a0a1af2;border-top:1px solid rgba(91,192,235,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.tb-back-button{padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:background .2s,border-color .2s}.tb-back-button:hover{background:#ffffff1a;border-color:#ffffff80}.tb-footer-text{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.75rem;color:#fff6}.tb-footer-joke{font-size:.65rem;font-style:italic;color:#ffffff40}@media(max-width:480px){.tb-header{padding:12px 16px}.tb-logo{height:24px}.tb-main{padding:24px 16px 100px}.tb-position-hash{font-size:2rem}.tb-position-number{font-size:4rem}.tb-ticket-code{font-size:1.125rem}.tb-footer{flex-direction:column;gap:12px}.tb-footer-text{align-items:center;text-align:center}}@media(max-height:700px){.tb-success-banner{margin-bottom:20px}.tb-position-section{margin-bottom:16px}.tb-position-number{font-size:4rem}.tb-anxiety-box{margin-bottom:20px}.tb-progress-section{margin-bottom:24px}}.tb-page{--tb-navy: #1E2A3A;--tb-blue: #276EF1;--tb-blue-hover: #1E5AD8;--tb-green: #00B67A;--tb-green-dark: #00A06D;--tb-gray-bg: #F5F5F5;--tb-gray-light: #E8E8E8;--tb-gray-border: #D1D1D1;--tb-gray-text: #6B7280;--tb-dark-text: #1F2937;--tb-red: #DC2626;--tb-yellow: #F59E0B}.tb-page{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--tb-gray-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;box-sizing:border-box}.tb-page *,.tb-page *:before,.tb-page *:after{box-sizing:border-box}.tb-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--tb-gray-text);font-size:14px}.tb-loading-spinner{width:32px;height:32px;border:3px solid var(--tb-gray-light);border-top-color:var(--tb-blue);border-radius:50%;animation:tb-spin .8s linear infinite}@keyframes tb-spin{to{transform:rotate(360deg)}}.tb-header{background:var(--tb-navy);padding:0 24px;height:64px;flex-shrink:0}.tb-header-content{width:100%;max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between}.tb-header-left{display:flex;align-items:center;gap:20px}.tb-logo{display:flex;align-items:center;gap:10px}.tb-logo-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tb-logo-icon img{width:100%;height:100%;object-fit:cover}.tb-logo-text{display:flex;align-items:center;height:24px}.tb-logo-text img{height:100%;width:auto}.tb-header-divider{width:1px;height:32px;background:#fff3}.tb-event-info{color:#fff}.tb-event-title{font-size:15px;font-weight:600}.tb-event-subtitle{font-size:12px;color:#fff9;margin-top:2px}.tb-header-right{display:flex;align-items:center}.tb-verified-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid var(--tb-green);border-radius:4px;color:var(--tb-green);font-size:12px;font-weight:600;letter-spacing:.5px}.tb-verified-badge svg{width:16px;height:16px}.tb-stepper{background:#fff;border-bottom:1px solid var(--tb-gray-light);padding:20px 24px;flex-shrink:0}.tb-stepper-content{width:100%;max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center}.tb-step-wrapper{display:flex;align-items:center}.tb-step{display:flex;align-items:center;gap:8px}.tb-step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:#fff;border:2px solid var(--tb-gray-border);color:var(--tb-gray-text);transition:all .2s ease}.tb-step-circle svg{width:16px;height:16px}.tb-step.active .tb-step-circle{background:var(--tb-blue);border-color:var(--tb-blue);color:#fff}.tb-step.completed .tb-step-circle{background:var(--tb-green);border-color:var(--tb-green);color:#fff}.tb-step-label{font-size:12px;font-weight:600;color:var(--tb-gray-text);letter-spacing:.3px}.tb-step.active .tb-step-label{color:var(--tb-blue)}.tb-step.completed .tb-step-label{color:var(--tb-green)}.tb-step-line{width:60px;height:2px;background:var(--tb-gray-border);margin:0 8px;transition:background .2s ease}.tb-step-line.active{background:var(--tb-green)}.tb-stepper-current-label{display:none;text-align:center;font-size:12px;font-weight:600;color:var(--tb-blue);letter-spacing:.3px;margin-top:12px}.tb-main{width:100%;max-width:100%;flex:1;padding:48px 24px;display:flex;justify-content:center;align-items:flex-start}.tb-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-width:500px;width:100%;overflow:hidden}.tb-card-accent{height:4px;background:var(--tb-blue)}.tb-card-accent-green{background:var(--tb-green)}.tb-card-content{padding:40px 48px;text-align:center}.tb-icon{width:56px;height:56px;margin:0 auto 20px;color:var(--tb-blue)}.tb-icon svg{width:100%;height:100%}.tb-icon-check{color:var(--tb-green)}.tb-icon-success{width:80px;height:80px;color:var(--tb-green)}.tb-verified-tag{display:inline-block;background:#00b67a1a;color:var(--tb-green);font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:4px;margin-bottom:16px}.tb-title{font-size:24px;font-weight:700;color:var(--tb-dark-text);margin:0 0 8px;letter-spacing:-.5px}.tb-title-success{color:var(--tb-green);font-size:32px;font-style:italic}.tb-subtitle{font-size:15px;color:var(--tb-gray-text);margin:0 0 24px;line-height:1.5}.tb-form{display:flex;flex-direction:column;gap:16px}.tb-input-group{position:relative;display:flex;align-items:center}.tb-input-icon{position:absolute;left:14px;width:20px;height:20px;color:var(--tb-gray-text);pointer-events:none}.tb-input-icon svg{width:100%;height:100%}.tb-input{width:100%;height:48px;padding:0 44px;border:1px solid var(--tb-gray-border);border-radius:6px;font-size:15px;color:var(--tb-dark-text);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.tb-input::placeholder{color:#9ca3af}.tb-input:focus{outline:none;border-color:var(--tb-blue);box-shadow:0 0 0 3px #276ef11a}.tb-input:disabled{background:var(--tb-gray-bg);color:var(--tb-gray-text)}.tb-input-toggle{position:absolute;right:12px;width:24px;height:24px;padding:0;background:none;border:none;cursor:pointer;color:var(--tb-gray-text);display:flex;align-items:center;justify-content:center}.tb-input-toggle:hover{color:var(--tb-dark-text)}.tb-input-toggle svg{width:20px;height:20px}.tb-button{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.tb-button:disabled{opacity:.6;cursor:not-allowed}.tb-button svg{width:18px;height:18px}.tb-button-primary{background:var(--tb-blue);color:#fff}.tb-button-primary:hover:not(:disabled){background:var(--tb-blue-hover)}.tb-button-primary:active:not(:disabled){transform:scale(.98)}.tb-button-success{background:var(--tb-green);color:#fff}.tb-button-success:hover:not(:disabled){background:var(--tb-green-dark)}.tb-link{background:none;border:none;padding:0;color:var(--tb-blue);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none}.tb-link:hover{text-decoration:underline}.tb-link-button{background:none;border:none;padding:8px;margin-top:8px;color:var(--tb-blue);font-size:14px;cursor:pointer}.tb-link-button:hover{text-decoration:underline}.tb-helper{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:13px;color:var(--tb-gray-text)}.tb-helper svg{width:16px;height:16px;flex-shrink:0}.tb-helper-link{margin-top:20px;font-size:14px;color:var(--tb-gray-text)}.tb-email-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;font-size:14px;color:var(--tb-gray-text)}.tb-email-display svg{width:16px;height:16px}.tb-email-success{font-size:14px;color:var(--tb-gray-text);margin-bottom:24px}.tb-error{background:#fef2f2;border:1px solid #FECACA;color:var(--tb-red);padding:12px 16px;border-radius:6px;font-size:14px;text-align:left}.tb-invite-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;color:var(--tb-blue);font-size:14px;font-weight:500;cursor:pointer}.tb-invite-toggle svg{width:18px;height:18px;transition:transform .2s ease}.tb-invite-toggle svg.rotated{transform:rotate(180deg)}.tb-queue-layout{display:flex;gap:24px;max-width:800px;width:100%}.tb-queue-main{flex:1;min-width:0}.tb-queue-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.tb-queue-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:32px;text-align:center;border-top:4px solid var(--tb-blue)}.tb-queue-badge{display:inline-flex;align-items:center;gap:6px;background:var(--tb-blue);color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;border-radius:4px;margin-bottom:16px}.tb-queue-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tb-queue-title{font-size:18px;font-weight:700;color:var(--tb-dark-text);margin:0 0 24px;letter-spacing:-.3px}.tb-queue-position{font-size:72px;font-weight:700;color:var(--tb-blue);line-height:1;margin-bottom:8px}.tb-queue-label{font-size:13px;font-weight:600;color:var(--tb-gray-text);letter-spacing:.5px;margin:0 0 24px}.tb-queue-progress{height:8px;background:var(--tb-gray-light);border-radius:4px;margin-bottom:24px;position:relative}.tb-queue-progress-bar{height:100%;background:linear-gradient(90deg,var(--tb-blue),var(--tb-green));border-radius:4px;position:relative;min-width:40px;transition:width .5s ease}.tb-queue-progress-icon{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#fff;border:2px solid var(--tb-blue);border-radius:100px;display:flex;align-items:center;justify-content:center;color:var(--tb-blue)}.tb-queue-progress-icon svg{width:18px;height:18px}.tb-queue-wait{font-size:14px;color:var(--tb-gray-text);display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:24px}.tb-queue-wait-label{display:flex;align-items:center;gap:6px}.tb-queue-wait-value{color:var(--tb-blue);font-weight:600;transition:opacity .3s ease;text-align:center}.tb-queue-wait-value.fading{opacity:0}.tb-queue-wait-dot{width:6px;height:6px;background:var(--tb-blue);border-radius:50%;animation:pulse 1s infinite}.tb-queue-id{background:var(--tb-gray-bg);border-radius:6px;padding:16px}.tb-queue-id-label{font-size:11px;font-weight:600;color:var(--tb-gray-text);letter-spacing:.5px;margin-bottom:4px}.tb-queue-id-value{font-size:13px;font-family:SF Mono,Monaco,monospace;color:var(--tb-dark-text);word-break:break-all}.tb-codes-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.tb-codes-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.tb-codes-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--tb-dark-text);letter-spacing:.3px;margin:0}.tb-codes-title svg{width:18px;height:18px;color:var(--tb-gray-text)}.tb-codes-referrals{font-size:12px;color:var(--tb-gray-text)}.tb-codes-remaining{font-size:13px;color:var(--tb-gray-text);margin-bottom:12px}.tb-codes-count{color:var(--tb-blue);font-weight:600}.tb-codes-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.tb-code-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--tb-gray-bg);border-radius:6px;border:1px solid var(--tb-gray-light)}.tb-code-item.used{opacity:.5}.tb-code-value{flex:1;font-size:14px;font-weight:600;font-family:SF Mono,Monaco,monospace;color:var(--tb-dark-text)}.tb-code-copy{width:28px;height:28px;padding:0;background:#fff;border:1px solid var(--tb-gray-border);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tb-gray-text)}.tb-code-copy:hover:not(:disabled){border-color:var(--tb-blue);color:var(--tb-blue)}.tb-code-copy:disabled{opacity:.5;cursor:not-allowed}.tb-code-copy svg{width:14px;height:14px}.tb-code-status{font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px}.tb-code-status.available{background:#00b67a1a;color:var(--tb-green)}.tb-code-status.used{background:var(--tb-gray-light);color:var(--tb-gray-text)}.tb-share-section{border-top:1px solid var(--tb-gray-light);padding-top:16px}.tb-share-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tb-share-label{font-size:12px;font-weight:700;color:var(--tb-dark-text);letter-spacing:.3px}.tb-share-cta{font-size:12px;color:var(--tb-blue)}.tb-share-buttons{display:flex;gap:8px}.tb-share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#fff;border:1px solid var(--tb-gray-border);border-radius:6px;font-size:12px;font-weight:500;color:var(--tb-dark-text);cursor:pointer;transition:all .2s ease}.tb-share-btn:hover{border-color:var(--tb-blue);color:var(--tb-blue)}.tb-share-btn svg{width:14px;height:14px}.tb-share-btn-green{background:var(--tb-green);border-color:var(--tb-green);color:#fff}.tb-share-btn-green:hover{background:var(--tb-green-dark);border-color:var(--tb-green-dark);color:#fff}.tb-share-btn-discord{background:#5865f2;border-color:#5865f2;color:#fff}.tb-share-btn-discord:hover{background:#4752c4;border-color:#4752c4;color:#fff}.tb-share-disclaimer{font-size:11px;color:var(--tb-gray-text);margin-top:12px}.tb-reminders-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;border-left:4px solid var(--tb-yellow)}.tb-reminders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tb-reminders-title{font-size:12px;font-weight:700;color:var(--tb-dark-text);letter-spacing:.3px;margin:0}.tb-reminders-dots{display:flex;gap:4px}.tb-reminders-dots button{width:6px;height:6px;border-radius:50%;background:var(--tb-gray-border);border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.tb-reminders-dots button:hover{transform:scale(1.3)}.tb-reminders-dots button.active{background:var(--tb-blue)}.tb-reminder{display:flex;gap:12px;transition:opacity .3s ease}.tb-reminder.fading{opacity:0}.tb-reminder-icon{width:40px;height:40px;background:#f59e0b1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--tb-yellow);flex-shrink:0}.tb-reminder-icon svg{width:20px;height:20px}.tb-reminder-emoji{font-size:20px;line-height:1}.tb-reminder-content h4{font-size:14px;font-weight:600;color:var(--tb-dark-text);margin:0 0 4px}.tb-reminder-content p{font-size:13px;color:var(--tb-gray-text);margin:0;line-height:1.4}.tb-card-success .tb-card-content{padding:48px}.tb-progress-bar{height:6px;background:var(--tb-gray-light);border-radius:3px;overflow:hidden;margin-bottom:16px}.tb-progress-fill{height:100%;background:linear-gradient(90deg,var(--tb-green),var(--tb-blue));border-radius:3px;animation:progress 2.5s ease-in-out forwards}@keyframes progress{0%{width:0}to{width:100%}}.tb-entering{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--tb-gray-text);margin-bottom:24px}.tb-spinner{width:16px;height:16px;border:2px solid var(--tb-gray-light);border-top-color:var(--tb-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tb-footer{position:relative;background:var(--tb-gray-bg);padding:32px 24px;border-top:1px solid var(--tb-gray-light);flex-shrink:0}.tb-footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.tb-footer-disclaimer{font-size:11px;color:var(--tb-gray-text);line-height:1.6;text-align:center}.tb-footer-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.tb-footer-links a{font-size:12px;color:var(--tb-blue);text-decoration:none}.tb-footer-links a:hover{text-decoration:underline}.tb-footer-links span{color:var(--tb-gray-text)}.tb-footer-copyright{text-align:center;font-size:11px;color:var(--tb-gray-text);margin:0}@media(max-width:900px){.tb-queue-layout{flex-direction:column}.tb-queue-main,.tb-queue-sidebar{width:100%}}@media(max-width:768px){.tb-header-content{flex-wrap:wrap;gap:12px}.tb-header-divider,.tb-event-info{display:none}.tb-stepper-content{justify-content:center}.tb-step-label{display:none}.tb-stepper-current-label{display:block}.tb-step-line{width:32px}.tb-step-circle{width:24px;height:24px;font-size:11px}.tb-step-circle svg{width:14px;height:14px}.tb-card-content{padding:32px 24px}.tb-title{font-size:20px}.tb-queue-position{font-size:56px}.tb-share-buttons{flex-wrap:wrap}.tb-share-btn{flex:1 1 calc(50% - 4px)}}@media(max-width:480px){.tb-header{padding:0 16px}.tb-logo-text{font-size:16px}.tb-verified-badge span{display:none}.tb-stepper{padding:16px}.tb-main{padding:24px 16px}.tb-card-content{padding:24px 20px}.tb-title{font-size:18px}.tb-subtitle{font-size:14px}.tb-input,.tb-button{height:44px;font-size:14px}.tb-queue-card{padding:24px 16px}.tb-queue-position{font-size:48px}.tb-codes-card,.tb-reminders-card{padding:16px}.tb-footer{padding:20px 16px}.tb-footer-disclaimer{font-size:10px}}