.holobox-container{position:fixed;inset:0;width:100vw;height:100vh;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.holobox-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.holobox-scanlines{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 4px)}.holobox-buttons-bar{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:90%;max-width:600px}.holobox-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;background:hsla(0,0%,9%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);color:#fff;font-family:Work Sans,sans-serif;font-size:15px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.holobox-btn:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#d32e12;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.holobox-btn:hover{background:rgba(211,46,18,.15);border-color:rgba(211,46,18,.3);transform:translateY(-2px);box-shadow:0 8px 32px rgba(211,46,18,.15)}.holobox-btn:hover:before{transform:scaleX(1)}.holobox-btn:active{transform:translateY(0)}.holobox-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(211,46,18,.15);border:1px solid rgba(211,46,18,.25);color:#e4553c;flex-shrink:0}.holobox-btn-label{white-space:nowrap}.holobox-btn--primary{background:#d32e12;border-color:#d32e12}.holobox-btn--primary:hover{background:#bd2910;border-color:#bd2910}.holobox-btn--ghost{background:transparent;border-color:hsla(0,0%,100%,.15);font-size:13px;padding:10px 20px}.holobox-btn--ghost:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.25)}.holobox-btn--small{padding:8px 16px;font-size:12px}.holobox-overlay-panel{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow-y:auto;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.holobox-panel-card{background:hsla(0,0%,9%,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.08);padding:32px;width:380px;max-width:90vw;box-shadow:0 24px 80px rgba(0,0,0,.6)}.holobox-panel-card--wide{width:480px}.holobox-panel-card--keyboard{width:560px;max-width:min(92vw,560px);max-height:calc(100vh - 48px);overflow-y:auto}.holobox-panel-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.holobox-panel-icon{width:40px;height:40px;background:rgba(211,46,18,.15);border:1px solid rgba(211,46,18,.3);display:flex;align-items:center;justify-content:center;color:#e4553c;flex-shrink:0}.holobox-panel-title{color:#fff;font-size:16px;font-weight:500;line-height:1.3}.holobox-panel-subtitle{color:#6f6f6f;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:500}.holobox-panel-code{font-family:JetBrains Mono,monospace;color:#d32e12;font-size:14px;margin-top:2px}.holobox-close-btn{margin-left:auto;background:none;border:none;color:#6f6f6f;font-size:16px;cursor:pointer;padding:4px 8px;transition:color .2s}.holobox-close-btn:hover{color:#fff}.holobox-code-form{display:flex;gap:8px;align-items:stretch}.holobox-code-input{flex:1;background:#262626;border:none;border-bottom:2px solid #393939;color:#fff;font-family:JetBrains Mono,monospace;font-size:20px;letter-spacing:.25em;text-align:center;padding:12px 16px;outline:none;transition:border-color .2s;min-height:60px;cursor:default;caret-color:transparent}.holobox-code-input::placeholder{color:#525252;font-size:14px;letter-spacing:.1em}.holobox-code-input:focus{border-color:#d32e12}.holobox-submit-btn{display:flex;align-items:center;justify-content:center;width:52px;background:#d32e12;border:none;color:#fff;cursor:pointer;transition:background .2s}.holobox-submit-btn:hover{background:#bd2910}.holobox-submit-btn:disabled{opacity:.4;cursor:not-allowed}.holobox-code-hint{color:#8d8d8d;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:14px;margin-bottom:12px}.holobox-keyboard,.holobox-keyboard-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.holobox-keyboard-actions{margin-top:8px}.holobox-key{min-height:52px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#fff;font-family:JetBrains Mono,monospace;font-size:18px;letter-spacing:.06em;cursor:pointer;transition:all .2s ease}.holobox-key:hover{background:rgba(211,46,18,.14);border-color:rgba(211,46,18,.32);color:#cfe1ff;transform:translateY(-1px)}.holobox-key:active{transform:translateY(0)}.holobox-key:disabled{opacity:.35;cursor:not-allowed;transform:none}.holobox-key--action{font-size:13px;text-transform:uppercase;letter-spacing:.12em}.holobox-key--primary{background:#d32e12;border-color:#d32e12;color:#fff}.holobox-key--primary:hover{background:#bd2910;border-color:#bd2910;color:#fff}.holobox-key--wide{grid-column:span 2}.holobox-spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:holobox-spin .6s linear infinite}@keyframes holobox-spin{to{transform:rotate(1turn)}}.holobox-error{color:#da1e28;font-size:12px;margin-top:12px}.holobox-tile-image-container{position:relative;margin-bottom:16px;background:#1a1a1a;border:1px solid hsla(0,0%,100%,.06)}.holobox-tile-image{width:100%;aspect-ratio:1;object-fit:contain;display:block}.holobox-position-text{color:#6f6f6f;font-size:12px;font-family:JetBrains Mono,monospace;margin-bottom:16px}.holobox-tile-actions{display:flex;gap:8px}.holobox-fullscreen-artwork{position:absolute;inset:0;z-index:25;background:#000;display:flex;flex-direction:column}.holobox-artwork-wrapper{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.holobox-artwork-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.holobox-artwork-inner{pointer-events:none;overflow:hidden}.holobox-puzzle-mask{width:100%;height:100%;object-fit:contain;mix-blend-mode:overlay;opacity:.6}.holobox-artwork-darken,.holobox-puzzle-mask{position:absolute;inset:0;pointer-events:none}.holobox-artwork-darken{background:rgba(0,0,0,.55)}.holobox-tile-highlight{position:absolute;border:2px solid #d32e12;pointer-events:none;box-shadow:0 0 30px rgba(211,46,18,.5),inset 0 0 20px rgba(211,46,18,.12);animation:holobox-pulse-glow 2s ease-in-out infinite}@keyframes holobox-pulse-glow{0%,to{box-shadow:0 0 20px rgba(211,46,18,.4),inset 0 0 15px rgba(211,46,18,.1)}50%{box-shadow:0 0 40px rgba(211,46,18,.6),inset 0 0 25px rgba(211,46,18,.2)}}.holobox-tile-label{position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:#d32e12;color:#fff;font-family:JetBrains Mono,monospace;font-size:11px;padding:3px 10px;white-space:nowrap;letter-spacing:.08em}.holobox-artwork-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:hsla(0,0%,9%,.95);border-top:1px solid hsla(0,0%,100%,.06)}.holobox-artwork-info{display:flex;flex-direction:column;gap:4px}.holobox-artwork-info-right{display:flex;align-items:center;gap:12px}.holobox-highlight-name{color:#d32e12;font-weight:600}.holobox-highlight-code{color:#6f6f6f;font-family:JetBrains Mono,monospace;font-size:13px;margin-left:8px}.holobox-position-badge{color:#8d8d8d;font-family:JetBrains Mono,monospace;font-size:12px}.holobox-playing-indicator{position:absolute;top:32px;right:88px;z-index:15;display:flex;align-items:center;gap:10px;padding:10px 20px;background:hsla(0,0%,9%,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.06);color:#c6c6c6;font-size:13px;font-weight:400;letter-spacing:.02em}.holobox-playing-pulse{width:8px;height:8px;border-radius:50%;background:#d32e12;animation:holobox-pulse 1.5s ease-in-out infinite}@keyframes holobox-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.holobox-skip-btn{background:none;border:none;color:#6f6f6f;font-size:12px;cursor:pointer;padding:4px 8px;margin-left:8px;transition:color .2s}.holobox-skip-btn:hover{color:#fff}.holobox-btn-colori-back,.holobox-btn-colori-trigger{position:absolute;top:32px;left:32px;z-index:10;display:flex;align-items:center;gap:8px;padding:10px 20px;background:hsla(0,0%,9%,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7);font-family:Work Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.holobox-btn-colori-back:hover,.holobox-btn-colori-trigger:hover{background:rgba(211,46,18,.15);border-color:rgba(211,46,18,.3);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(211,46,18,.1)}.holobox-btn-colori-back:active,.holobox-btn-colori-trigger:active{transform:translateY(0)}.holobox-colori-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.holobox-colori-panel{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:20;display:flex;justify-content:center;align-items:center;pointer-events:auto}.holobox-colori-controls{gap:16px;padding:12px 24px;background:hsla(0,0%,9%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 40px rgba(0,0,0,.5)}.holobox-colori-controls,.holobox-colori-nav-btn{display:flex;align-items:center;border:1px solid hsla(0,0%,100%,.08)}.holobox-colori-nav-btn{justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.holobox-colori-nav-btn:hover{background:rgba(211,46,18,.15);border-color:rgba(211,46,18,.3);color:#fff}.holobox-colori-info{display:flex;align-items:center;gap:10px;font-family:Work Sans,sans-serif;font-size:13px;letter-spacing:.02em}.holobox-colori-num{font-family:JetBrains Mono,monospace;color:#8d8d8d;font-weight:500}.holobox-colori-sep{color:hsla(0,0%,100%,.15)}.holobox-colori-name{color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.holobox-colori-desc{color:#8d8d8d;font-size:11px}.holobox-preset-1{background-color:#000}.holobox-preset-2{background:radial-gradient(circle at center,#0a0a2a 0,#000 75%)}.holobox-preset-3{background:radial-gradient(circle at center,#1b5e8e 0,#000 80%)}.holobox-preset-4{background:radial-gradient(circle at center,rgba(211,46,18,.18) 0,#000 70%)}.holobox-preset-5{background:radial-gradient(circle at center,#003a3a 0,#000 75%)}.holobox-preset-6{background:radial-gradient(circle at center,#2d0000 0,#000 75%)}.holobox-preset-7{background:radial-gradient(circle at center,#1a0030 0,#0a0018 100%)}.holobox-preset-8{background:radial-gradient(circle at center,#1d0900 0,#000 70%);box-shadow:inset 0 0 100px rgba(255,90,0,.03)}.holobox-preset-9{background:linear-gradient(125deg,#00120e,#00081d 50%,#12001c);position:relative;overflow:hidden}.holobox-preset-9:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(0,255,140,.08) 0,transparent 55%),radial-gradient(circle at 75% 75%,rgba(0,90,255,.09) 0,transparent 60%);filter:blur(50px);animation:holobox-aurora-glow 15s ease-in-out infinite alternate}@keyframes holobox-aurora-glow{0%{transform:translate(0) scale(1)}to{transform:translate(4%,4%) scale(1.1)}}.holobox-preset-10{background-color:#000;background-image:linear-gradient(rgba(211,46,18,.05) 1px,transparent 0),linear-gradient(90deg,rgba(211,46,18,.05) 1px,transparent 0);background-size:50px 50px;background-position:50%}.holobox-preset-11{background-color:#000;background-image:linear-gradient(0deg,rgba(211,46,18,.02),rgba(211,46,18,.08) 12%,rgba(211,46,18,.02) 24%,transparent 0,transparent);background-size:100% 240px;animation:holobox-scan-pulse 8s linear infinite}@keyframes holobox-scan-pulse{0%{background-position:0 0}to{background-position:0 240px}}.holobox-preset-12{background-color:#000;background-image:radial-gradient(hsla(0,0%,100%,.12) 1.5px,transparent 0);background-size:30px 30px;background-position:50%}.holobox-preset-13{background-color:#000;background-image:linear-gradient(rgba(211,46,18,.4),rgba(211,46,18,.4))}.holobox-preset-14{background-color:#000;background-image:linear-gradient(rgba(255,245,230,.2),rgba(255,245,230,.2))}.holobox-preset-15{background:linear-gradient(135deg,hsla(0,0%,91%,.08),rgba(0,0,0,.95))}.holobox-preset-16{background-color:#000;background-image:linear-gradient(rgba(0,255,100,.02) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,100,.02) 1px,transparent 0);background-size:25px 25px;position:relative;overflow:hidden}.holobox-preset-16:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,255,100,.07) 50%,rgba(0,255,100,0));background-size:100% 400px;animation:holobox-matrix-rain 5s linear infinite}@keyframes holobox-matrix-rain{0%{background-position:0 -400px}to{background-position:0 400px}}.holobox-preset-17{background:radial-gradient(circle at center,hsla(0,0%,100%,.1) 0,#000 65%)}.holobox-preset-18{background:linear-gradient(45deg,rgba(211,46,18,.08),rgba(0,240,255,.06)),#000}.holobox-btn-mute{position:absolute;top:32px;right:32px;z-index:30;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:hsla(0,0%,9%,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.08);border-radius:50%;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.holobox-btn-mute:hover{background:rgba(211,46,18,.15);border-color:rgba(211,46,18,.3);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px rgba(211,46,18,.1)}.holobox-btn-mute:active{transform:scale(.95)}@media (max-width:768px){.holobox-buttons-bar{flex-direction:column;align-items:center;gap:12px;bottom:40px;width:85%}.holobox-btn{width:100%;justify-content:center;padding:14px 24px;font-size:14px}.holobox-btn-colori-back,.holobox-btn-colori-trigger{top:20px;left:20px;padding:8px 14px;font-size:11px}.holobox-btn-mute{top:20px;right:20px;width:38px;height:38px}.holobox-playing-indicator{top:20px;right:70px;padding:8px 12px;font-size:11px}.holobox-colori-controls{padding:8px 16px;gap:10px;max-width:90vw}.holobox-colori-desc{display:none}.holobox-panel-card--keyboard{padding:24px}.holobox-keyboard,.holobox-keyboard-actions{gap:6px}.holobox-key{min-height:46px;font-size:16px}.holobox-key--action{font-size:11px}}