*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#f1c40f;--gold-dark:#d4a017;--silver:#bdc3c7;--silver-dark:#7f8c8d;--steel:#34495e;--steel-dark:#2c3e50;--red:#e74c3c;--green:#27ae60;--bg:#0a0a14;--card:#ffffff0f;--card-border:#ffffff1f;--text:#e0e0e0;--text-dim:#888;--accent:#3498db}body.day-mode{--bg:#f0f2f5;--card:#00000014;--card-border:#00000026;--text:#1a1a2e;--text-dim:#666;background:var(--bg);color:var(--text)}body.day-mode .header{background:#fffffff2;border-bottom:2px solid #0000001a}body.day-mode .header h1{color:#1a1a2e}body.day-mode .header-btn{color:#1a1a2e;background:#0000000f;border:1px solid #00000026}body.day-mode .header-btn:hover{background:#0000001f}body.day-mode .vault-canvas{background:#fff;border:2px solid #0000001f}body.day-mode .sidebar .panel{background:#fffffff2;border:1px solid #0000001f}body.day-mode .panel-title{color:#1a1a2e}body.day-mode .settings-modal{background:#f8f9fa;border:1px solid #00000026}body.day-mode .settings-overlay{background:#0006}body.day-mode .btn-primary{color:#fff;background:#1a1a2e}body.day-mode .btn-primary:hover{background:#2d2d4a;box-shadow:0 6px 20px #00000040}body.day-mode .btn-secondary{color:#1a1a2e;background:#00000014;border:1px solid #00000026}body.day-mode .btn-secondary:hover{background:#00000024}body.day-mode input[type=text],body.day-mode textarea{color:#1a1a2e;background:#fffffff2;border:1px solid #0003}body.day-mode input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3498db40}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}body.day-mode ::-webkit-scrollbar-thumb{background:#0003}body.day-mode ::-webkit-scrollbar-thumb:hover{background:#00000059}body.day-mode .audio-select{color:#1a1a2e;background:#fffffff2;border:1px solid #0003}body.day-mode .sidebar .panel>div[style*=borderBottom]{border-bottom-color:#0000001a!important}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;padding:20px;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}.page{z-index:2;width:100%;max-width:1200px;position:relative}.header{justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}.header h1{color:var(--silver);text-align:center;flex:1;font-family:Orbitron,sans-serif;font-size:2rem}.header-right{align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.header-btn{color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Orbitron,sans-serif;font-size:.75rem;transition:all .2s;display:flex}.header-btn:hover{background:#ffffff26;transform:translateY(-1px)}.header-btn.active{border-color:var(--accent);background:#3498db33}.main-layout{align-items:stretch;gap:20px;display:flex}.vault-canvas{background:var(--card);border:1px solid var(--card-border);border-radius:16px;flex:1;height:100%;min-height:500px;max-height:calc(100vh - 160px);position:relative;overflow-y:auto}.vault-grid{grid-template-columns:repeat(5,140px);justify-content:center;gap:12px;display:grid}.fridge-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.fridge-unit{cursor:pointer;flex-shrink:0;width:140px;height:213px;position:relative;overflow:hidden}.fridge-unit--open{cursor:default}.fridge-unit.shaking{animation:.5s shakeDoor}@keyframes shakeDoor{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-4px)rotate(-2deg)}40%{transform:translate(4px)rotate(2deg)}60%{transform:translate(-4px)rotate(-2deg)}80%{transform:translate(4px)rotate(2deg)}}.fridge-frame{z-index:1;position:absolute;inset:0}.fridge-prize{opacity:0;z-index:2;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.fridge-prize--visible{opacity:1}.fridge-prize-inner{color:#fff;text-align:center;word-break:break-word;background:#000000b3;border:1px solid #f1c40fb3;border-radius:4px;width:100%;padding:8px 12px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700}.fridge-door{z-index:3;width:50%;height:100%;position:absolute;top:0;overflow:hidden}.fridge-door img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.fridge-door--left{transform-origin:0;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94);left:0;transform:rotateY(0)}.fridge-door--right{transform-origin:100%;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94);right:0;transform:rotateY(0)}.fridge-door--left.fridge-door--open{transform:rotateY(90deg)}.fridge-door--right.fridge-door--open{transform:rotateY(-90deg)}.fridge-door:hover:not(.fridge-door--open) img{filter:brightness(1.1)}.tomb-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tomb-unit{cursor:pointer;flex-shrink:0;width:140px;height:112px;position:relative;overflow:hidden}.tomb-unit--open{cursor:default}.tomb-unit.shaking{animation:.5s shakeDoor}.tomb-frame{z-index:1;background:0 0;position:absolute;inset:0}.tomb-prize{opacity:0;z-index:2;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:50%;left:18px;right:18px;transform:translateY(-50%)}.tomb-prize--visible{opacity:1}.tomb-prize-inner{color:#fff;text-align:center;word-break:break-word;background:0 0;border:none;width:100%;margin-top:13px;padding:0;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700}.tomb-door{z-index:3;transform-origin:bottom;width:80%;height:60%;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.tomb-door img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.tomb-door--open{transform:translate(-50%)rotateX(-110deg)}.door-badge{color:#000;z-index:10;pointer-events:none;background:#22c55ee6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #00000080}.door-badge--open{color:#fff;background:#dc2626e6}.locker-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.locker-unit{cursor:pointer;flex-shrink:0;width:140px;height:305px;position:relative;overflow:hidden}.locker-unit--open{cursor:default}.locker-unit.shaking{animation:.5s shakeDoor}.locker-frame{z-index:1;position:absolute;inset:0}.locker-prize{opacity:0;z-index:2;justify-content:center;align-items:center;width:90%;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.locker-prize--visible{opacity:1}.locker-prize-inner{color:#fff;text-align:center;word-break:break-word;background:#000000b3;border:1px solid #f1c40fb3;border-radius:4px;padding:6px 10px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700}.locker-door{z-index:3;transform-origin:0;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.locker-door img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.locker-door--open{transform:rotateY(-90deg)}.halloween-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.halloween-unit{cursor:pointer;flex-shrink:0;width:140px;height:265px;position:relative;overflow:hidden}.halloween-unit--open{cursor:default}.halloween-unit.shaking{animation:.5s shakeDoor}.halloween-frame{z-index:1;position:absolute;inset:0}.halloween-prize{opacity:0;z-index:2;justify-content:center;align-items:center;width:80%;transition:opacity .3s;display:flex;position:absolute;top:calc(50% - 70px);left:50%;transform:translate(-50%)}.halloween-prize--visible{opacity:1}.halloween-prize-inner{color:#8b0000;text-align:center;word-break:break-word;text-shadow:-1px -1px #ffffffe6,1px -1px #ffffffe6,-1px 1px #ffffffe6,1px 1px #ffffffe6,0 0 8px #000c;background:0 0;border:none;margin-left:5px;padding:0;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;display:inline-block}.halloween-door{z-index:3;transform-origin:100%;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.halloween-door img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.halloween-door--open{transform:rotateY(90deg)}.cheers-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cheers-unit{cursor:pointer;flex-shrink:0;width:140px;height:265px;position:relative;overflow:hidden}.cheers-unit--open{cursor:default}.cheers-unit.shaking{animation:.5s shakeDoor}.cheers-frame{z-index:1;position:absolute;inset:0}.cheers-prize{opacity:0;z-index:2;justify-content:center;align-items:center;width:80%;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 10px))}.cheers-prize--visible{opacity:1}.cheers-prize-inner{color:#fff;text-align:center;word-break:break-word;box-sizing:border-box;background:#00000059;border:none;border-radius:4px;width:calc(100% - 28px);margin:0;padding:4px 3px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700}.cheers-door{z-index:3;transform-origin:0;width:calc(100% - 51px);height:calc(55% - 23px);transition:transform 1.5s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:84px;left:26px}.cheers-door img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.cheers-door--open{transform:rotateY(-90deg)}.vault-door--framed{overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important}.vault-door--framed:hover:not(.opened):not(.locked){box-shadow:none;transform:none}.door-frame{width:100%;height:100%;transform-style:preserve-3d;position:relative}.door-prize{opacity:0;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:12px}.door-prize--visible{opacity:1}.door-prize-inner{color:#fff;text-align:center;word-break:break-word;text-shadow:0 1px 4px #000c;padding:4px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;line-height:1.3}.door-prize--text-only{background:0 0!important;border:none!important}.door-prize--text-only .door-prize-inner{color:#fff;background:0 0;border:none;padding:0}.door-panel{transform-origin:0;transform-style:preserve-3d;z-index:3;cursor:pointer;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.door-panel--open{transform:rotateY(-108deg)}.door-panel--camo-top-hinge{transform-origin:top;top:-28px}.door-panel--camo-top-hinge.door-panel--open{transform:rotateX(110deg)}.door-frame.theme-treasure{overflow:visible}.door-panel--treasure-top-hinge{transform-origin:top;height:calc(100% + 40px);top:-40px}.door-panel--treasure-top-hinge.door-panel--open{transform:rotateX(110deg)}.door-panel--gift-bottom-hinge{transform-origin:bottom}.door-panel--gift-bottom-hinge.door-panel--open{transform:rotateX(-110deg)}.door-panel--pumpkin-sm{transform-origin:0;transform:scale(.85)translate(9px,5px)}.door-panel--pumpkin-sm.door-panel--open{transform-origin:0;transform:scale(.85)rotateY(-108deg)translate(9px,5px)}.vault-door{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;width:140px;height:140px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.vault-door:hover:not(.opened):not(.locked){transform:scale(1.05);box-shadow:0 0 20px #f1c40f4d}.vault-door.opened{cursor:default}.vault-door.locked{cursor:default;opacity:.6}.vault-door.theme-bank{background:linear-gradient(145deg,#7f8c8d,#bdc3c7,#7f8c8d);border:3px solid #95a5a6;box-shadow:inset 0 0 20px #00000080,0 4px 12px #00000080}.vault-door.theme-bank .door-center{background:radial-gradient(circle,#f1c40f,#d4a017);border:3px solid #b7950b;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #f1c40f66}.vault-door.theme-bank .door-center:after{content:"";background:#7f5000;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #ffffff4d}.vault-door.theme-bank .door-number{color:#0009;font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.vault-door.opened .door-center:after{content:"✕";color:var(--red);font-size:1.5rem}.vault-door.opened.theme-bank .door-center:after{color:var(--red)}.vault-door .prize-reveal{text-align:center;color:var(--gold);word-break:break-word;background:#000000d9;justify-content:center;align-items:center;padding:6px;font-family:Orbitron,sans-serif;font-size:.6rem;line-height:1.2;animation:.3s fadeInPrize;display:flex;position:absolute;inset:0}@keyframes fadeInPrize{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:300px;display:flex}.panel{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:18px}.panel-title{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-family:Orbitron,sans-serif;font-size:.85rem}.panel-label{color:var(--text-dim);margin-bottom:6px;font-size:.8rem;display:block}.prize-textarea{color:#fff;resize:vertical;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;width:100%;min-height:120px;margin-bottom:12px;padding:10px;font-family:Outfit,sans-serif;font-size:.9rem}.prize-textarea:focus{border-color:var(--accent);outline:none}.prize-textarea::placeholder{color:#555}.num-doors-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.num-doors-row label{color:var(--text-dim);font-size:.85rem}.num-doors-row input{color:#fff;text-align:center;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;width:70px;padding:8px 12px;font-size:.9rem}.num-doors-row input:focus{border-color:var(--accent);outline:none}.num-doors-row span{color:var(--text-dim);font-size:.75rem}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:10px;width:100%;padding:12px 20px;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#000;box-shadow:0 4px 15px #f1c40f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f1c40f66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text);background:#ffffff14;border:1px solid #ffffff26}.btn-secondary:hover{background:#ffffff26}.btn-row{gap:10px;margin-top:12px;display:flex}.btn-row .btn{flex:1;width:auto}.theme-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.theme-option{text-align:center;cursor:pointer;text-transform:uppercase;color:var(--text-dim);border:2px solid #0000;border-radius:8px;padding:8px 4px;font-family:Orbitron,sans-serif;font-size:.65rem;transition:all .2s}.theme-option.selected{border-color:var(--gold);color:var(--gold)}.theme-option:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.audio-select{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;width:100%;margin-bottom:10px;padding:10px;font-size:.85rem}.audio-select:focus{border-color:var(--accent);outline:none}.audio-select option{background:#1a1a2e}.history-list{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.history-item{background:#0003;border-radius:8px;padding:10px 12px;font-size:.8rem}.history-item .history-door{color:var(--accent);font-weight:700}.history-item .history-prize{color:var(--text);margin-top:2px;font-weight:600}.history-item .history-time{color:var(--text-dim);margin-top:4px;font-size:.7rem}.history-empty{color:var(--text-dim);text-align:center;padding:20px 0;font-size:.85rem}.history-actions{gap:8px;margin-top:10px;display:flex}.history-actions .btn{flex:1;width:auto;padding:8px 10px;font-size:.7rem}.prize-counts{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.prize-stat{background:#0003;border-radius:8px;padding:6px 12px;font-size:.78rem}.prize-stat span{color:var(--gold);font-weight:700}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{text-align:center;background:#1a1a2e;border:1px solid #ffffff26;border-radius:16px;width:90%;max-width:420px;padding:28px}.modal h3{color:var(--gold);margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:1.1rem}.modal .prize-name{color:#fff;word-break:break-word;margin-bottom:20px;font-size:1rem}.modal .btn-row{margin-top:0}.modal .btn-lock{background:linear-gradient(135deg, var(--red), #c0392b);color:#fff}.modal .btn-replace{background:linear-gradient(135deg, var(--green), #1e8449);color:#fff}.modal .btn-cancel{color:var(--text);background:#ffffff14;border:1px solid #ffffff26}.prize-reveal-border{position:relative}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.prize-reveal-border>.modal{background:#1a1a2e;background:linear-gradient(#1a1a2e, #1a1a2e) padding-box, conic-gradient(from var(--border-angle), #d4af37, #7b2fbe, #d4af37) border-box;border:3px solid #0000;border-radius:20px;max-width:560px;padding:36px;animation:2s linear infinite borderColorRotate}@keyframes borderColorRotate{0%{--border-angle:0deg}to{--border-angle:360deg}}.prize-reveal-border>.modal h3{margin-bottom:12px;font-size:1.4rem}.prize-reveal-border>.modal .prize-name{flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;font-size:1.5rem;display:flex}.prize-reveal-border>.modal p{font-size:1rem!important}.prize-reveal-border .prize-name{animation:.5s cubic-bezier(.175,.885,.32,1.275) both prizeRevealPop}@keyframes prizeRevealPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.prize-loaded-info{color:var(--green);text-align:center;background:#27ae601a;border:1px solid #27ae604d;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:.78rem}.settings-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.settings-modal{background:#1a1a2e;border:1px solid #ffffff26;border-radius:16px;width:90%;max-width:500px;max-height:80vh;padding:28px;overflow-y:auto}.settings-modal h2{color:var(--gold);text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-family:Orbitron,sans-serif;font-size:1.1rem}.settings-section{margin-bottom:20px}.settings-section h4{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.8rem}.settings-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.settings-row label{color:var(--text);font-size:.85rem}.close-btn{color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;width:100%;margin-top:10px;padding:10px 20px;font-family:Orbitron,sans-serif;font-size:.75rem}.close-btn:hover{background:#ffffff26}.preview-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;text-transform:uppercase;background:#3498db33;border-radius:6px;padding:6px 12px;font-family:Orbitron,sans-serif;font-size:.75rem}.preview-btn:hover{background:#3498db4d}.reset-danger{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:10px;margin-top:14px;padding:14px}.reset-danger p{color:var(--text-dim);margin-bottom:10px;font-size:.8rem}.reset-danger .btn-danger{background:linear-gradient(135deg, var(--red), #c0392b);color:#fff}.vault-door.shaking{animation:.5s shakeDoor}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-thumb{background:#80808066;border-radius:2px}@media (max-width:899px){.main-layout{flex-direction:column!important}.sidebar{flex-shrink:0;width:100%!important}.vault-canvas{order:-1;flex:none!important;width:100%!important}.mobile-hide,.mobile-landing-title{display:none!important}}body.mega-mode{padding:0;overflow:hidden}body.mega-mode .page{flex-direction:column;max-width:100%;height:100%;padding:20px;display:flex;position:fixed;inset:0}body.mega-mode .sidebar{flex-shrink:0;width:260px;overflow-y:auto}body.mega-mode .vault-door{width:130px;height:130px}body.mega-mode .vault-grid{grid-template-columns:repeat(10,1fr);gap:8px}body.mega-mode .vault-canvas{flex:1;max-height:none;overflow-y:auto}body.mega-mode .main-layout{flex:1;align-items:stretch;min-height:0;overflow:hidden}.diamond-lock-wrap{display:inline-block;position:relative}.diamond-lock-no{opacity:0;pointer-events:none;background:#dc2626e6;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.diamond-lock-wrap:hover{cursor:not-allowed}