*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-blood-deep: #5e0d15;--color-blood-core: #9e1422;--color-blood-bright: #e62234;--color-blood-glow: #ff2b43;--color-gold-dark: #8c6b23;--color-gold-mid: #d4a63b;--color-gold-bright: #ffe07a;--color-parchment: #ede0c8;--color-stone-dark: #120e17;--color-stone-mid: #251e30;--color-stone-light: #3e334f;--font-pixel: "Press Start 2P", "Courier New", Courier, monospace}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#000;font-family:var(--font-pixel);color:var(--color-parchment);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.game-viewport{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.bg-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.bg-image{width:100%;height:100%;object-fit:cover;object-position:center center;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.home-screen{position:relative;z-index:5;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:20px}.title-container{display:flex;flex-direction:column;align-items:center;text-align:center}.pixel-badge{font-family:var(--font-pixel);font-size:11px;color:var(--color-gold-bright);background:#0e0a12e6;border:2px solid var(--color-gold-dark);padding:7px 18px;margin-bottom:16px;letter-spacing:1px;box-shadow:0 0 10px #d4a63b40,inset 0 0 6px #000c}.game-title{font-family:var(--font-pixel);font-size:clamp(18px,2.6vw,36px);font-weight:900;letter-spacing:2px;color:#fff4e0;text-transform:uppercase;text-align:center;max-width:90vw;line-height:1.4;text-shadow:0 4px 0 var(--color-blood-deep),0 8px 0 #30050a,0 12px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 0 25px rgba(255,35,60,.65),0 0 45px rgba(230,34,52,.4)}.title-divider{display:flex;align-items:center;gap:16px;width:320px;max-width:80vw;margin-top:14px}.divider-line{flex:1;height:3px;background:linear-gradient(90deg,transparent,var(--color-gold-mid),transparent);box-shadow:0 0 6px var(--color-gold-dark)}.divider-gem{color:var(--color-blood-bright);font-size:12px;text-shadow:0 0 8px var(--color-blood-glow)}.menu-container{display:flex;flex-direction:column;align-items:center;gap:18px}.story-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;padding:30px 20px 100px;display:flex;flex-direction:column;align-items:center;scrollbar-width:thin;scrollbar-color:var(--color-stone-light) rgba(0,0,0,.5)}.story-screen::-webkit-scrollbar{width:8px}.story-screen::-webkit-scrollbar-track{background:#00000080}.story-screen::-webkit-scrollbar-thumb{background:var(--color-stone-light);border:1px solid #000}.story-content{width:100%;max-width:760px;min-height:calc(100vh - 60px);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center!important;gap:14px}.inventory-notice-banner{font-family:var(--font-pixel);font-size:10px;color:var(--color-gold-bright);background:#0e0a12e6;border:2px solid var(--color-gold-dark);padding:8px 18px;letter-spacing:.8px;box-shadow:0 2px 10px #000c;text-align:center!important;margin-bottom:4px;margin-left:auto;margin-right:auto}.ancient-scroll-box{position:relative;width:100%;max-width:740px;background:linear-gradient(180deg,#1a100ced,#100907f2);border:3px solid #8c6b23;outline:1px solid #4a3512;outline-offset:-6px;box-shadow:0 0 0 2px #000,0 12px 35px #000000f2,inset 0 0 45px #000000d9;padding:24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin:4px auto}.scroll-ornament-top,.scroll-ornament-bottom{display:flex;align-items:center;justify-content:center;width:100%;color:var(--color-gold-mid);font-size:10px;opacity:.8}.scroll-gem{color:var(--color-gold-mid);text-shadow:0 0 6px var(--color-gold-dark)}.story-title{font-family:var(--font-pixel);font-size:clamp(13px,1.9vw,20px)!important;font-weight:900;color:#fff4e0;text-transform:uppercase;letter-spacing:1.5px;text-align:center!important;white-space:nowrap!important;margin:0 auto;width:100%;display:block;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 3px 0 var(--color-blood-deep),0 0 16px rgba(255,35,60,.7)}.story-tagline{font-family:var(--font-pixel);font-size:10px;color:var(--color-gold-mid);letter-spacing:1px;text-align:center!important;margin:0 auto;border-bottom:2px solid var(--color-blood-core);padding-bottom:10px;width:100%;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.story-paragraphs{display:flex;flex-direction:column;gap:14px;text-align:center!important;margin:4px auto;width:100%;max-width:660px}.story-paragraphs p{font-family:var(--font-pixel);font-size:9.5px;line-height:2.1;color:#ede0c8;text-align:center!important;margin:0 auto;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,0 2px 6px rgba(0,0,0,.95)}.story-focus{color:var(--color-blood-bright)!important;font-weight:700;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,0 0 10px var(--color-blood-glow)!important}.story-final{color:var(--color-gold-bright)!important;font-weight:700;border-top:1px dashed rgba(140,107,35,.4);padding-top:12px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,0 0 10px rgba(255,215,100,.6)!important}.story-action{display:flex;justify-content:center;align-items:center;margin-top:14px;margin-bottom:16px;width:100%;text-align:center}.enter-tier-btn{width:auto!important;min-width:320px!important;max-width:90vw!important;padding:16px 36px!important;white-space:nowrap!important;font-size:13px!important;letter-spacing:2px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.enter-tier-btn .btn-text{white-space:nowrap!important;display:inline-block!important}.inventory-circle-btn{position:fixed;bottom:28px;right:28px;width:64px;height:64px;border-radius:50%;background:#180a13;border:3px solid var(--color-gold-mid);box-shadow:0 4px 16px #000000f2,inset 0 0 10px #000000e6,0 0 16px #d4a63b73;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:40;outline:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.inventory-circle-btn:hover{transform:scale(1.12);border-color:var(--color-gold-bright);box-shadow:0 6px 22px #000000fa,0 0 24px #ffd764a6}.inventory-circle-btn:active{transform:scale(.96)}.inv-circle-icon{font-size:26px;line-height:1}.inv-circle-badge{position:absolute;top:-3px;right:-3px;background:var(--color-blood-bright);color:#fff;font-family:var(--font-pixel);font-size:9px;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #000000;box-shadow:0 0 8px var(--color-blood-glow)}.pixel-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;width:280px;padding:16px 20px;background:#190910;color:var(--color-gold-bright);font-family:var(--font-pixel);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;outline:none;box-shadow:0 -4px #000,0 4px #000,-4px 0 #000,4px 0 #000,inset 0 4px #6e1824,inset 4px 0 #6e1824,inset 0 -4px #0a0407,inset -4px 0 #0a0407,0 6px #000,0 10px 18px #000000d9;transition:transform .05s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}.pixel-btn .btn-marker{font-size:12px;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease;color:var(--color-blood-glow);text-shadow:0 0 6px var(--color-blood-glow)}.pixel-btn:hover,.pixel-btn.focused{background:var(--color-blood-deep);color:#fff;box-shadow:0 -4px #000,0 4px #000,-4px 0 #000,4px 0 #000,inset 0 4px 0 0 var(--color-blood-bright),inset 4px 0 0 0 var(--color-blood-bright),inset 0 -4px #36060c,inset -4px 0 #36060c,0 6px #000,0 0 24px #e62234b3}.pixel-btn:hover .btn-marker,.pixel-btn.focused .btn-marker{opacity:1;transform:scale(1)}.pixel-btn:active{transform:translateY(4px);box-shadow:0 -4px #000,0 2px #000,-4px 0 #000,4px 0 #000,inset 0 4px #36060c,inset 4px 0 #36060c,inset 0 -4px 0 0 var(--color-blood-bright),inset -4px 0 0 0 var(--color-blood-bright),0 2px #000}.pixel-btn.secondary{background:#110e17;color:var(--color-parchment);box-shadow:0 -4px #000,0 4px #000,-4px 0 #000,4px 0 #000,inset 0 4px #382c47,inset 4px 0 #382c47,inset 0 -4px #09070c,inset -4px 0 #09070c,0 6px #000,0 10px 18px #000000d9}.pixel-btn.secondary:hover,.pixel-btn.secondary.focused{background:var(--color-stone-mid);color:var(--color-gold-bright);box-shadow:0 -4px #000,0 4px #000,-4px 0 #000,4px 0 #000,inset 0 4px 0 0 var(--color-gold-mid),inset 4px 0 0 0 var(--color-gold-mid),inset 0 -4px #120e17,inset -4px 0 #120e17,0 6px #000,0 0 20px #d4a63b80}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:100vw;height:100vh;background:#040206e0;display:flex;align-items:center;justify-content:center;padding:20px}.inventory-window{position:relative;background:#120c15;border:4px solid #000000;box-shadow:0 0 0 2px var(--color-gold-mid),0 0 0 6px #000,0 16px 40px #000000f2;padding:24px 28px;max-width:960px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.inv-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--color-blood-core);padding-bottom:12px}.inv-title{display:flex;align-items:center;gap:10px}.inv-header-icon{font-size:20px}.inv-title h2{font-size:13px;color:var(--color-gold-bright);letter-spacing:1.5px}.inv-close-btn{background:transparent;border:2px solid var(--color-stone-light);color:var(--color-parchment);font-family:var(--font-pixel);font-size:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.inv-close-btn:hover{background:var(--color-blood-deep);border-color:var(--color-blood-bright);color:#fff}.inv-subtitle{font-size:9px;color:#a898b0;text-align:center;letter-spacing:.5px}.cards-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px}.card-item{width:150px;background:#1c1522;border:2px solid var(--color-stone-light);padding:8px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.card-item:hover{transform:translateY(-6px);border-color:var(--color-gold-mid);box-shadow:0 8px 20px #d4a63b73}.card-thumb{width:100%;height:auto;display:block;box-shadow:0 4px 8px #000c}.card-label{font-size:9px;color:var(--color-gold-bright);letter-spacing:1px}.card-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;width:100vw;height:100vh;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:20px}.card-preview-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.card-preview-container .inv-close-btn{position:absolute;top:-16px;right:-16px;background:#140d16}.card-preview-img{max-height:82vh;max-width:90vw;object-fit:contain;border:3px solid var(--color-gold-mid);box-shadow:0 0 35px #000000f2}.card-preview-caption{font-size:11px;color:var(--color-gold-bright);letter-spacing:1.5px}@media(max-width:768px){.game-title{font-size:20px}.pixel-btn{width:240px;padding:14px 16px;font-size:12px}.enter-tier-btn{min-width:280px!important;font-size:11px!important;padding:14px 20px!important}.ancient-scroll-box{padding:18px 16px}.story-title{font-size:12px!important;letter-spacing:1px}.story-paragraphs p{font-size:8.5px}.card-item{width:100px}.inventory-circle-btn{bottom:18px;right:18px;width:52px;height:52px}.inv-circle-icon{font-size:20px}}.tier1-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.tier1-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:linear-gradient(180deg,#0e0910e6,#0e091000);flex-shrink:0}.tier1-center-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px 40px;gap:20px;margin:auto 0;width:100%}.quest-notice-wrapper{display:flex;justify-content:center;align-items:center;max-width:680px;width:90%}.quest-notice-img{max-width:100%;max-height:60vh;object-fit:contain;display:block;border:3px solid #8c6b23;box-shadow:0 0 0 2px #000,0 12px 35px #000000f2;image-rendering:auto}.tier1-action{display:flex;justify-content:center;align-items:center;width:100%}.stage1-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.header-left-actions{display:flex;align-items:center;gap:14px}.riddle-btn-header{font-size:10px!important;padding:8px 14px!important;cursor:pointer}.padlock-center-right-btn{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:35;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;outline:none;transition:transform .15s ease}.padlock-center-right-btn:hover{transform:translateY(-50%) scale(1.1)}.padlock-center-right-btn:active{transform:translateY(-50%) scale(.96)}.padlock-btn-shackle{width:32px;height:24px;border:4px solid #d4a63b;border-bottom:none;border-radius:16px 16px 0 0;margin-bottom:-4px;box-shadow:0 0 8px #d4a63b66}.padlock-btn-body{width:60px;height:52px;background:#180a13;border:3px solid #d4a63b;box-shadow:0 6px 18px #000000f2,inset 0 0 10px #000000e6,0 0 14px #d4a63b73;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.padlock-btn-keyhole{font-size:18px;line-height:1}.padlock-btn-label{font-family:var(--font-pixel);font-size:8px;color:var(--color-gold-bright);letter-spacing:1px}.stage1-center-area{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px;gap:12px;flex:1}.grid-instructions{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-pixel);font-size:11px;color:var(--color-gold-bright);text-shadow:1px 1px 0 #000,-1px -1px 0 #000;background:#0e0a12d9;border:2px solid var(--color-gold-dark);padding:6px 20px;box-shadow:0 4px 14px #000c}.grid-instructions small{font-size:8px;color:var(--color-parchment);letter-spacing:.5px}.cards-grid-vertical,.cards-grid-5x2,.cards-grid-2x5{display:grid;grid-template-columns:repeat(2,130px);grid-template-rows:repeat(5,83px);gap:8px 12px;width:max-content;margin:0 auto;padding:12px 16px;background:#120b14eb;border:3px solid var(--color-gold-mid);box-shadow:0 0 0 2px #000,0 12px 35px #000000f2,inset 0 0 30px #000000e6}.grid-slot{position:relative;width:130px;height:83px;aspect-ratio:1572 / 1001;background:#0c080ee6;border:2px dashed #8c6b23;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;overflow:hidden;box-sizing:border-box}.grid-slot:hover{border-color:var(--color-gold-bright);background:#1e1219f2;box-shadow:0 0 10px #d4a63b66}.grid-slot.filled{border:2px solid var(--color-gold-mid);background:#000;box-shadow:0 2px 8px #000c}@media(max-height:820px){.cards-grid-vertical,.cards-grid-5x2,.cards-grid-2x5{grid-template-columns:repeat(2,115px);grid-template-rows:repeat(5,73px);gap:6px 10px;padding:8px 12px}.grid-slot{width:115px;height:73px}}@media(max-height:700px){.cards-grid-vertical,.cards-grid-5x2,.cards-grid-2x5{grid-template-columns:repeat(2,98px);grid-template-rows:repeat(5,62px);gap:5px 8px;padding:6px 10px}.grid-slot{width:98px;height:62px}}.slot-number-badge{position:absolute;top:3px;left:4px;font-family:var(--font-pixel);font-size:7px;color:var(--color-gold-dark);z-index:2;pointer-events:none}.slot-placeholder{font-family:var(--font-pixel);font-size:16px;color:#d4a63b59;-webkit-user-select:none;user-select:none}.card-in-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab}.card-in-slot:active{cursor:grabbing}.playing-card-img{width:100%;height:100%;object-fit:cover;display:block}.playing-cards-dock{position:relative;z-index:15;width:100%;background:#0e0910f2;border-top:3px solid var(--color-blood-core);box-shadow:0 -6px 25px #000000f2;padding:8px 24px 12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.dock-header{font-family:var(--font-pixel);font-size:9px;color:var(--color-gold-mid);letter-spacing:1px;text-align:center}.dock-cards-row{display:flex;align-items:center;justify-content:center;gap:10px;overflow-x:auto;padding:4px 6px}.dock-card-item{position:relative;width:82px;aspect-ratio:1572 / 1001;background:#000;border:2px solid var(--color-stone-light);cursor:grab;flex-shrink:0;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dock-card-item:hover{transform:translateY(-8px);border-color:var(--color-gold-bright);box-shadow:0 8px 18px #d4a63b80}.dock-card-item.selected{transform:translateY(-8px);border-color:var(--color-blood-bright);box-shadow:0 0 16px var(--color-blood-glow)}.dock-card-item:active{cursor:grabbing}.dock-card-label{position:absolute;bottom:2px;right:3px;background:#000000d9;color:var(--color-gold-bright);font-family:var(--font-pixel);font-size:7px;padding:1px 3px;border:1px solid var(--color-stone-light)}.dock-empty-msg{font-family:var(--font-pixel);font-size:9px;color:#7d6b88;padding:10px}.riddle-modal-window{position:relative;background:#140d16;border:4px solid #000000;box-shadow:0 0 0 2px var(--color-gold-mid),0 0 0 6px #000,0 16px 45px #000000fa;padding:14px 20px;max-width:620px;width:max-content;max-height:84vh;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden;box-sizing:border-box}.riddle-modal-header{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:2px solid var(--color-blood-core);padding-bottom:8px}.riddle-title-wrap{display:flex;align-items:center;gap:10px}.riddle-title-wrap h2{font-family:var(--font-pixel);font-size:12px;color:var(--color-gold-bright);letter-spacing:1.5px}.riddle-img-container{max-height:52vh;max-width:80vw;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-stone-light);box-shadow:inset 0 0 10px #000;background:#000}.riddle-modal-img{max-height:52vh;max-width:100%;width:auto;height:auto;object-fit:contain;display:block}.riddle-modal-footer{display:flex;justify-content:center;width:100%}.padlock-box{display:flex;flex-direction:column;align-items:center}.padlock-shackle{width:90px;height:60px;border:10px solid #d4a63b;border-bottom:none;border-radius:45px 45px 0 0;margin-bottom:-10px;box-shadow:0 0 16px #d4a63b80}.padlock-body{background:#180a13;border:4px solid #000000;box-shadow:0 0 0 3px #d4a63b,0 0 0 7px #000,0 16px 45px #000000fa;padding:24px 30px;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:440px;width:90vw}.padlock-header{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:2px solid var(--color-blood-core);padding-bottom:10px}.padlock-header h3{font-family:var(--font-pixel);font-size:10px;color:var(--color-gold-bright);letter-spacing:1px}.padlock-dials{display:flex;align-items:center;justify-content:center;gap:16px;margin:6px 0}.padlock-dial-col{display:flex;flex-direction:column;align-items:center;gap:8px}.dial-arrow-btn{background:#251e30;border:2px solid var(--color-gold-mid);color:var(--color-gold-bright);font-family:var(--font-pixel);font-size:10px;width:38px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.dial-arrow-btn:hover{background:var(--color-blood-deep);border-color:var(--color-gold-bright);color:#fff}.dial-display{width:52px;height:60px;background:#000;border:3px solid #d4a63b;box-shadow:inset 0 0 10px #000000f2;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:24px;font-weight:900;color:#fff;text-shadow:0 0 10px var(--color-gold-bright)}.padlock-actions{display:flex;justify-content:center;width:100%}.unlock-btn{width:auto!important;min-width:220px!important;padding:12px 24px!important;font-size:12px!important}.padlock-feedback{font-family:var(--font-pixel);font-size:9px;padding:8px 14px;text-align:center;letter-spacing:.8px;width:100%}.padlock-feedback.success{background:#143c14e6;border:2px solid #38b000;color:#70e000;box-shadow:0 0 12px #38b00066}.padlock-feedback.error{background:#3c0a12e6;border:2px solid var(--color-blood-bright);color:#ff6b6b;box-shadow:0 0 12px #e6223466}.tier1-badge{font-family:var(--font-pixel);font-size:11px;color:var(--color-gold-bright);background:#120b14e0;border:2px solid var(--color-gold-dark);padding:8px 16px;letter-spacing:1.5px;box-shadow:0 0 10px #d4a63b4d,inset 0 0 6px #000}.tier1-timer-box{display:flex;align-items:center;gap:10px;font-family:var(--font-pixel);background:#120b14e6;border:2px solid var(--color-blood-core);padding:8px 18px;box-shadow:0 0 14px #9e142266,inset 0 0 8px #000}.timer-icon{font-size:14px}.timer-label{font-size:10px;color:var(--color-gold-mid);letter-spacing:1px}.timer-digits{font-size:13px;color:#fff;letter-spacing:2px;text-shadow:0 0 8px var(--color-blood-glow),1px 1px 0 #000}.stage2-screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.stage2-center-area{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 24px;flex:1;min-height:0}.stage2-core-frame{position:relative;max-width:820px;max-height:72vh;background:#120b14f0;border:4px solid var(--color-gold-mid);box-shadow:0 0 0 2px #000,0 0 0 6px #120b14e6,0 16px 45px #000000f2,inset 0 0 25px #000000d9;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.stage2-core-frame:hover{transform:scale(1.015);border-color:var(--color-gold-bright);box-shadow:0 0 0 2px #000,0 0 25px #d4a63b66,0 20px 50px #000000fa}.stage2-core-img{max-width:100%;max-height:60vh;object-fit:contain;display:block;border:1px solid rgba(212,166,59,.3)}.core-inspect-hint{margin-top:8px;font-family:var(--font-pixel);font-size:8px;color:var(--color-gold-mid);letter-spacing:1px;text-align:center}.stage2-core-zoomed-img{max-height:82vh;max-width:90vw;object-fit:contain;border:3px solid var(--color-gold-mid);box-shadow:0 0 35px #000000f2}.stage2-riddle-modal-window{max-width:90vw;width:max-content;max-height:84vh;padding:14px 18px;overflow:hidden;box-sizing:border-box}.riddle-page-badge{font-family:var(--font-pixel);font-size:9px;color:var(--color-parchment);background:#0009;border:1px solid var(--color-stone-light);padding:2px 6px;margin-left:8px}.stage2-riddle-body{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;position:relative;overflow:hidden}.stage2-riddle-container{max-height:52vh;max-width:75vw;width:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-stone-light);background:#000}.riddle-arrow-btn{background:#140d16;border:2px solid var(--color-gold-mid);color:var(--color-gold-bright);font-family:var(--font-pixel);font-size:13px;width:32px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 4px 10px #000c;transition:all .15s ease;-webkit-user-select:none;user-select:none}.riddle-arrow-btn:hover{background:#251222;border-color:var(--color-gold-bright);box-shadow:0 0 12px #d4a63b80;transform:scale(1.1)}.riddle-arrow-btn:active{transform:scale(.95)}.stage2-riddle-footer{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:4px}@media(max-height:750px){.riddle-modal-window,.stage2-riddle-modal-window{max-height:88vh;padding:10px 14px;gap:8px}.riddle-img-container,.stage2-riddle-container,.riddle-modal-img{max-height:42vh}.riddle-arrow-btn{width:28px;height:36px;font-size:11px}}.riddle-nav-dots{display:flex;align-items:center;gap:8px}.riddle-dot{font-family:var(--font-pixel);font-size:8px;width:26px;height:26px;background:#180a13;border:2px solid var(--color-stone-light);color:var(--color-parchment);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.riddle-dot.active{background:var(--color-blood-core);border-color:var(--color-gold-bright);color:var(--color-gold-bright);box-shadow:0 0 8px #d4a63b66}.stage3-screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.stage3-center-area{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 16px;flex:1;min-height:0}.contraption-apparatus{display:flex;flex-direction:column;align-items:center;width:100%;max-width:820px}.contraption-casing{background:#140d17;border:4px solid var(--color-gold-mid);box-shadow:0 0 0 2px #000,0 0 0 6px #1c1120,0 16px 45px #000000fa,inset 0 0 35px #000000e6;padding:12px 18px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.contraption-plate-header{display:flex;align-items:center;justify-content:center;gap:12px;background:#1e1219d9;border:2px solid var(--color-gold-dark);padding:4px 14px;font-family:var(--font-pixel);font-size:10px;color:var(--color-gold-bright);letter-spacing:1.5px;box-shadow:inset 0 0 8px #000}.plate-rivet{color:var(--color-gold-mid);font-size:11px}.contraption-main-body{display:flex;align-items:center;justify-content:space-around;gap:20px;width:100%}.dial-column{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-user-select:none;user-select:none}.dial-pointer-anchor{position:relative;z-index:25;margin-bottom:-14px}.dial-pointer-bezel{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.9))}.dial-pointer-gem{width:12px;height:12px;background:radial-gradient(circle,#ff2a4b 20%,#7a0015 80%);border:2px solid var(--color-gold-bright);transform:rotate(45deg);box-shadow:0 0 8px #ff2a4b}.dial-pointer-arrow{font-size:20px;color:var(--color-gold-bright);line-height:1;margin-top:-3px;text-shadow:0 0 6px rgba(212,166,59,.9),0 2px 4px #000}.dial-housing{position:relative;width:270px;height:270px;border-radius:50%;cursor:grab;touch-action:none;background:radial-gradient(circle,#1a0f1e 40%,#0d0710 95%);box-shadow:0 0 0 3px #000,0 0 0 6px var(--color-gold-mid),0 0 0 9px #000,0 8px 25px #000000e6,inset 0 0 30px #000000f2;display:flex;align-items:center;justify-content:center}.dial-housing:active{cursor:grabbing}.dial-bezel-ring{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:1px dashed rgba(212,166,59,.35);pointer-events:none}.dial-disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:auto}.dial-center-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#301828,#120712 90%);border:3px solid var(--color-gold-mid);box-shadow:0 0 14px #000000e6,inset 0 0 10px #000000e6;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.hub-rune{font-family:var(--font-pixel);font-size:16px;color:var(--color-gold-bright);text-shadow:0 0 6px rgba(212,166,59,.8)}.dial-letter-slot{position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:color .15s ease,text-shadow .15s ease}.letter-char{font-family:var(--font-pixel);font-size:11px;color:var(--color-gold-mid);transform:rotate(90deg);display:block;-webkit-user-select:none;user-select:none}.dial-letter-slot:hover .letter-char{color:var(--color-gold-bright);text-shadow:0 0 8px rgba(212,166,59,.9)}.dial-letter-slot.at-pointer .letter-char{color:#fff;text-shadow:0 0 10px #ffffff,0 0 15px var(--color-gold-bright)}.dial-letter-slot.glowing-rune{background:radial-gradient(circle,rgba(0,255,230,.45) 0%,transparent 75%);border-radius:50%;animation:runePulse 1.2s infinite ease-in-out;z-index:20}.dial-letter-slot.glowing-rune .letter-char{color:#0ff!important;font-size:14px!important;font-weight:700;text-shadow:0 0 8px #00ffff,0 0 18px #00ffff,0 0 28px #ffffff!important}@keyframes runePulse{0%{box-shadow:0 0 #00ffe600;filter:brightness(1.1)}50%{box-shadow:0 0 18px #00ffe6e6;filter:brightness(1.7)}to{box-shadow:0 0 #00ffe600;filter:brightness(1.1)}}.dial-controls-bar{display:flex;align-items:center;gap:10px;margin-top:10px}.dial-step-btn{background:#180d19;border:2px solid var(--color-stone-light);color:var(--color-gold-bright);font-family:var(--font-pixel);font-size:8px;padding:5px 8px;cursor:pointer;transition:all .15s ease}.dial-step-btn:hover{background:#2b1328;border-color:var(--color-gold-bright);box-shadow:0 0 8px #d4a63b80}.dial-pointed-badge{font-family:var(--font-pixel);font-size:9px;color:var(--color-parchment);background:#000000b3;border:1px solid var(--color-gold-dark);padding:4px 8px}.dial-pointed-badge strong{color:var(--color-gold-bright);font-size:11px}.switches-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;max-width:340px}.switches-bank{background:#190e1c;border:3px solid var(--color-gold-dark);box-shadow:inset 0 0 14px #000,0 8px 25px #000000b3;padding:18px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;box-sizing:border-box}.switches-bank-title{font-family:var(--font-pixel);font-size:10px;color:var(--color-gold-bright);letter-spacing:2px}.switches-row{display:flex;align-items:center;justify-content:space-around;width:100%;gap:12px}.switch-unit{display:flex;flex-direction:column;align-items:center;gap:6px;background:#0a050cd9;border:2px solid var(--color-stone-light);padding:8px 10px;border-radius:4px;transition:all .2s ease;min-width:78px}.switch-unit.is-active{border-color:#0ff;background:#00282dd9;box-shadow:0 0 12px #00ffe666}.switch-number-badge{font-family:var(--font-pixel);font-size:12px;color:var(--color-gold-bright);font-weight:700}.switch-lever-btn{width:44px;height:60px;background:#110813;border:2px solid var(--color-gold-dark);border-radius:6px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:inset 0 0 8px #000;outline:none}.switch-lever-btn:hover{border-color:var(--color-gold-bright)}.lever-shackle{width:6px;height:42px;background:#3a2e3f;border-radius:3px;border:1px solid #1a1020}.lever-handle{position:absolute;width:26px;height:20px;background:linear-gradient(180deg,#d4a63b,#7a5814);border:2px solid #ffffff;border-radius:4px;box-shadow:0 3px 6px #000c;transition:top .15s ease,background .15s ease,box-shadow .15s ease}.switch-lever-btn.lever-off .lever-handle{bottom:6px;top:auto;background:linear-gradient(180deg,#5c4456,#291a27);border-color:#8c7385}.switch-lever-btn.lever-on .lever-handle{top:6px;bottom:auto;background:linear-gradient(180deg,#0ff,#08a);border-color:#fff;box-shadow:0 0 12px #0ff}.switch-status-led{width:8px;height:8px;border-radius:50%;background:#331520;border:1px solid #000;transition:all .2s ease}.switch-unit.is-active .switch-status-led{background:#0ff;box-shadow:0 0 10px #0ff}.switch-shift-tag{font-family:var(--font-pixel);font-size:7.5px;color:var(--color-gold-mid);letter-spacing:.5px}.switch-unit.is-active .switch-shift-tag{color:#0ff}.stage3-clues-dock{position:relative;z-index:15;width:100%;background:#0e0910f2;border-top:3px solid var(--color-blood-core);box-shadow:0 -6px 25px #000000f2;padding:6px 20px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;margin-bottom:72px}.clues-dock-header{display:flex;align-items:center;gap:8px;font-family:var(--font-pixel);font-size:9px;color:var(--color-gold-mid);letter-spacing:1.5px}.clues-gem{color:var(--color-blood-bright)}.clues-tags-list{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.clue-tag-item{background:#1c0e18;border:2px solid var(--color-gold-dark);box-shadow:0 4px 10px #000c,inset 0 0 6px #000;padding:6px 16px;border-radius:2px;transition:all .15s ease}.clue-tag-item:hover{border-color:var(--color-gold-bright);transform:translateY(-2px);box-shadow:0 6px 14px #d4a63b66}.clue-tag-text{font-family:var(--font-pixel);font-size:14px;color:var(--color-gold-bright);letter-spacing:2px;font-weight:700;text-shadow:1px 1px 0 #000}.padlock-center-bottom-btn{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:35;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;outline:none;transition:transform .15s ease}.padlock-center-bottom-btn:hover{transform:translate(-50%) scale(1.1)}.padlock-center-bottom-btn:active{transform:translate(-50%) scale(.96)}.word-lock-body{max-width:500px;width:92vw}.word-lock-dials{gap:8px}.word-dial-col{width:48px}.word-dial-input{width:48px;height:48px;background:#000;border:2px solid var(--color-stone-light);color:#fff;font-family:var(--font-pixel);font-size:18px;text-align:center;outline:none;text-transform:uppercase;caret-color:var(--color-gold-bright);box-shadow:inset 0 0 10px #000000e6;transition:border-color .15s ease,box-shadow .15s ease}.word-dial-input:focus{border-color:var(--color-gold-bright);box-shadow:0 0 12px #d4a63b80,inset 0 0 10px #000000e6}@media(max-height:800px){.dial-housing{width:230px;height:230px}.dial-letter-slot{margin-top:-10px;margin-left:-10px;width:20px;height:20px}.letter-char{font-size:9.5px}.contraption-casing{padding:8px 12px;gap:6px}.aperture-display{min-height:70px}.aperture-glow-rune{font-size:32px}.switch-lever-btn{height:48px}.lever-shackle{height:32px}.switch-unit{padding:6px 8px;min-width:65px}}
