@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.isolate{isolation:isolate}.z-10{z-index:10}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-screen{width:100vw}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.object-contain{object-fit:contain}.text-center{text-align:center}.text-right{text-align:right}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}*{box-sizing:border-box;margin:0;padding:0}html,body,button,input,textarea,select{font-family:Heebo,Arial,sans-serif}body{background:#1a1a2e;overflow:auto}#root{width:100%;min-height:100vh}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.app{width:100vw;height:100vh;overflow:hidden;position:relative}.cipher-card-holder{position:fixed;top:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#8b4513,#d2691e);border:3px solid #FFD700;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 4px 15px #ffd70080;transition:transform .3s ease}.cipher-card-holder:hover{transform:scale(1.1)}.cipher-icon{font-size:30px}.cipher-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:999}.cipher-modal.show{display:flex}.cipher-content{max-width:90%;max-height:90%}.cipher-content img{max-width:100%;max-height:80vh;border:4px solid #FFD700;border-radius:10px}@media(max-width:768px){.cipher-card-holder{top:10px;right:10px;width:50px;height:50px}.cipher-icon{font-size:24px}.cipher-content img{max-width:95%;max-height:70vh}}.login-container{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vh,32px) 16px;overflow-x:hidden;direction:rtl;font-family:Heebo,Arial,sans-serif;background:radial-gradient(ellipse 55% 45% at 50% 48%,rgba(150,90,35,.28),transparent 70%),radial-gradient(ellipse 90% 70% at 50% 100%,rgba(70,42,20,.5),transparent 70%),#090605}.login-vignette{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,220,170,.015) 0 2px,transparent 2px 120px),radial-gradient(ellipse 75% 75% at 50% 50%,transparent 40%,rgba(0,0,0,.85) 100%)}.login-sparks{position:fixed;inset:0;pointer-events:none}.login-spark{position:absolute;bottom:-10px;left:calc(var(--i) * 7% + 3%);width:3px;height:3px;border-radius:50%;background:#ffb347;box-shadow:0 0 6px 2px #ff9628bf;opacity:0;animation:sparkRise calc(9s + var(--i) * .5s) linear infinite;animation-delay:calc(var(--i) * -1.1s)}.login-spark:nth-child(3n){width:2px;height:2px}@keyframes sparkRise{0%{transform:translate(0);opacity:0}10%{opacity:.85}50%{transform:translate(14px,-50vh)}85%{opacity:.4}to{transform:translate(-10px,-105vh);opacity:0}}.login-content{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;animation:contentIn 1s cubic-bezier(.2,.8,.2,1)}@keyframes contentIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:6px;padding-bottom:18px;text-align:center;border-bottom:1px solid rgba(150,180,255,.18)}.login-title{margin:-.05em 0 0;font-family:Frank Ruhl Libre,Suez One,serif;font-size:clamp(80px,19vw,120px);font-weight:900;line-height:1.05;letter-spacing:.06em;background:linear-gradient(180deg,#fff6e0,#f6dfa8 22%,#e0b56a 42%,#b8853f 52%,#e9c681,#fbe7b6 80%,#a87436);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #7a5326) drop-shadow(0 2px 0 #5e3f1c) drop-shadow(0 3px 0 #3f2a12) drop-shadow(0 10px 16px rgba(0,0,0,.85)) drop-shadow(0 0 22px rgba(255,190,90,.35))}.login-subtitle{margin:6px 0 0;font-family:Suez One,Frank Ruhl Libre,serif;font-size:clamp(22px,4.6vw,30px);line-height:1.2;background:linear-gradient(180deg,#f3e3c6,#cdb08a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #3a2a1a) drop-shadow(0 6px 10px rgba(0,0,0,.8))}.login-box{position:relative;width:100%;padding:28px 28px 30px;border-radius:24px;background:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(110,150,255,.22),transparent 70%),linear-gradient(165deg,#1a2852db,#0e1632eb 55%,#080c1ef2);border:1px solid rgba(150,180,255,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #c8dcff2e,inset 0 0 40px #3c64dc1f,0 24px 60px #000000bf,0 0 50px #466ef02e}.login-form{display:flex;flex-direction:column;gap:16px}.login-form .form-group{display:flex;flex-direction:column;gap:7px}.login-form .form-group label{font-size:15px;font-weight:700;color:#c9d8ff;letter-spacing:.03em}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;right:15px;width:19px;height:19px;fill:#aac3ff8c;pointer-events:none;transition:fill .25s ease}.login-form .form-group input{width:100%;padding:14px 46px 14px 16px;font-family:inherit;font-size:16px;color:#eef3ff;background:#ffffff0f;border:1px solid rgba(150,180,255,.2);border-radius:14px;direction:rtl;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.input-wrap:has(.toggle-password) input{padding-left:64px}.login-form .form-group input::placeholder{color:#c8d7ff61}.login-form .form-group input:focus{outline:none;background:#ffffff1a;border-color:#f0c674;box-shadow:0 0 0 3px #f0c6742e,0 0 18px #f0c67433}.input-wrap:focus-within .input-icon{fill:#f0c674}.login-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.toggle-password{position:absolute;left:10px;padding:6px 10px;font-family:inherit;font-size:13px;font-weight:700;color:#c9d8ff;background:#96b4ff24;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.toggle-password:hover{background:#96b4ff42}.toggle-password:focus-visible{outline:2px solid #f0c674;outline-offset:2px;background:#96b4ff42}.toggle-password:disabled{cursor:not-allowed;opacity:.5}.login-button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;padding:14px;font-family:Suez One,Heebo,serif;font-size:22px;letter-spacing:.04em;color:#2a1a0c;background:linear-gradient(180deg,#f3e0bd,#d6b484 45%,#b08657 75%,#8c6438);border:1px solid #f1dcb4;border-radius:12px;cursor:pointer;overflow:hidden;text-shadow:0 1px 0 rgba(255,240,210,.6);box-shadow:inset 0 1px #fff8e6e6,inset 0 -6px 12px #5032144d,0 4px #4a3320,0 12px 24px #0009;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.login-button:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,250,235,.5),transparent);transform:skew(-20deg);animation:buttonShine 4s ease-in-out infinite}@keyframes buttonShine{0%,65%{left:-60%}to{left:130%}}.login-button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px);box-shadow:inset 0 1px #fff8e6f2,inset 0 -6px 12px #50321440,0 6px #4a3320,0 16px 30px #0009,0 0 26px #ffaa464d}.login-button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 6px #50321466,0 1px #4a3320,0 6px 14px #0009}.login-button:focus-visible{outline:3px solid #f3e0bd;outline-offset:4px}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button:disabled:after{animation:none}.login-spinner{width:18px;height:18px;border:2.5px solid rgba(42,26,12,.25);border-top-color:#2a1a0c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:11px 14px;font-size:15px;font-weight:600;text-align:center;color:#ffb4a0;background:#a0281433;border:1px solid rgba(230,110,80,.45);border-radius:10px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.login-tagline{margin:2px 0 0;font-size:clamp(16px,2.4vw,19px);font-weight:700;color:#c9a77c;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.8)}.login-brand{position:absolute;top:clamp(12px,2.5vh,24px);left:clamp(12px,2.5vw,28px);z-index:2;display:flex;flex-direction:row-reverse;align-items:center;gap:14px}.login-brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;border-radius:10px;transition:transform .2s ease,filter .2s ease}.login-brand-link:hover{transform:translateY(-2px);filter:brightness(1.15)}.login-brand-link:focus-visible,.login-brand-contact:focus-visible,.login-brand-cta:focus-visible{outline:2px solid #f3e0bd;outline-offset:4px}.login-brand-logo{display:block;height:54px;width:auto;filter:drop-shadow(0 0 10px rgba(80,220,200,.35))}.login-brand-name{font-family:Suez One,Heebo,serif;font-size:20px;color:#2fc9c4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));white-space:nowrap}.login-brand-contact,.login-brand-cta{padding:10px 16px;font-family:inherit;cursor:pointer;font-size:15px;font-weight:700;color:#f3e0bd;text-decoration:none;white-space:nowrap;background:#281c12bf;border:1px solid rgba(201,167,124,.5);border-radius:12px;box-shadow:0 6px 16px #00000080;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.login-brand-cta{margin-top:30px}.login-brand-contact:hover,.login-brand-cta:hover{background:#46301cd9;border-color:#e2c59a;transform:translateY(-2px);box-shadow:0 8px 20px #0000008c,0 0 18px #ffaa4633}.login-brand-contact{color:#04202a;background:#2fc9c4;border-color:#8cf0dcb3;box-shadow:0 6px 16px #00000080,0 0 14px #50dcc84d}.login-brand-contact:hover{background:#3fd6d0;border-color:#a8f5e4;box-shadow:0 8px 20px #0000008c,0 0 22px #50dcc873}@media(max-width:520px){.login-box{padding:22px 18px 24px}.login-container{padding-top:84px}.login-brand{gap:10px}.login-brand-logo{height:44px}.login-brand-name{font-size:17px}}@media(max-height:760px){.login-title{font-size:clamp(70px,13vh,104px)}.login-header{padding-bottom:12px}.login-brand-cta{margin-top:22px}}@media(prefers-reduced-motion:reduce){.login-content,.login-spark,.login-button:after,.error-message{animation:none}.login-spark{display:none}}.contact-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;direction:rtl;font-family:Heebo,Arial,sans-serif;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:contactFade .25s ease}@keyframes contactFade{0%{opacity:0}to{opacity:1}}.contact-modal{position:relative;width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px 26px 26px;border-radius:18px;background:linear-gradient(180deg,#281c12f7,#120c08fa);border:1px solid rgba(201,167,124,.45);box-shadow:inset 0 1px #f6e6c81f,0 24px 60px #000c,0 0 40px #c8823226;animation:contactIn .3s cubic-bezier(.2,.8,.2,1)}@keyframes contactIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-close{position:absolute;top:12px;left:12px;width:34px;height:34px;font-size:16px;color:#d8bc92;background:#c9a77c1f;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease}.contact-close:hover{background:#c9a77c42}.contact-title{margin:0 0 16px;font-family:Suez One,Frank Ruhl Libre,serif;font-size:32px;font-weight:400;text-align:center;background:linear-gradient(180deg,#f3e3c6,#cdb08a);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-details{display:flex;flex-direction:column;gap:8px}.contact-detail{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;font-size:17px;font-weight:700;color:#f3e0bd;text-decoration:none;background:#0006;border:1px solid rgba(201,167,124,.3);border-radius:12px;transition:border-color .2s ease,background .2s ease}.contact-detail:hover{background:#0000008c;border-color:#c8924f}.contact-hint{margin:18px 0 2px;font-size:15px;font-weight:700;color:#d8bc92;text-align:center}.contact-form{display:flex;flex-direction:column;gap:10px}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;font-family:inherit;font-size:16px;color:#f6e6c8;direction:rtl;background:#00000073;border:1px solid rgba(201,167,124,.25);border-radius:12px;resize:vertical;transition:border-color .25s ease,box-shadow .25s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#d8bc9266}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#c8924f;box-shadow:0 0 0 3px #c8924f2e}.contact-error{padding:10px 12px;font-size:14px;font-weight:600;text-align:center;color:#ffb4a0;background:#a0281433;border:1px solid rgba(230,110,80,.45);border-radius:10px}.contact-submit{margin-top:4px;padding:12px;font-family:Suez One,Heebo,serif;font-size:20px;color:#2a1a0c;background:linear-gradient(180deg,#f3e0bd,#d6b484 45%,#b08657 75%,#8c6438);border:1px solid #f1dcb4;border-radius:12px;cursor:pointer;box-shadow:0 4px #4a3320,0 10px 20px #0000008c;transition:transform .2s ease,filter .2s ease}.contact-submit:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px)}.contact-submit:disabled{opacity:.7;cursor:not-allowed}.contact-success{display:flex;flex-direction:column;gap:12px;margin-top:18px;text-align:center}.contact-success p{margin:0;font-size:17px;font-weight:700;color:#b8e6b0}@media(prefers-reduced-motion:reduce){.contact-overlay,.contact-modal{animation:none}}.opening-screen{position:fixed;inset:0;width:100%;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;direction:rtl;overflow-x:hidden;overflow-y:auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));opacity:1;transition:opacity .8s ease;background:#120c08}.opening-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.opening-bg>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.opening-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 72% 78% at 50% 40%,rgba(8,6,4,.2),transparent 70%),linear-gradient(180deg,#06081247,#06081214 28%,#0c08042e)}.opening-screen.launching .opening-content{animation:contentWarp 1s cubic-bezier(.55,0,1,.45) forwards}@keyframes contentWarp{to{transform:scale(.12) rotate(-35deg);filter:blur(6px);opacity:0}}.opening-screen.launching .opening-bg{animation:bgWarp 1.1s ease-in forwards}@keyframes bgWarp{to{transform:scale(1.7) rotate(-14deg);filter:blur(10px) brightness(.35);opacity:0}}.opening-content{position:relative;z-index:2;width:min(960px,100%);margin:clamp(12px,4vh,48px) auto 12px;display:flex;flex-direction:column;gap:clamp(12px,2vh,18px);animation:fadeIn 1s ease}.story-box,.instructions-box{background:none;border:none;box-shadow:none;font-family:Heebo,Arial,sans-serif;padding:0 clamp(4px,1vw,12px)}.story-line{position:relative;margin-bottom:.7em}.story-line:last-child{margin-bottom:0}.story-line-highlight{margin-top:.85em}.story-text{color:#fff6e4;font-size:clamp(17px,1.9vw,25px);line-height:1.75;margin:0;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.75)}.story-highlight{color:#ffd978;font-size:clamp(19px,2.2vw,29px);font-weight:700;text-align:center;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.75)}.story-ghost{visibility:hidden}.story-typed{position:absolute;top:0;right:0;left:0}.story-caret{display:inline-block;width:.07em;height:.85em;margin-inline-start:.06em;background:currentColor;vertical-align:-.05em;animation:storyCaret .9s steps(1) infinite}@keyframes storyCaret{50%{opacity:0}}.instruction-line{position:relative}.instruction-title-line{margin-bottom:.55em}.instructions-title{color:#ffd978;font-size:clamp(22px,2.4vw,32px);margin:0;text-align:center;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.75)}.instructions-list{list-style:none;color:#fff6e4;font-size:clamp(17px,1.9vw,25px);line-height:1.7;direction:rtl;text-align:right;width:min(860px,100%);margin:0 auto;padding:0;text-shadow:0 1px 4px rgba(0,0,0,.75)}.instructions-list li{margin-bottom:.4em}.instructions-list .story-ghost,.instructions-list .story-typed{display:block}.instructions-list .story-ghost:before,.instructions-list li.is-started .story-typed:before{content:"🕎";font-size:.9em;margin-inline-end:.4em}.start-button{--ring: 0deg;position:relative;isolation:isolate;overflow:hidden;display:block;width:min(320px,100%);margin:.4rem auto 0;padding:.95em 1.8em;font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:.06em;color:#2c1608;font-family:Heebo,Arial,sans-serif;background:linear-gradient(165deg,#fff6d4,#f6c15a 38%,#d4892a 72%,#b86a18) padding-box,conic-gradient(from var(--ring),#5c3010,#ffe9a8,#fffdf4,#f0b44a,#fff,#c47a1e,#5c3010) border-box;border:2.5px solid transparent;border-radius:999px;cursor:pointer;box-shadow:inset 0 1px #fffcecd9,inset 0 -8px 14px #783a082e,0 10px 24px #2810046b,0 0 22px #ffb03061;animation:buttonRing 5.5s linear infinite,buttonBlink 1.6s ease-in-out infinite;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.start-button-label{position:relative;z-index:1}.start-button:hover{transform:translateY(-4px) scale(1.04);box-shadow:inset 0 1px #fffcecf2,inset 0 -8px 14px #783a081f,0 16px 32px #2810047a,0 0 36px #ffc446b8;animation-play-state:paused,paused}.start-button:active{transform:translateY(1px) scale(.98)}.start-button:focus-visible{outline:3px solid #fff4d2;outline-offset:4px}@property --ring{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes buttonRing{to{--ring: 360deg}}@keyframes buttonBlink{0%,to{opacity:1;filter:brightness(1.12);box-shadow:inset 0 1px #fffcecf2,inset 0 -8px 14px #783a081a,0 10px 24px #2810046b,0 0 28px #ffd250d9}18%,46%{opacity:.42;filter:brightness(.72);box-shadow:inset 0 1px #fffcec66,inset 0 -8px 14px #783a0847,0 8px 16px #2810044d,0 0 4px #ffb0301f}28%,62%{opacity:1;filter:brightness(1.2);box-shadow:inset 0 1px #fffcecf2,inset 0 -8px 14px #783a081a,0 12px 26px #2810046b,0 0 36px #ffdc64f2}}.opening-screen.video-mode{align-items:center}.video-mode .opening-content{width:min(1500px,92vw);margin:auto}.video-mode .story-text{font-size:clamp(22px,2.6vw,44px)}.story-box-fading{animation:storyFadeOut .8s ease forwards}@keyframes storyFadeOut{to{opacity:0;transform:translateY(-16px);filter:blur(4px)}}.video-mode .start-button{width:auto;min-width:min(380px,100%);white-space:nowrap;margin:0 auto;font-size:clamp(22px,2.6vw,32px);animation:buttonAppear .7s cubic-bezier(.2,.8,.2,1) backwards,buttonRing 5.5s linear infinite}.video-mode .start-button.is-pressed{transform:translateY(2px) scale(.93);filter:brightness(1.25);box-shadow:inset 0 2px 8px #783a0859,0 4px 12px #28100466,0 0 48px #ffdc64;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}@keyframes buttonAppear{0%{opacity:0;transform:scale(.7);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.opening-bg>video{object-position:center 35%}}@media(min-width:1400px){.opening-content{width:min(1100px,70vw)}}@media(max-height:740px){.opening-content{margin-top:8px;gap:10px}.story-box,.instructions-box{padding:12px 16px}.story-text,.instructions-list{line-height:1.55}}@media(prefers-reduced-motion:reduce){.opening-content,.start-button,.story-caret,.opening-screen.launching .opening-content,.opening-screen.launching .opening-bg{animation:none}}.time-tunnel{position:fixed;inset:0;z-index:50;overflow:hidden;pointer-events:all;direction:rtl}.time-tunnel>*{position:absolute;pointer-events:none}.tt-dark{inset:0;opacity:0;background:radial-gradient(circle at 50% 50%,#3a2346,#160d26,#07040f 70%,#020106);animation:ttFadeIn .9s ease-in forwards}@keyframes ttFadeIn{to{opacity:1}}.tt-spiral{left:50%;top:50%;width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,#ffcd6e00,#ffcd6e42 5deg,#ffcd6e00,#8c6eff33 17deg,#8c6eff00 24deg);-webkit-mask:radial-gradient(circle,transparent 0,#000 4%,#000 30%,transparent 62%);mask:radial-gradient(circle,transparent 0,#000 4%,#000 30%,transparent 62%);will-change:transform,opacity;animation:ttFadeIn .8s ease-out .2s forwards,ttSpinBack 3.4s cubic-bezier(.45,0,.75,.6) forwards}.tt-spiral-reverse{background:repeating-conic-gradient(from 12deg,#fff0c800,#fff0c81f 3deg,#fff0c800 15deg);animation:ttFadeIn .8s ease-out .4s forwards,ttSpinForward 3.4s cubic-bezier(.45,0,.75,.6) forwards}@keyframes ttSpinBack{0%{transform:rotate(0) scale(.9)}to{transform:rotate(-900deg) scale(1.15)}}@keyframes ttSpinForward{0%{transform:rotate(0)}to{transform:rotate(420deg)}}.tt-rings,.tt-streaks{inset:0}.tt-rings span{position:absolute;left:50%;top:50%;width:60vmax;height:60vmax;margin:-30vmax 0 0 -30vmax;border-radius:50%;border:.35vmax solid rgba(255,214,130,.8);box-shadow:0 0 1.6vmax #ffb43c80,inset 0 0 1.6vmax #8c6eff73;opacity:0;transform:scale(.02);will-change:transform,opacity;animation:ttRing 1.3s cubic-bezier(.6,0,1,.5) var(--delay) infinite}.tt-rings span.tt-ring-dashed{border-style:dashed;border-color:#beaaffbf}@keyframes ttRing{0%{transform:scale(.02) rotate(0);opacity:0}15%{opacity:1}80%{opacity:.85}to{transform:scale(3.2) rotate(-50deg);opacity:0}}.tt-streaks span{position:absolute;left:50%;top:50%;width:2px;height:20vmax;margin-left:-1px;border-radius:2px;background:linear-gradient(to bottom,#fff0c800,#fff4d6f2);transform-origin:50% 0;transform:rotate(var(--angle)) translateY(3vmax) scaleY(.1);opacity:0;will-change:transform,opacity;animation:ttStreak var(--dur) cubic-bezier(.6,0,1,1) var(--delay) infinite}@keyframes ttStreak{0%{transform:rotate(var(--angle)) translateY(3vmax) scaleY(.1);opacity:0}30%{opacity:1}to{transform:rotate(var(--angle)) translateY(75vmax) scaleY(1.5);opacity:0}}.tt-core{left:50%;top:50%;width:22vmin;height:22vmin;margin:-11vmin 0 0 -11vmin;border-radius:50%;opacity:0;background:radial-gradient(circle,#fffdf3,#ffe7a8 30%,#ffc86473 55%,#ffb45000 72%);animation:ttFadeIn .6s ease-out .3s forwards,ttCorePulse .45s ease-in-out .3s infinite alternate}@keyframes ttCorePulse{0%{transform:scale(.8)}to{transform:scale(1.15)}}.tt-center{left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.4vmin,22px);transform:translate(-50%,-50%);animation:ttCenterIn .6s cubic-bezier(.2,1.3,.4,1) .25s both,ttCenterOut .5s ease-in 2.75s forwards}@keyframes ttCenterIn{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes ttCenterOut{to{transform:translate(-50%,-50%) scale(.15) rotate(-40deg);opacity:0;filter:blur(4px)}}.tt-clock{position:relative;width:clamp(120px,26vmin,220px);aspect-ratio:1;border-radius:50%;border:3px solid rgba(255,214,130,.9);background:radial-gradient(circle,#28183cbf,#0c0816d9 70%);box-shadow:0 0 24px #ffbe508c,0 0 70px #8c6eff59,inset 0 0 22px #ffbe5040}.tt-tick{position:absolute;left:50%;top:50%;width:3px;height:9%;margin-left:-1.5px;border-radius:2px;background:#ffd978;transform:rotate(var(--angle)) translateY(-490%);transform-origin:50% 0}.tt-hand{position:absolute;left:50%;bottom:50%;border-radius:3px;background:linear-gradient(to top,#ffd978,#fff6e4);box-shadow:0 0 8px #ffd278e6;transform-origin:50% 100%}.tt-hand-hour{width:5px;height:26%;margin-left:-2.5px;animation:ttHandBack 3s cubic-bezier(.5,0,.5,1) .3s forwards;--turns: -540deg}.tt-hand-minute{width:3px;height:38%;margin-left:-1.5px;animation:ttHandBack 3s cubic-bezier(.5,0,.5,1) .3s forwards;--turns: -4320deg}@keyframes ttHandBack{0%{transform:rotate(0)}to{transform:rotate(var(--turns))}}.tt-clock-pin{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff6e4;box-shadow:0 0 10px #ffdc8c}.tt-year{display:flex;flex-direction:column;align-items:center;font-family:Heebo,Arial,sans-serif;text-align:center;white-space:nowrap}.tt-year-label{color:#fff6e4;font-size:clamp(15px,2.6vmin,22px);font-weight:500;letter-spacing:.04em;opacity:.85;text-shadow:0 0 10px rgba(140,110,255,.8)}.tt-year-value{color:#ffd978;font-size:clamp(38px,9vmin,84px);font-weight:800;line-height:1.1;text-shadow:0 0 12px rgba(255,190,70,.95),0 0 36px rgba(255,140,30,.6);animation:ttYearFlicker .12s steps(2) infinite}@keyframes ttYearFlicker{0%{opacity:1}to{opacity:.82}}.tt-year.is-arrived .tt-year-value{animation:ttYearArrive .4s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes ttYearArrive{0%{transform:scale(1.35);color:#fffdf3}to{transform:scale(1);color:#ffd978}}.tt-exit{left:50%;top:50%;width:20vmax;height:20vmax;margin:-10vmax 0 0 -10vmax;border-radius:50%;background:radial-gradient(circle,#fffdf6,#fff1cf 45%,#ffe1a099 62%,#ffd27800 72%);transform:scale(0);animation:ttExit .65s cubic-bezier(.7,0,.9,.5) 2.7s forwards}@keyframes ttExit{to{transform:scale(16)}}.tt-flood{inset:0;background:#fff1cf;opacity:0;animation:ttFadeIn .3s ease-in 3.05s forwards}@media(prefers-reduced-motion:reduce){.time-tunnel>*:not(.tt-flood){display:none}.tt-flood{animation:ttFadeIn .4s ease forwards}}video::-webkit-media-controls,video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.bg-video{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.bg-video--fixed{position:fixed}.bg-video>video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.bg-video--stretch>video{object-fit:fill}.bg-video:after{position:absolute;inset:0}.menorah-screen{width:100vw;height:100vh;background:radial-gradient(ellipse 80% 45% at 50% 105%,rgba(255,140,40,.28) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 15% 10%,rgba(90,70,180,.25) 0%,transparent 70%),radial-gradient(ellipse 50% 35% at 85% 20%,rgba(40,90,180,.22) 0%,transparent 70%),linear-gradient(180deg,#03050f,#0a1433 35%,#16245a 65%,#2b1f4a 85%,#3a2440);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;direction:rtl}.sky-stars,.sky-stars:after{position:absolute;inset:0;pointer-events:none;z-index:1}.sky-stars{background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(1.5px 1.5px at 90px 140px,rgba(255,255,255,.85),transparent),radial-gradient(2px 2px at 160px 60px,#fff7d6,transparent),radial-gradient(1px 1px at 210px 190px,#fff,transparent),radial-gradient(1.5px 1.5px at 60px 220px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 240px 100px,#fff,transparent);background-size:260px 260px;mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 85%);animation:starsTwinkle 4s ease-in-out infinite alternate}.sky-stars:after{content:"";background-image:radial-gradient(2.5px 2.5px at 50px 80px,#fff,transparent),radial-gradient(1.5px 1.5px at 300px 40px,#ffe9a8,transparent),radial-gradient(2px 2px at 180px 260px,#fff,transparent),radial-gradient(1px 1px at 350px 330px,#fff,transparent);background-size:400px 400px;animation:starsTwinkle 6s ease-in-out infinite alternate-reverse}@keyframes starsTwinkle{0%{opacity:.45}to{opacity:1}}.sky-moon{position:absolute;top:9%;right:9%;width:70px;height:70px;border-radius:50%;box-shadow:16px -8px #fdf1c7;filter:drop-shadow(0 0 18px rgba(253,241,199,.55));pointer-events:none;z-index:1}.menorah-halo{position:absolute;left:50%;top:55%;width:900px;height:900px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,190,80,.22) 0%,rgba(255,140,40,.1) 35%,transparent 65%);pointer-events:none;z-index:2;animation:haloBreath 4s ease-in-out infinite}@keyframes haloBreath{0%,to{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.menorah-screen.celebration{background:#050a1f;isolation:isolate;animation:celebrationReveal 1.5s ease}@keyframes celebrationReveal{0%{filter:brightness(.3)}to{filter:brightness(1)}}.menorah-screen.celebration .menorah-container{justify-content:flex-end;padding-bottom:4vh}.menorah-screen.celebration .victory-message{padding:18px 40px;background:#050a1f99;border:2px solid rgba(255,215,0,.6);border-radius:16px;box-shadow:0 0 30px #ffb43c59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.city-skyline{position:absolute;left:0;right:0;bottom:0;height:22vh;min-height:120px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath fill='%23060a1c' d='M0 200V135h40v-15h12v15h30v-25h10v-8h10v8h10v25h40v-12h14v12h50v-30a35 35 0 0 1 70 0v30h30v-60l12-14 12 14v60h40v-18h10v-10h10v10h10v18h60v-40a55 55 0 0 1 110 0v40h40v-22h14v22h30v-70l14-18 14 18v70h50v-14h10v-8h10v8h10v14h40v-30a30 30 0 0 1 60 0v30h50v-20h12v20h40v-16h12v-10h10v10h12v16h40v200z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;filter:drop-shadow(0 -4px 12px rgba(255,150,60,.25));pointer-events:none;z-index:3}.menorah-container{display:flex;height:100vh;flex-direction:column;flex-wrap:nowrap;justify-content:center;position:relative;z-index:10}.victory-message{position:relative;left:50%;transform:translate(-50%);text-align:center;animation:victoryAppear 1s ease}@keyframes victoryAppear{0%{opacity:0;transform:translate(-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.victory-title{font-size:48px;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8);margin-bottom:10px}.victory-text{font-size:24px;color:#f4e4c1;margin:5px 0}.realistic-menorah{position:relative;width:600px;height:500px}.menorah-svg{width:100%;height:100%}.candle-group{transition:all .3s ease}.candle-group.clickable:hover{filter:brightness(1.3)}.flame-shape{animation:flameFlicker 2s ease-in-out infinite}@keyframes flameFlicker{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}.flame-glow-svg{filter:blur(10px);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.6}}.candle-number-circle{transition:all .3s ease}.candle-group.lit .candle-number-circle{animation:numberGlow 2s ease-in-out infinite}@keyframes numberGlow{0%,to{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,1))}}.instruction-text{text-align:center;margin-top:80px;font-size:24px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.particle{position:absolute;width:3px;height:3px;background:gold;border-radius:50%;animation:particleFloat 5s linear infinite;box-shadow:0 0 5px gold}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}@media(max-width:768px){.realistic-menorah{width:350px;height:350px}.instruction-text{font-size:18px;margin-top:60px}.victory-title{font-size:32px}.victory-text{font-size:18px}.menorah-screen.celebration .victory-message{white-space:normal;padding:14px 20px}}.rooms-ad-screen{position:fixed;inset:0;z-index:3000;display:flex;overflow-y:auto;padding:72px 24px 28px;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(255,190,80,.16) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(200,40,80,.18) 0%,transparent 70%),linear-gradient(160deg,#2a0812,#3b0d1c,#18050b);color:#f4e4c1;text-align:center;direction:rtl;animation:roomsAdFade .6s ease;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.5) transparent}@keyframes roomsAdFade{0%{opacity:0}to{opacity:1}}.rooms-ad{width:min(1100px,100%);margin:auto;animation:roomsAdPop .7s cubic-bezier(.2,.9,.3,1.2)}@keyframes roomsAdPop{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.rooms-ad-actions{position:fixed;top:18px;right:18px;z-index:1;display:flex;gap:10px}.rooms-ad-action{padding:10px 20px;border-radius:999px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0006;transition:all .25s ease}.rooms-ad-action:hover{transform:scale(1.05)}.rooms-ad-action--logout{border:1px solid rgba(255,120,120,.6);background:#f44336}.rooms-ad-action--logout:hover{background:#da190b}.rooms-ad-action--admin{border:1px solid rgba(130,190,255,.6);background:#2196f3}.rooms-ad-action--admin:hover{background:#1976d2}.rooms-ad-header{margin-bottom:22px}.rooms-ad-brand{display:inline-block;padding:4px 16px;margin-bottom:10px;border-radius:999px;background:linear-gradient(90deg,#b8860b,gold,#b8860b);color:#1a1030;font-weight:800;font-size:15px;letter-spacing:1px}.rooms-ad-title{margin:0 0 6px;font-size:32px;font-weight:800;background:linear-gradient(180deg,#fff6d0,gold 55%,#e0a020);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,200,60,.35))}.rooms-ad-subtitle{margin:0;font-size:17px;color:#f0dcd0}.rooms-ad-featured{display:flex;justify-content:center;gap:28px;margin-bottom:26px}.rooms-ad-poster{position:relative;display:block;height:min(46vh,420px);aspect-ratio:9 / 16;border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease;animation:roomsAdPosterIn .8s ease both}.rooms-ad-poster:nth-child(2){animation-delay:.15s}@keyframes roomsAdPosterIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.rooms-ad-poster video{width:100%;height:100%;object-fit:cover;display:block}.rooms-ad-poster--crown{border:2px solid rgba(214,170,255,.8);box-shadow:0 0 28px #be82ff73}.rooms-ad-poster--battle{border:2px solid rgba(220,180,120,.8);box-shadow:0 0 28px #ffaa4666}.rooms-ad-poster:hover{transform:translateY(-6px) scale(1.03)}.rooms-ad-poster--crown:hover{box-shadow:0 0 45px #be82ffbf}.rooms-ad-poster--battle:hover{box-shadow:0 0 45px #ffaa46b3}.rooms-ad-poster-cta{position:absolute;left:0;right:0;bottom:0;padding:12px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,transparent 100%);color:gold;font-weight:700;font-size:16px;opacity:0;transform:translateY(100%);transition:all .3s ease}.rooms-ad-poster:hover .rooms-ad-poster-cta{opacity:1;transform:translateY(0)}.rooms-ad-more-title{position:relative;margin:0 0 14px;font-size:20px;color:gold}.rooms-ad-more-title:before,.rooms-ad-more-title:after{content:"✦";margin:0 10px;color:#ffd70099}.rooms-ad-more{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.rooms-ad-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px 16px;border-radius:18px;border:1px solid transparent;background:radial-gradient(ellipse 90% 55% at 50% 0%,rgba(255,205,90,.14) 0%,transparent 70%) padding-box,linear-gradient(165deg,#44111f,#2a0914 55%,#19050c) padding-box,linear-gradient(145deg,#fff0b3,#b8860b73 35%,#b8860b40 65%,gold) border-box;box-shadow:0 12px 28px #00000073,inset 0 1px #fff0c81f;color:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s ease;animation:roomsAdCardIn .7s ease both}.rooms-ad-card:nth-child(2){animation-delay:.08s}.rooms-ad-card:nth-child(3){animation-delay:.16s}.rooms-ad-card:nth-child(4){animation-delay:.24s}@keyframes roomsAdCardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.rooms-ad-card:before{content:"";position:absolute;top:0;bottom:0;left:-75%;width:50%;z-index:-1;background:linear-gradient(100deg,transparent 0%,rgba(255,235,170,.16) 50%,transparent 100%);transform:skew(-20deg);transition:left .8s ease;pointer-events:none}.rooms-ad-card:after{content:"";position:absolute;inset:5px;border-radius:14px;border:1px solid rgba(255,215,0,.12);pointer-events:none;transition:border-color .35s ease}.rooms-ad-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #00000080,0 0 28px #ffbe3c47,inset 0 1px #fff0c833}.rooms-ad-card:hover:before{left:125%}.rooms-ad-card:hover:after{border-color:#ffd7004d}.rooms-ad-card-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:4px;border-radius:50%;border:2px solid transparent;background:radial-gradient(circle at 35% 30%,#5a1a2c,#1e0610 75%) padding-box,linear-gradient(145deg,#fff3c4,#b8860b 50%,gold) border-box;box-shadow:0 0 0 4px #ffd70014,0 6px 16px #00000073,0 0 18px #ffbe3c40;font-size:27px;line-height:1;transition:transform .4s ease,box-shadow .4s ease}.rooms-ad-card:hover .rooms-ad-card-icon{transform:scale(1.08) rotate(-6deg);box-shadow:0 0 0 5px #ffd70024,0 6px 16px #00000073,0 0 26px #ffbe3c80}.rooms-ad-card-title{font-size:17.5px;font-weight:800;background:linear-gradient(180deg,#fff8dc,#ffd966 60%,#e0a826);-webkit-background-clip:text;background-clip:text;color:transparent}.rooms-ad-card-divider{position:relative;width:64px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.75),transparent)}.rooms-ad-card-divider:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:gold;box-shadow:0 0 8px #ffd700cc;transform:translate(-50%,-50%) rotate(45deg)}.rooms-ad-card-text{font-size:13.5px;line-height:1.55;color:#e6cfc8}.rooms-ad-card-cta{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;letter-spacing:.5px;color:#ffd700b3;transition:color .3s ease,letter-spacing .3s ease}.rooms-ad-card:hover .rooms-ad-card-cta{color:gold;letter-spacing:1.2px}.rooms-ad-footer{display:flex;flex-direction:column;align-items:center;gap:14px}.rooms-ad-main-cta{display:inline-block;padding:14px 44px;border-radius:999px;background:linear-gradient(90deg,#e0a020,gold,#e0a020);background-size:200% 100%;color:#1a1030;font-size:20px;font-weight:800;text-decoration:none;box-shadow:0 6px 22px #ffbe3273;animation:roomsAdShine 3s linear infinite;transition:transform .25s ease}.rooms-ad-main-cta:hover{transform:scale(1.06)}@keyframes roomsAdShine{0%{background-position:0% 0}to{background-position:200% 0}}.rooms-ad-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}.rooms-ad-contact a{color:#f4e4c1;font-size:16px;font-weight:600;text-decoration:none;direction:ltr}.rooms-ad-contact a:hover{color:gold}@media(max-width:768px){.rooms-ad-screen{padding:68px 14px 20px}.rooms-ad-actions{top:12px;right:12px}.rooms-ad-action{padding:8px 14px;font-size:14px}.rooms-ad-title{font-size:23px}.rooms-ad-subtitle{font-size:15px}.rooms-ad-featured{gap:12px}.rooms-ad-poster{height:auto;width:calc(50% - 6px)}.rooms-ad-more{grid-template-columns:repeat(2,1fr);gap:10px}.rooms-ad-card{padding:16px 10px 12px;gap:6px}.rooms-ad-card-icon{width:48px;height:48px;font-size:22px}.rooms-ad-card-title{font-size:15.5px}.rooms-ad-card-text{font-size:12.5px}.rooms-ad-main-cta{font-size:17px;padding:12px 30px}}.admin-panel-container{min-height:100vh;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);direction:rtl;overflow-y:auto;height:auto}.admin-panel-content{background:#fff;border-radius:20px;padding:40px;max-width:600px;margin:0 auto 40px;box-shadow:0 20px 60px #00000080;border:3px solid #FFD700;height:auto}@media(max-height:800px){.admin-panel-content{padding:20px}.admin-panel-container{padding:10px}}@media(max-width:768px){.admin-panel-content{padding:20px;margin:0 auto 20px}.admin-panel-container{padding:10px}}.admin-panel-content h1{color:#0f3460;margin-bottom:10px;text-align:center}.admin-panel-content h2{color:#16213e;margin-bottom:30px;text-align:center;font-size:20px}.back-button{width:100%;padding:15px;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;margin-bottom:30px;transition:transform .3s}.back-button:hover{transform:translateY(-2px)}.admin-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{display:block;font-weight:700;color:#16213e;margin-bottom:8px}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px}.form-group input:focus{outline:none;border-color:gold}.helper-text{font-size:14px;color:#666;margin-top:5px}.submit-button{width:100%;padding:15px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;font-size:18px;font-weight:700;color:#1a1a2e;cursor:pointer;margin-top:20px;transition:transform .3s}.submit-button:hover{transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.message{padding:15px;border-radius:8px;margin-top:20px;text-align:center;font-weight:700}.message.success{background:#d4edda;color:#155724;border:2px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.users-list{margin-top:40px;padding-top:30px;border-top:2px solid #eee;max-height:none;overflow:visible}.users-grid{display:flex;flex-direction:column;gap:10px;max-height:none;overflow:visible}.user-card{background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #ddd}.user-card strong{color:#0f3460}.user-card-actions{margin-top:10px}.delete-btn{background:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;transition:background .3s}.delete-btn:hover{background:#d32f2f}.generate-button{padding:12px 20px;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s;white-space:nowrap}.generate-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#1976d2,#1565c0)}.room{width:100vw;height:100vh;padding:20px;overflow:auto;direction:rtl;position:relative}.room.room1{background-color:#1a120c;isolation:isolate}.exit-room-btn{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,gold,orange);color:#8b4513;border:3px solid #8B4513;padding:12px 24px;font-size:18px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70066;z-index:100}.exit-room-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099;background:linear-gradient(135deg,orange,gold)}.room-title,.room-sub-title{text-align:center;font-size:36px;color:gold;text-shadow:0 0 15px rgba(255,215,0,.6);margin-bottom:10px}.controls-hint{text-align:center;font-size:18px;color:#d2691e;margin-bottom:5px;font-weight:700}.room-content{display:flex;gap:40px;align-items:stretch;justify-content:center;max-width:1400px;margin:1rem auto;padding-top:0}.map-container{flex:0 1 auto;width:min(50%,calc(100svh - 9.5rem));max-width:680px;min-width:0;position:relative}.reset-button-above-map{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#3e2410eb,#160c06f0);color:#ffe7a3;border:1.5px solid #e6c15a;border-radius:999px;padding:9px 18px;font-size:15px;font-family:inherit;letter-spacing:.2px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease;box-shadow:0 8px 18px #00000061,inset 0 1px #ffe6a066;text-shadow:0 1px 2px rgba(0,0,0,.65);white-space:nowrap;font-weight:700;margin-bottom:12px}.reset-button-icon{display:inline-flex;font-size:18px;line-height:1;transition:transform .45s ease}.reset-button-above-map:hover{color:#fff6d4;border-color:#ffd978;transform:translateY(-2px);box-shadow:0 12px 22px #0000006b,0 0 16px #ffc85059,inset 0 1px #ffecb48c}.reset-button-above-map:hover .reset-button-icon{transform:rotate(-180deg)}.reset-button-above-map:active{transform:translateY(0) scale(.98)}.reset-button-above-map:focus-visible{outline:2px solid #ffe7a3;outline-offset:3px}.map{width:100%;aspect-ratio:1 / 1;height:auto;container-type:inline-size;background-color:#e4d0a8;border:5px solid #8B4513;border-radius:10px;position:relative;isolation:isolate;box-shadow:0 10px 30px #00000080}.map:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background-image:linear-gradient(to bottom,rgba(92,48,16,.2) 1px,transparent 1px),linear-gradient(to right,rgba(92,48,16,.2) 1px,transparent 1px);background-size:5% 5%,5% 5%}.compass{position:absolute;z-index:3;font-size:clamp(11px,3.4cqi,18px);font-weight:700;color:#8b4513;background:#fff8e6d1;padding:2px 8px;border-radius:8px;text-shadow:none;line-height:1.3}.compass.north{top:10px;left:50%;transform:translate(-50%)}.compass.south{bottom:10px;left:50%;transform:translate(-50%)}.compass.east{right:10px;top:50%;transform:translateY(-50%)}.compass.west{left:10px;top:50%;transform:translateY(-50%)}.city{position:absolute;transform:translate(-50%,-50%);cursor:default;z-index:1}.city-marker{width:clamp(7px,1.7cqi,12px);height:clamp(7px,1.7cqi,12px);background:#8b4513;border:2px solid #D2691E;border-radius:50%;margin:0 auto 3px;box-shadow:0 2px 5px #0000004d;position:relative}.city-marker.modiin-highlight:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(28px,9cqi,60px);height:clamp(28px,9cqi,60px);background:#ffd70066;border:5px solid #FFD700;border-radius:50%;animation:modiinPulse 1.5s ease-in-out infinite;box-shadow:0 0 30px #ffd700e6}@keyframes modiinPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.3)}}.city-name{font-size:clamp(8px,2.15cqi,14px);color:#5c3010;font-weight:700;white-space:nowrap;text-align:center;background:#fff8e6db;border-radius:4px;padding:0 3px;line-height:1.25}.player{position:absolute;font-size:clamp(22px,7cqi,42px);line-height:1;z-index:100;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-55%) rotate(0) scale(1.1)}}.dreidel-marker{width:50px;height:60px;position:relative;animation:dreidel-spin 3s linear infinite}.dreidel-marker:before{content:"";position:absolute;width:10px;height:25px;background:linear-gradient(180deg,#d2691e,#8b4513);left:50%;top:0;transform:translate(-50%);border-radius:3px 3px 0 0;box-shadow:0 2px 5px #0000004d}.dreidel-marker:after{content:"נ";position:absolute;width:45px;height:45px;background:linear-gradient(135deg,#4169e1,#1e3a8a);left:50%;top:20px;transform:translate(-50%);border-radius:8px;box-shadow:0 8px 25px #4169e1cc,0 4px 12px #0009,inset 0 -3px 8px #0006,inset 0 3px 8px #ffffff4d;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.5);font-family:Heebo,Arial,sans-serif;border:3px solid #1E3A8A}@keyframes dreidel-spin{0%{transform:rotate(0);filter:drop-shadow(0 5px 15px rgba(65,105,225,.7))}50%{filter:drop-shadow(0 8px 20px rgba(65,105,225,.9))}to{transform:rotate(360deg);filter:drop-shadow(0 5px 15px rgba(65,105,225,.7))}}.cards-section{flex:0 0 400px}.cards-counter{background:linear-gradient(135deg,gold,orange);color:#2c1810;padding:15px 25px;border-radius:12px;font-size:20px;font-weight:700;text-align:center;margin-bottom:20px;box-shadow:0 4px 15px #ffd70066;border:2px solid #8B4513}.card-pile{width:100%;aspect-ratio:1280 / 460;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0c1a38;isolation:isolate;border:none;border-radius:12px;padding:28px 72px 14px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0003,0 8px 16px #0000004d;text-align:center;position:relative;max-width:100%;overflow:hidden;animation:cardPilePulse 2.5s ease-in-out infinite}@keyframes cardPilePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.card-pile:before{content:none}.card-pile:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:48px;opacity:.2;pointer-events:none;letter-spacing:10px;text-shadow:0 0 10px rgba(0,0,0,.5)}.card-pile:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 4px 8px #0000004d,0 12px 24px #0006,inset 0 1px #ffffff40}.card-pile:active{transform:translateY(-4px) scale(1)}.card{font-size:22px;color:#fff;font-weight:700;margin-bottom:15px;margin-left:auto;margin-right:auto;width:fit-content;background:#060e24b8;border-radius:8px;padding:2px 14px;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.2);font-family:Heebo,Arial,sans-serif;position:relative;z-index:1;letter-spacing:1px}.card-count{position:absolute;top:12px;left:12px;margin:0;z-index:2;font-size:16px;direction:ltr}.card-instruction{font-size:14px;color:#fffffff2;text-shadow:1px 1px 2px rgba(0,0,0,.8);position:relative;z-index:1;font-weight:600;letter-spacing:.5px;margin-left:auto;margin-right:auto;width:fit-content;background:#060e24b8;border-radius:8px;padding:2px 14px}.move-block-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#8b4513;color:#fff;padding:20px 40px;border-radius:10px;font-size:1.2em;z-index:1000;box-shadow:0 4px 6px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.status-message{background:linear-gradient(135deg,#1a5f1a,#2d8f2d);border:3px solid #FFD700;border-radius:15px;padding:30px;text-align:center;box-shadow:0 8px 20px #0006}.status-message p{font-size:20px;color:gold;margin:10px 0;font-weight:700}.riddle-card-frame{margin-top:20px;min-height:65vh;max-height:65vh;overflow-y:auto;border:3px solid rgba(255,215,0,.5);border-radius:12px;background:#0000001a;max-width:100%;padding:10px;display:flex;flex-direction:column}.riddle-card-display{background:linear-gradient(180deg,#fff,#f8f8f8);border:3px solid #000;border-radius:12px;padding:35px 30px;box-shadow:0 2px 4px #0003,0 8px 16px #00000026,inset 0 1px #fffc;animation:cardFlip .8s cubic-bezier(.68,-.55,.265,1.55);position:relative;min-height:600px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.riddle-card-display>*{flex-shrink:0}@keyframes cardFlip{0%{transform:perspective(1000px) rotateY(180deg) translateY(0) scale(.8);opacity:0}40%{transform:perspective(1000px) rotateY(100deg) translateY(-20px) scale(.95);opacity:.6}70%{transform:perspective(1000px) rotateY(20deg) translateY(-10px) scale(1.02);opacity:.9}85%{transform:perspective(1000px) rotateY(-5deg) translateY(0) scale(1);opacity:1}to{transform:perspective(1000px) rotateY(0) translateY(0) scale(1);opacity:1}}.riddle-card-display:before{content:"";position:absolute;inset:8px;border:1px solid #E0E0E0;border-radius:8px;pointer-events:none}.riddle-card-title{text-align:center;font-size:30px;color:#4a2c1a;font-weight:700;font-family:Heebo,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.riddle-card-question{font-size:19px;color:#2c2c2c;line-height:1.7;margin-bottom:15px;flex:1 0 auto;text-align:center;font-weight:500;min-height:80px;display:flex;align-items:center;justify-content:center;padding:15px;border-radius:8px}.riddle-card-input{position:relative;z-index:2;width:100%;padding:15px;font-size:26px;text-align:center;border:2px solid #2c1810;border-radius:8px;background:#fff;color:#000;margin-bottom:15px;direction:ltr;font-weight:700;font-family:Heebo,Arial,sans-serif;box-shadow:inset 0 2px 4px #0000001a;pointer-events:auto}.riddle-card-input:focus{outline:none;border-color:#2c1810;box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #c41e3a1a}.riddle-card-message{font-size:18px;color:#c41e3a;margin-bottom:15px;font-weight:700;text-align:center;padding:12px;background:#c41e3a1a;border-radius:6px;border:1px solid rgba(196,30,58,.3)}.riddle-card-message.success{color:#2d8f2d;background:#2d8f2d1a;border:1px solid rgba(45,143,45,.3)}.riddle-card-message.error{color:#c41e3a;background:#c41e3a1a;border:1px solid rgba(196,30,58,.3)}.move-instruction-outside{background:#89502e;border:3px solid #000;color:#fff;font-size:20px;padding:15px 20px;margin-top:20px;border-radius:12px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.2);font-family:Heebo,Arial,sans-serif;letter-spacing:1px;font-weight:700;box-shadow:0 2px 4px #0003,0 8px 16px #0000004d,inset 0 1px #ffffff26;animation:fadeIn .3s ease-in-out}.success-instruction-outside{background:#3aa83a;border:3px solid #000;color:#fff;font-size:20px;padding:15px 20px;margin-top:20px;border-radius:12px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.2);font-family:Heebo,Arial,sans-serif;letter-spacing:1px;font-weight:700;box-shadow:0 2px 4px #0003,0 8px 16px #0000004d,inset 0 1px #ffffff26;animation:fadeIn .3s ease-in-out}.reset-button-outside{background:#8b4513;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:8px;cursor:pointer;margin-bottom:15px;font-weight:700;box-shadow:0 4px 6px #0000004d;transition:all .3s ease}.reset-button-outside:hover{background:sienna;transform:translateY(-2px);box-shadow:0 6px 8px #0006}.reset-button-outside:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.hint-button{background:linear-gradient(135deg,#ff8c00,orange);color:#fff;border:none;padding:12px 24px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;margin:15px 0;box-shadow:0 4px 12px #ff8c004d;transition:all .3s ease}.hint-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff8c0066}.hint-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff8c004d}.hint-box{display:flex;align-items:flex-start;gap:15px;background:linear-gradient(135deg,#ff8c0026,#ffa5001a);border:2px solid rgba(255,140,0,.5);border-radius:12px;padding:18px;margin:15px 0;box-shadow:0 4px 12px #ff8c0033;animation:hintAppear .5s ease-out}@keyframes hintAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-icon{font-size:28px;flex-shrink:0;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.hint-text{color:#000;font-size:20px;font-weight:700;margin:0!important;line-height:1.6;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.1)}.close-riddle-btn{position:absolute;top:10px;right:10px;background:#8b4513;color:#fff;border:3px solid #e8d4a8;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1;padding:0;box-shadow:0 2px 5px #0000004d}.close-riddle-btn:hover{background:sienna;transform:rotate(90deg)}.riddle-card-button{position:relative;width:100%;margin-top:8px;padding:15px 28px;font-size:26px;font-family:Heebo,Arial,sans-serif;font-weight:600;letter-spacing:2.6px;color:#f3dc8a;background:linear-gradient(180deg,rgba(255,236,190,.1),transparent 42%),linear-gradient(180deg,#1c1814,#0c0b09);border:1px solid rgba(201,162,39,.9);border-radius:2px;cursor:pointer;text-shadow:0 1px 0 rgba(90,60,10,.45);box-shadow:0 14px 28px #1c120829;transition:border-color .25s ease,box-shadow .25s ease,color .25s ease,letter-spacing .25s ease}.riddle-card-button:after{content:"";position:absolute;inset:4px;border:1px solid rgba(212,175,55,.38);pointer-events:none}.riddle-card-button:hover{color:#fff4c4;border-color:#f0d78a;letter-spacing:3px;box-shadow:0 16px 32px #1c120833,0 0 18px #d4af3747}.riddle-card-button:hover:after{border-color:#f0d78ab3}.riddle-card-button:active{box-shadow:0 6px 14px #1c120838}.riddle-card-button:focus-visible{outline:1px solid #f0d78a;outline-offset:3px}.cipher-card-display{background:linear-gradient(135deg,#f4e4c1,#e8d4a8);border:5px solid #8B4513;border-radius:15px;padding:30px;box-shadow:0 10px 30px #00000080;animation:slideDown .6s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.cipher-card-title{text-align:center;font-size:28px;color:#8b4513;margin-bottom:25px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.cipher-card-content{background:#fff;padding:25px;border-radius:10px;border:3px solid #D2691E;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.cipher-image{max-width:100%;height:auto;border-radius:5px;transition:transform .2s ease}.cipher-card-content:hover .cipher-image{transform:scale(1.02)}.cipher-hint{text-align:center;font-size:14px;color:#8b4513;margin-top:10px;font-weight:700}.cipher-popup-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.cipher-popup-content{position:relative;width:70vw;height:70vh;background:#fff;padding:20px 2.5%;border-radius:15px;box-shadow:0 10px 50px #00000080}.cipher-popup-badge{position:absolute;bottom:20px;left:5%;width:90%;height:auto;border:3px solid #FFD700;border-radius:10px;box-shadow:0 5px 20px #ffd70099;transition:all .3s ease}.cipher-popup-badge.animate-to-icon{animation:flyToIcon 1s ease-out forwards}@keyframes flyToIcon{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(50vw - 60px),calc(-50vh + 40px)) scale(.3);opacity:.5}}.popup-close-btn{position:fixed;top:10px;right:10px;background:linear-gradient(135deg,#c41e3a,#8b1e2f);color:#fff;border:2px solid rgba(255,255,255,.3);width:45px;height:45px;border-radius:50%;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;line-height:1;padding:0;box-shadow:0 4px 12px #c41e3a66,inset 0 1px #fff3}.popup-close-btn:hover{background:linear-gradient(135deg,#ff4757,#c41e3a);transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px #c41e3a99,inset 0 1px #ffffff4d}.popup-close-btn:active{transform:rotate(90deg) scale(.95);box-shadow:0 2px 8px #c41e3a80,inset 0 1px #fff3}.cipher-popup-close{position:absolute;top:10px;right:10px;background:#8b4513;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;line-height:1;padding:0}.cipher-popup-close:hover{background:#d2691e;transform:rotate(90deg)}.cipher-actions{display:flex;gap:15px;justify-content:center}.cipher-action-btn{padding:12px 30px;font-size:18px;font-weight:700;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000004d}.close-btn{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.close-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0006}.continue-btn{background:linear-gradient(135deg,gold,orange);color:#1a1a2e}.continue-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #ffd70099}.popup-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.popup-content{position:relative;background:linear-gradient(135deg,#f4e4c1,#e8d4a8);border:5px solid #8B4513;border-radius:20px;padding:40px;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 50px #000000b3;animation:slideDown .5s ease}.popup-content.story-map-popup,.popup-content.instructions-popup{background:#e7d3aa;isolation:isolate}.map-popup-bg:after{content:"";background:linear-gradient(180deg,#fff8e86b,#f4e4c147)}.story-map-popup h3,.instructions-popup h3{background:#fff8ebb8;border-radius:10px;padding:8px 12px}.story-map-popup .instructions-text,.instructions-popup .instructions-text{background:#fff8ebc7;border-radius:12px;padding:16px 18px}.instructions-popup .typing-hidden{visibility:hidden}.instructions-popup h3{text-align:center;font-size:32px;color:#8b4513;margin-bottom:25px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.instructions-text{color:#4a2c1a;font-size:18px;line-height:1.8}.instructions-text p{margin-bottom:15px}.instructions-text strong{color:#8b4513;font-size:20px}.instructions-text ul{list-style:none;margin:15px 0;padding:0}.instructions-text li{padding:10px 15px;margin-bottom:10px;background:#8b45131a;border-right:4px solid #D2691E;border-radius:5px}.popup-button{width:100%;padding:15px 30px;font-size:20px;font-weight:700;background:linear-gradient(135deg,#8b4513,#d2691e);color:gold;border:3px solid #FFD700;border-radius:15px;cursor:pointer;margin-top:25px;box-shadow:0 5px 15px #0006;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.popup-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000080;background:linear-gradient(135deg,#d2691e,#8b4513)}@media(max-width:1024px)and (min-width:769px){.room-content{gap:30px;max-width:100%}.map-container{width:min(48%,calc(100svh - 9.5rem));max-width:none}.cards-section{flex:0 0 350px}.riddle-card-display{min-height:500px}}@media(max-width:768px){.room{padding:10px}.exit-room-btn{top:10px;left:10px;padding:8px 16px;font-size:14px}.room-title,.room-sub-title{font-size:20px;margin-bottom:8px}.controls-hint{font-size:14px}.room-content{flex-direction:column;gap:20px;padding-top:60px}.map-container{width:min(92vw,68svh);max-width:520px}.cards-section{flex:1 1 auto}.cards-counter{font-size:18px;padding:12px 20px}.card-pile{padding:24px 56px 12px}.card{font-size:18px}.card-instruction{font-size:12px}.riddle-card-display{height:auto;min-height:400px;padding:25px 20px}.riddle-card-title{font-size:24px}.riddle-card-question{font-size:16px;min-height:60px}.riddle-card-input{font-size:20px;padding:12px}.cipher-popup-content{width:90vw;height:80vh;padding:15px}.popup-content{max-width:90%;padding:30px 20px}.popup-button{font-size:16px;padding:12px 24px}.instructions-popup h3{font-size:24px}.instructions-text{font-size:15px}.instructions-text strong{font-size:16px}}.room2{background-color:#1a120a;isolation:isolate;width:100%;height:100%;min-height:0;max-height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.room2-bg:after{content:"";background:#140c044d}.room.room2{width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden;padding:clamp(6px,1.2vh,14px) clamp(8px,1.6vw,22px)}@keyframes backgroundPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}.room2:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(255,255,255,.02) 80px,rgba(255,255,255,.02) 82px),repeating-linear-gradient(-45deg,transparent,transparent 80px,rgba(255,255,255,.02) 80px,rgba(255,255,255,.02) 82px),repeating-linear-gradient(90deg,transparent,transparent 120px,rgba(255,255,255,.01) 120px,rgba(255,255,255,.01) 121px),repeating-linear-gradient(0deg,transparent,transparent 120px,rgba(255,255,255,.01) 120px,rgba(255,255,255,.01) 121px);pointer-events:none;z-index:1}.room2:after{content:"";position:absolute;top:10%;left:5%;width:200px;height:200px;border:2px solid rgba(255,255,255,.03);border-radius:50%;box-shadow:inset 0 0 20px #ffffff05,0 0 20px #ffffff05;pointer-events:none;z-index:1}.room2 .engraving-circle{position:absolute;border:3px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none;z-index:1;box-shadow:inset 0 0 20px #ffffff0f,0 0 25px #00bfff26,0 0 40px #ffd70014;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{border-color:#ffffff14;box-shadow:inset 0 0 20px #ffffff0f,0 0 25px #00bfff26,0 0 40px #ffd70014}50%{border-color:#ffffff26;box-shadow:inset 0 0 30px #ffffff1a,0 0 35px #00bfff40,0 0 50px #ffd70026}}.room2 .engraving-square{position:absolute;border:3px solid rgba(255,255,255,.1);pointer-events:none;z-index:1;transform:rotate(45deg);box-shadow:inset 0 0 20px #ffffff14,0 0 30px #8a2be233,0 0 45px #00bfff1f;animation:rotateGlow 6s linear infinite}@keyframes rotateGlow{0%{transform:rotate(45deg);box-shadow:inset 0 0 20px #ffffff14,0 0 30px #8a2be233,0 0 45px #00bfff1f}50%{transform:rotate(225deg);box-shadow:inset 0 0 25px #ffffff1f,0 0 40px #8a2be24d,0 0 55px #00bfff2e}to{transform:rotate(405deg);box-shadow:inset 0 0 20px #ffffff14,0 0 30px #8a2be233,0 0 45px #00bfff1f}}.room2 .engraving-triangle{position:absolute;width:0;height:0;border-style:solid;border-color:transparent transparent rgba(255,255,255,.03) transparent;pointer-events:none;z-index:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.02))}.tic-tac-toe-container{height:50vh;width:28vw;position:absolute;bottom:50px;right:3.5vw;z-index:100;display:flex;flex-direction:column;align-items:center;min-height:390px}.tic-tac-toe-board{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);gap:8px;background:linear-gradient(135deg,#3e2723,#2c1810);padding:15px;border:8px solid #5D4037;border-radius:12px;box-shadow:0 15px 40px #000000e6,inset 0 0 30px #000000b3}.tic-tac-toe-cell{background:linear-gradient(135deg,#2a2a28,#1a1a18);border:3px solid #4a4540;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:48px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0009,inset 0 2px 4px #ffffff0d}.tic-tac-toe-cell:hover:not(.filled){background:linear-gradient(135deg,#3a3a38,#2a2a28);transform:scale(1.05);box-shadow:0 6px 12px #000c,inset 0 2px 6px #ffffff1a}.tic-tac-toe-cell.filled{cursor:not-allowed}.cell-sword,.cell-bow{animation:cellAppear .3s ease}@keyframes cellAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.tic-tac-toe-result{margin-top:15px;padding:15px 20px;background:linear-gradient(135deg,#3e2723,#2c1810);border:4px solid #5D4037;border-radius:8px;text-align:center;font-size:24px;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 8px 20px #000000e6,inset 0 0 20px #000000b3;display:flex;flex-direction:column;align-items:center;gap:10px;height:7rem;justify-content:center}.reset-button{padding:10px 20px;background:linear-gradient(135deg,#8b7355,#654321);border:3px solid #4a4540;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0009}.reset-button:hover{background:linear-gradient(135deg,#9b8365,#754321);transform:scale(1.05);box-shadow:0 6px 12px #000c}.reset-button:active{transform:scale(.95)}.room2.stage1{background:linear-gradient(to bottom,#1a1a1a,#2a2a2a,#1a1a1a);position:relative;width:100vw;height:100vh;overflow:hidden}.weapon-frame{width:8vw;height:auto;z-index:10;transition:transform .3s ease}.weapon-frame:hover{transform:scale(1.08)}.weapon-frame-border{width:100%;height:100%;background:linear-gradient(135deg,#8b4513,#654321,#4a3020);border:6px solid #5D4037;border-radius:10px;box-shadow:inset 0 0 25px #000000b3,0 8px 25px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:15px}.weapon-frame-border:before{content:"";position:absolute;inset:10px;border:2px solid #8D6E63;border-radius:5px;pointer-events:none}.weapon-icon{font-size:60px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.weapon-indicator{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:50%;border:3px solid rgba(0,0,0,.5);box-shadow:0 0 10px #00000080,inset 0 2px 4px #ffffff4d;z-index:20}.weapon-indicator.red{background:radial-gradient(circle,#f44,#c00);box-shadow:0 0 15px #f00c,inset 0 2px 4px #ffffff4d}.weapon-indicator.green{background:radial-gradient(circle,#4f4,#0a0);box-shadow:0 0 15px #0f0c,inset 0 2px 4px #ffffff4d}.switch-panel{height:50vh;display:flex;width:28;position:absolute;bottom:50px;left:50px;background:linear-gradient(135deg,#3e2723,#2c1810);border:10px solid #5D4037;border-radius:16px;padding:30px;box-shadow:0 15px 40px #000000e6,inset 0 0 30px #000000b3;z-index:100}.switch-panel-title{font-size:28px;font-weight:700;color:gold;text-align:center;margin-bottom:20px;text-shadow:0 0 10px rgba(255,215,0,.8),2px 2px 4px rgba(0,0,0,.8)}.switch-grid-columns{display:flex;gap:60px;justify-content:center;align-items:center}.switch-column{display:flex;flex-direction:column;gap:20px}.switch-item{display:flex;align-items:center;gap:15px}.switch-icon{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.switch-dot{width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:4px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #000000b3,inset 0 2px 6px #fff3;position:relative}.switch-dot.red{background:radial-gradient(circle,#f44,#c00);box-shadow:0 0 20px #f009,0 4px 12px #000000b3,inset 0 2px 6px #ffffff4d}.switch-dot.green{background:radial-gradient(circle,#4f4,#0a0);box-shadow:0 0 20px #0f09,0 4px 12px #000000b3,inset 0 2px 6px #ffffff4d}.switch-dot:hover{transform:scale(1.15);filter:brightness(1.2)}.switch-dot:active{transform:scale(.95)}.switch-dot-inner{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);pointer-events:none}.safe-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200}.safe-hinge{position:absolute;left:-10px;width:50px;height:100px;background:linear-gradient(to right,#2a2a28,#4a4540,#2a2a28);border:3px solid #1a1a18;border-radius:8px;box-shadow:0 5px 15px #000000e6,inset 0 2px 6px #ffffff1a,inset 0 -3px 10px #0009;z-index:10}.safe-hinge:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:20px;height:20px;background:radial-gradient(circle,#3a3a38,#1a1a18);border-radius:50%;box-shadow:0 2px 5px #000c,inset 0 1px 2px #fff3}.safe-hinge:after{content:"";position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:20px;height:20px;background:radial-gradient(circle,#3a3a38,#1a1a18);border-radius:50%;box-shadow:0 2px 5px #000c,inset 0 1px 2px #fff3}.safe-hinge-top{top:80px}.safe-hinge-bottom{bottom:80px}.safe{width:450px;height:550px;background:linear-gradient(135deg,rgba(45,55,50,.3) 0%,transparent 100%),linear-gradient(180deg,#3a3a38,#2b2b28,#3a3a38);background-size:100% 100%,4px 4px;border:20px solid #4a4540;border-radius:8px;box-shadow:0 30px 80px #000000f2,inset 0 0 60px #000000e6,inset -5px -5px 30px #0009,inset 5px 5px 30px #ffffff0d;position:relative;display:flex;align-items:center;justify-content:center}.safe:before{content:"";position:absolute;top:30px;left:30px;width:25px;height:25px;background:radial-gradient(circle,#6b5744,#4a3a2a);border-radius:50%;box-shadow:0 3px 8px #000c,inset 0 1px 3px #ffffff4d,inset 0 -2px 5px #00000080;pointer-events:none}.safe:after{content:"";position:absolute;top:30px;right:30px;width:25px;height:25px;background:radial-gradient(circle,#6b5744,#4a3a2a);border-radius:50%;box-shadow:0 3px 8px #000c,inset 0 1px 3px #ffffff4d,inset 0 -2px 5px #00000080;pointer-events:none}.safe-door{width:100%;height:100%;background:linear-gradient(135deg,#454541,#353531,#454541);border:3px solid #2a2a28;box-shadow:inset 0 0 40px #000000b3,inset -3px -3px 15px #00000080,inset 3px 3px 15px #ffffff08;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;transition:all 1s ease;z-index:2}.safe-door:before{content:"A. W. SAFE CO.";position:absolute;top:60px;font-family:Heebo,Arial,sans-serif;font-size:32px;font-weight:700;color:#a89968;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(168,153,104,.3);letter-spacing:3px;pointer-events:none}.safe-container.open .safe-door{transform:perspective(1000px) rotateY(-120deg);transform-origin:left center}.safe-handle{width:140px;height:140px;background:radial-gradient(circle at 30% 30%,#c9b896,#a89968 40%,#8b7744);border-radius:50%;border:10px solid #3a3a38;box-shadow:0 12px 35px #000000e6,inset 0 3px 10px #fff6,inset 0 -5px 20px #0009;position:relative;transition:all 1s ease}.safe-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:16px;background:linear-gradient(to bottom,#3a3a38,#2a2a28,#3a3a38);border-radius:8px;box-shadow:0 2px 6px #000c,inset 0 1px 2px #fff3}.safe-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:70%;height:16px;background:linear-gradient(to bottom,#3a3a38,#2a2a28,#3a3a38);border-radius:8px;box-shadow:0 2px 6px #000c,inset 0 1px 2px #fff3}.safe-container.open .safe-handle{transform:rotate(360deg)}.safe-lock{position:relative;width:120px;height:120px;background:radial-gradient(circle at 30% 30%,#d4af79,#b8935f 40%,#8b6f47);border-radius:50%;border:8px solid #3a3a38;box-shadow:0 10px 30px #000c,inset 0 3px 8px #ffffff4d,inset 0 -4px 15px #00000080}.safe-lock:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;border:3px solid #3a3a38;border-radius:50%;box-shadow:inset 0 2px 5px #0009,inset 0 -2px 5px #fff3}.safe-lock:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:20px;background:linear-gradient(to bottom,#8b6f47,#6b5537);border-radius:2px;box-shadow:0 2px 4px #0009}.safe-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:1;z-index:1}.game-image{max-width:80%;max-height:80%;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.game-image:hover{transform:scale(1.05);filter:drop-shadow(0 15px 30px rgba(0,0,0,.7))}@keyframes contentFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.trivia-box{width:280px;height:120px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:all .4s ease;animation:boxFloat 3s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(255,215,0,.4))}@keyframes boxFloat{0%,to{transform:translateY(0) rotateY(-30deg) rotateX(15deg)}50%{transform:translateY(-20px) rotateY(-30deg) rotateX(15deg)}}.trivia-box:hover{transform:translateY(-25px) rotateY(-35deg) rotateX(20deg) scale(1.1);filter:drop-shadow(0 30px 60px rgba(255,215,0,.6))}.box-top{position:absolute;width:280px;height:280px;background:linear-gradient(135deg,#d4af37,gold,orange,#ff8c00,#d4af37,gold);border:6px solid #8B6914;border-radius:12px;transform:translateZ(60px);box-shadow:inset 0 0 40px #ffffff4d,inset 0 -20px 40px #0003,0 0 60px #ffd70099;display:flex;align-items:center;justify-content:center}.box-top:before{content:"";position:absolute;inset:15px;border:3px solid rgba(255,255,255,.4);border-radius:8px;box-shadow:0 0 20px #ffffff4d}.box-top:after{content:"🎯";position:absolute;font-size:80px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.box-front{position:absolute;width:280px;height:120px;background:linear-gradient(135deg,#b8860b,#daa520 30%,gold,#daa520 70%,#b8860b);border:6px solid #704214;border-radius:12px;transform:rotateX(-90deg) translateZ(60px);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 30px #0000004d,0 15px 40px #00000080;position:relative;overflow:hidden}.box-front:before{content:"";position:absolute;inset:8px;border:2px solid rgba(255,255,255,.3);border-radius:6px}.box-label{font-size:52px;font-weight:700;color:#1a1a2e;text-shadow:0 0 30px rgba(255,255,255,.8),2px 2px 4px rgba(0,0,0,.3),-1px -1px 2px rgba(255,255,255,.5);padding:15px 30px;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:10px;border:3px solid rgba(26,26,46,.3);letter-spacing:2px;z-index:1}.box-side{position:absolute;width:120px;height:280px;background:linear-gradient(to right,#8b6914,#b8860b 20%,#daa520,#b8860b 80%,#8b6914);border:6px solid #654321;border-radius:12px;transform:rotateY(90deg) translateZ(140px);box-shadow:inset 0 0 40px #0006}.box-shine{position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);animation:boxShine 3s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes boxShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.room2-layout{width:100%;max-width:1280px;margin-inline:auto;flex:1 1 auto;min-height:0;display:flex;gap:clamp(8px,1.4vw,24px);padding:0;align-items:stretch;justify-content:stretch;overflow:hidden}.room2 .room-title,.room2-layout,.room2 .invitation-container{position:relative;z-index:2}.poem-sidebar{width:auto;flex:1 1 30%;max-width:340px;min-width:168px;min-height:0;background:transparent;border:2px solid #b8914a;border-radius:clamp(12px,2vw,20px);padding:clamp(10px,1.4vw,22px);max-height:100%;overflow-y:auto;position:relative;top:auto}.poem-sidebar::-webkit-scrollbar{width:8px}.poem-sidebar::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.poem-sidebar::-webkit-scrollbar-thumb{background:#8a6a3a;border-radius:10px}.poem-title{font-size:clamp(1.25rem,1.9vw,2rem);color:#e8c170;text-align:center;margin:0 0 clamp(8px,1.2vh,18px) 0;padding-bottom:clamp(6px,1vh,12px);border-bottom:2px solid #b8914a;text-shadow:0 0 10px rgba(242,180,80,.4),2px 2px 4px rgba(0,0,0,.6);position:sticky;top:0;background:transparent;z-index:1}.poem-text{font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.65;color:#efdfbd;text-align:right;direction:rtl}.poem-text p{margin:4px 0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.poem-text br{display:block;content:"";margin:12px 0}.quiz-container{flex:2 1 0;min-width:0;min-height:0;height:auto;max-width:none;max-height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:clamp(6px,1.2vh,14px);padding:0;overflow:hidden}.room2 .room-title{flex-shrink:0;margin:0 0 clamp(4px,.8vh,10px)!important;font-size:clamp(1.15rem,2.2vw,2.25rem);line-height:1.2;color:#e8c170;text-shadow:0 0 15px rgba(242,180,80,.55),2px 2px 6px rgba(0,0,0,.9)}.progress-bar{width:100%;height:20px;background:#140c04b3;border:1px solid rgba(184,145,74,.6);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 5px #0009}.progress-fill{height:100%;background:linear-gradient(90deg,#a0742f,#e8b85a,#ffd98a);transition:width .5s ease;box-shadow:0 0 12px #f2b450b3}.question-counter{text-align:center;font-size:clamp(.85rem,1.4vw,1.1rem);color:#efdfbd;text-shadow:0 2px 4px rgba(0,0,0,.8)}.question-card{background:linear-gradient(160deg,#302214e6,#1a120af0);border:2px solid #b8914a;border-radius:clamp(12px,2vw,20px);padding:clamp(10px,1.6vh,18px);box-shadow:0 10px 30px #000000b3,0 0 25px #f2b4501f,inset 0 0 30px #00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:slideIn .5s ease;flex:0 1 auto;min-height:0;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.question-text{font-size:clamp(1rem,1.5vw + .6vh,1.75rem);color:#e8c170;text-align:center;margin-bottom:clamp(8px,1.6vh,28px);line-height:1.4;text-shadow:0 0 10px rgba(242,180,80,.35),2px 2px 4px rgba(0,0,0,.6)}.answers-list{display:flex;flex-direction:column;gap:clamp(8px,1.2vh,16px)}.answer-button{background:linear-gradient(135deg,#4a3520,#2e2014);border:2px solid #7a5c32;border-radius:15px;padding:clamp(10px,1.4vh,16px) clamp(12px,1.6vw,24px);font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:700;color:#efdfbd;box-shadow:0 3px 8px #00000080,inset 0 1px #ffdc9614;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:clamp(8px,1.2vw,16px);text-align:right;position:relative;overflow:hidden;width:100%;min-width:0}.answer-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(242,180,80,.25),transparent);transition:left .5s ease}.answer-button:hover:before{left:100%}.answer-button:hover{transform:translate(-10px);background:linear-gradient(135deg,#5a4127,#3a2918);border-color:#e8c170;box-shadow:0 5px 20px #f2b45059}.answer-button.selected{background:linear-gradient(135deg,#1a5f1a,#2d8f2d);border-color:#e8c170;transform:scale(1.02);box-shadow:0 5px 20px #f2b45080}.answer-button.correct{background:linear-gradient(135deg,#1a8f1a,#2dd82d)!important;border-color:#0f0!important;transform:scale(1.05)!important;box-shadow:0 5px 25px #0f09!important;animation:correctPulse .5s ease}.answer-button.incorrect{background:linear-gradient(135deg,#8f1a1a,#d82d2d)!important;border-color:red!important;transform:scale(.95)!important;box-shadow:0 5px 25px #f009!important;animation:shake .5s ease}@keyframes correctPulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.1)}}.answer-button:disabled{cursor:not-allowed;opacity:.8}.live-word-title{font-size:24px;color:gold;text-align:center;margin-bottom:20px;font-weight:700}.live-word-container{flex-shrink:0;width:100%;min-width:0}.progress-bar,.question-counter{flex-shrink:0}.live-letter-boxes{display:flex;gap:clamp(2px,.6vw,8px);justify-content:center;direction:rtl;width:100%;min-width:0}.letter-box-spacer{width:clamp(4px,1.2vw,16px);flex:0 0 auto}.live-letter-box{flex:1 1 0;width:auto;min-width:0;max-width:52px;height:clamp(34px,6vh,58px);display:flex;align-items:center;justify-content:center;font-size:clamp(.85rem,2.4vw,1.7rem);font-weight:700;border:clamp(2px,.4vw,3px) solid #7a5c32;border-radius:clamp(6px,1vw,10px);background:#1a120abf;color:#e8c170;transition:all .5s ease}.live-letter-box.filled{background:#efdfbd;color:#4a3520;border-color:#e8c170;box-shadow:0 0 15px #f2b4508c;animation:letterAppear .5s ease}@keyframes letterAppear{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.answer-letter-badge{background:radial-gradient(circle at 35% 30%,#ffd98a,#c9a052 60%,#8a6a3a);color:#2a1c0e;width:clamp(34px,4.8vw,50px);height:clamp(34px,4.8vw,50px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(1.15rem,1.75vw,1.7rem);flex-shrink:0;box-shadow:0 3px 10px #0000004d}.answer-text{flex:1;min-width:0;line-height:1.35}.result-container{max-width:1200px;margin:0 auto;padding:40px}.result-layout{display:flex;gap:30px;align-items:flex-start}.correct-answer-sidebar{flex-shrink:0;width:200px;background:linear-gradient(135deg,#2d8f2d,#1a5f1a);border:4px solid #FFD700;border-radius:20px;padding:20px;position:sticky;top:20px}.correct-answer-sidebar h3{font-size:20px;color:gold;text-align:center;margin-bottom:20px}.correct-letters{display:flex;flex-direction:column;gap:10px}.correct-letter-box{background:#ffd70033;border:2px solid #FFD700;border-radius:10px;padding:10px;font-size:28px;color:gold;font-weight:700;text-align:center;min-height:50px;display:flex;align-items:center;justify-content:center}.main-result{flex:1}.main-result h3{font-size:32px;color:gold;text-align:center;margin-bottom:30px}.answers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-bottom:40px}.answer-box{background:linear-gradient(135deg,#3d5a7a,#4a6b8a);border:3px solid;border-radius:15px;padding:20px;text-align:center;transition:all .3s ease}.answer-box.correct{border-color:#2d8f2d;background:linear-gradient(135deg,#1a5f1a,#2d8f2d);box-shadow:0 0 15px #2d8f2d80}.answer-box.incorrect{border-color:#8b4513;opacity:.6}.question-num{font-size:14px;color:#f4e4c1;margin-bottom:10px}.answer-letter{font-size:36px;color:gold;font-weight:700;min-height:40px}.word-input-section{background:linear-gradient(135deg,#3d5a7a,#4a6b8a);border:4px solid #FFD700;border-radius:20px;padding:40px;text-align:center}.instruction{font-size:22px;color:#f4e4c1;margin-bottom:25px}.letter-boxes{display:flex;gap:10px;justify-content:center;margin-bottom:30px;direction:rtl}.letter-box{width:50px;height:60px;padding:10px;font-size:28px;font-weight:700;text-align:center;border:3px solid #D2691E;border-radius:10px;background:#f4e4c1;color:#8b4513;transition:all .3s ease}.letter-box:focus{outline:none;border-color:gold;box-shadow:0 0 15px #ffd70080;transform:scale(1.1)}.submit-button{padding:15px 50px;font-size:22px;font-weight:700;color:#1a1a2e;background:linear-gradient(135deg,gold,orange);border:none;border-radius:30px;cursor:pointer;box-shadow:0 5px 20px #ffd70066;transition:all .3s ease}.submit-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70099}.message{margin-top:20px;font-size:20px;font-weight:700;padding:15px;border-radius:10px}.message.success{background:#2d8f2d4d;color:#90ee90;border:2px solid #2d8f2d}.message.error{background:#8b45134d;color:#ffb6c1;border:2px solid #8B4513}.invitation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vh,16px);flex:1 1 auto;min-height:0;width:100%;height:auto;overflow:hidden;container-type:size;padding:clamp(10px,2vh,24px) clamp(10px,2vw,24px);background:radial-gradient(ellipse at 50% 35%,rgba(255,196,77,.22),transparent 60%)}.invitation-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.invitation-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe7a3;box-shadow:0 0 6px 2px #ffd26ecc;opacity:0;animation:inv-spark-float 5s ease-in-out infinite}@keyframes inv-spark-float{0%{opacity:0;transform:translateY(10px) scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-70px) scale(1.1)}}@keyframes backgroundPulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.invitation-card{--inv-gold: #e9c46a;--inv-cream: #fdf3d7;position:relative;z-index:1;flex-shrink:0;width:min(100cqw,(100cqh - 80px) * .75,560px);aspect-ratio:3 / 4;container-type:inline-size;border-radius:18px;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 80px #ffbe464d;animation:inv-card-in .9s cubic-bezier(.2,.9,.3,1.15) both}.invitation-image{display:block;width:100%;height:100%;object-fit:cover}@keyframes inv-card-in{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.invitation-text{position:absolute;inset:35% 10% 33%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;text-align:center;color:var(--inv-cream);text-shadow:0 2px 8px rgba(0,0,0,.6)}.invitation-title{margin:0;font-family:Frank Ruhl Libre,David,Times New Roman,serif;font-size:3.4cqw;font-weight:600;letter-spacing:.35em;color:var(--inv-gold);animation:inv-rise .7s ease-out .5s backwards}.invitation-subtitle{margin:0;font-size:3.8cqw;font-style:italic;color:#fdf3d7d9;animation:inv-rise .7s ease-out .7s backwards}.invitation-event{margin:0;font-family:Frank Ruhl Libre,David,Times New Roman,serif;font-size:9.5cqw;font-weight:800;line-height:1.1;text-shadow:none;background:linear-gradient(100deg,#b8862a,#fbe39b 25%,#fff6d5,#e9c46a 55%,#b8862a 75%,#fbe39b);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px rgba(255,190,70,.4));animation:inv-rise .8s ease-out .9s backwards,inv-gold-shimmer 4s ease-in-out 1.7s infinite alternate}@keyframes inv-gold-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.invitation-divider{display:flex;align-items:center;justify-content:center;gap:2cqw;font-size:2.6cqw;color:var(--inv-gold);animation:inv-rise .7s ease-out 1.1s backwards}.invitation-divider span{width:18cqw;height:1px;background:linear-gradient(90deg,transparent,var(--inv-gold),transparent)}.invitation-details{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6cqw;font-size:3.6cqw;font-weight:600;line-height:1.35}.invitation-details li{animation:inv-rise .6s ease-out backwards}.invitation-details li:nth-child(1){animation-delay:1.3s}.invitation-details li:nth-child(2){animation-delay:1.45s}.invitation-details li:nth-child(3){animation-delay:1.6s}@keyframes inv-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flicker{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-5px) scale(1.1);opacity:.8}}.party-button{position:relative;overflow:hidden;max-width:100%;padding:clamp(10px,1.6vh,14px) clamp(26px,5vw,50px);font-size:clamp(1rem,2.4vw,1.35rem);font-weight:700;color:#1a1206;background:linear-gradient(180deg,#fbe39b,#e9c46a 45%,#c99a2e);border:1px solid #fff1c1;border-radius:999px;cursor:pointer;transition:transform .25s ease;animation:inv-button-glow 2.4s ease-in-out infinite}.party-button span{position:relative;z-index:1}.party-button:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skew(-20deg);animation:inv-button-sweep 3.2s ease-in-out infinite}.party-button:hover{transform:translateY(-3px) scale(1.04)}.party-button:active{transform:translateY(-1px) scale(1.01)}.party-button:focus-visible{outline:2px solid #fff6d5;outline-offset:3px}@keyframes inv-button-glow{0%,to{box-shadow:0 6px 20px #e9c46a73,inset 0 1px #ffffffb3}50%{box-shadow:0 6px 34px #ffc85ad9,inset 0 1px #ffffffb3}}@keyframes inv-button-sweep{0%{left:-60%}60%,to{left:130%}}@media(max-width:1024px)and (min-width:769px){.tic-tac-toe-container{right:5%;width:30vw}.switch-panel{left:30px;width:30vw}}@media(max-width:768px){.tic-tac-toe-container{bottom:30px;right:2vw;width:45vw;min-height:300px}.tic-tac-toe-board{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:6px;padding:12px}.tic-tac-toe-cell{font-size:36px}.tic-tac-toe-result{font-size:18px;padding:12px 15px;height:5rem}.switch-panel{left:2vw;bottom:30px;width:45vw;padding:20px}.switch-panel-title{font-size:20px;margin-bottom:15px}.switch-grid-columns{gap:40px}.switch-icon{font-size:32px}.switch-dot{width:50px;height:50px}.safe{width:350px;height:450px}.safe-handle{width:110px;height:110px}.safe-lock{width:100px;height:100px}.trivia-box{width:220px;height:100px}.box-top{width:220px;height:220px}.box-front{width:220px;height:100px}.box-label{font-size:42px}.result-layout{flex-direction:column}.correct-answer-sidebar{width:100%;position:static}.answers-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.word-input-section{padding:30px 20px}.letter-boxes{gap:8px}.letter-box{width:45px;height:55px;font-size:24px}.submit-button{font-size:18px;padding:12px 40px}}@media(max-width:900px)and (min-width:701px){.poem-sidebar{flex-basis:34%;max-width:280px;min-width:150px}}@media(max-width:700px){.room2-layout{flex-direction:column;gap:clamp(6px,1vh,12px)}.poem-sidebar{width:100%;max-width:none;min-width:0;flex:0 1 auto;max-height:min(34dvh,240px)}.quiz-container{width:100%;flex:1 1 auto}.answer-button:hover{transform:none}}@media(max-width:420px){.poem-sidebar{max-height:min(30dvh,190px);padding:8px 10px}.invitation-title{letter-spacing:.2em}}@media(max-height:640px)and (min-width:701px){.poem-text{font-size:.95rem;line-height:1.45}.poem-sidebar{padding:8px 10px}.answers-list{gap:6px}.answer-button{padding:7px 12px}.live-letter-box{height:clamp(30px,8vh,44px)}}@media(max-height:520px)and (max-width:700px){.room.room2{padding:4px 8px}.poem-sidebar{max-height:28%}}.room4{--room-side: 36vw;--room-depth: calc(var(--room-side) * .9397);--room-inset: calc(var(--room-side) * .342);--stone: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='160'%20viewBox='0%200%20240%20160'%3e%3cdefs%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='3'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.08%200%200%200%200%200.05%200%200%200%200%200.02%201.6%200%200%200%20-0.55'/%3e%3c/filter%3e%3cfilter%20id='stain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.035'%20numOctaves='4'%20seed='7'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.04%200%200%200%200%200.02%200%200%200%200%200.01%202.2%200%200%200%20-0.9'/%3e%3c/filter%3e%3clinearGradient%20id='bevel'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23ffe2b8'%20stop-opacity='0.16'/%3e%3cstop%20offset='0.12'%20stop-color='%23ffe2b8'%20stop-opacity='0'/%3e%3cstop%20offset='0.85'%20stop-color='%23000'%20stop-opacity='0'/%3e%3cstop%20offset='1'%20stop-color='%23000'%20stop-opacity='0.45'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20width='240'%20height='160'%20fill='%23120c08'/%3e%3cg%3e%3crect%20x='3'%20y='3'%20width='114'%20height='74'%20rx='5'%20fill='%234a3d2f'/%3e%3crect%20x='123'%20y='3'%20width='114'%20height='74'%20rx='5'%20fill='%2342362a'/%3e%3crect%20x='-57'%20y='83'%20width='114'%20height='74'%20rx='5'%20fill='%233d3226'/%3e%3crect%20x='63'%20y='83'%20width='114'%20height='74'%20rx='5'%20fill='%234f4134'/%3e%3crect%20x='183'%20y='83'%20width='114'%20height='74'%20rx='5'%20fill='%233d3226'/%3e%3c/g%3e%3cg%20fill='url(%23bevel)'%3e%3crect%20x='3'%20y='3'%20width='114'%20height='74'%20rx='5'/%3e%3crect%20x='123'%20y='3'%20width='114'%20height='74'%20rx='5'/%3e%3crect%20x='-57'%20y='83'%20width='114'%20height='74'%20rx='5'/%3e%3crect%20x='63'%20y='83'%20width='114'%20height='74'%20rx='5'/%3e%3crect%20x='183'%20y='83'%20width='114'%20height='74'%20rx='5'/%3e%3c/g%3e%3crect%20width='240'%20height='160'%20filter='url(%23stain)'/%3e%3crect%20width='240'%20height='160'%20filter='url(%23grain)'%20opacity='0.6'/%3e%3c/svg%3e");--candle: rgba(255, 170, 70, 1);background-color:#070504;width:100vw;height:100vh;overflow:hidden;position:relative;perspective:84vw;perspective-origin:50% 40%;pointer-events:none}.room4-3d-container{position:absolute;inset:0;transform-style:preserve-3d}.room4-floor{position:absolute;left:0;bottom:0;width:100vw;height:var(--room-depth);background:radial-gradient(ellipse 45% 60% at 50% 55%,rgba(255,160,70,.22),transparent 70%),linear-gradient(to bottom,#000000d9,#00000026 70%,#00000059),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='256'%20height='256'%20viewBox='0%200%20256%20256'%3e%3cdefs%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.7'%20numOctaves='3'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.06%200%200%200%200%200.04%200%200%200%200%200.02%201.6%200%200%200%20-0.5'/%3e%3c/filter%3e%3cfilter%20id='stain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.02'%20numOctaves='4'%20seed='3'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.03%200%200%200%200%200.02%200%200%200%200%200.01%202.4%200%200%200%20-1'/%3e%3c/filter%3e%3clinearGradient%20id='edge'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23ffd9a0'%20stop-opacity='0.1'/%3e%3cstop%20offset='0.2'%20stop-color='%23ffd9a0'%20stop-opacity='0'/%3e%3cstop%20offset='0.8'%20stop-color='%23000'%20stop-opacity='0'/%3e%3cstop%20offset='1'%20stop-color='%23000'%20stop-opacity='0.4'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20width='256'%20height='256'%20fill='%230d0906'/%3e%3cg%3e%3crect%20x='3'%20y='3'%20width='134'%20height='122'%20rx='4'%20fill='%233a3027'/%3e%3crect%20x='143'%20y='3'%20width='110'%20height='122'%20rx='4'%20fill='%23322920'/%3e%3crect%20x='3'%20y='131'%20width='70'%20height='122'%20rx='4'%20fill='%232e251d'/%3e%3crect%20x='79'%20y='131'%20width='174'%20height='122'%20rx='4'%20fill='%233d3329'/%3e%3c/g%3e%3cg%20fill='url(%23edge)'%3e%3crect%20x='3'%20y='3'%20width='134'%20height='122'%20rx='4'/%3e%3crect%20x='143'%20y='3'%20width='110'%20height='122'%20rx='4'/%3e%3crect%20x='3'%20y='131'%20width='70'%20height='122'%20rx='4'/%3e%3crect%20x='79'%20y='131'%20width='174'%20height='122'%20rx='4'/%3e%3c/g%3e%3crect%20width='256'%20height='256'%20filter='url(%23stain)'/%3e%3crect%20width='256'%20height='256'%20filter='url(%23grain)'%20opacity='0.6'/%3e%3c/svg%3e") 0 0 / 220px 220px;transform-origin:center bottom;transform:rotateX(90deg);clip-path:polygon(calc(var(--room-inset) - 4px) 0,calc(100% - var(--room-inset) + 4px) 0,100% 100%,0 100%);pointer-events:none}.room4-ceiling{position:absolute;left:0;top:0;width:100vw;height:var(--room-depth);transform-origin:center top;transform:rotateX(-90deg);clip-path:polygon(0 0,100% 0,calc(100% - var(--room-inset) + 4px) 100%,calc(var(--room-inset) - 4px) 100%);pointer-events:none}.bg-video.room4-ceiling-bg>video{object-position:center top}.room4-ceiling-bg:after{content:"";background:radial-gradient(ellipse 35% 55% at 50% 50%,rgba(255,170,80,.18),transparent 70%),linear-gradient(to top,#000000d9,#00000059)}.room4-back-wall{position:absolute;top:0;left:calc(var(--room-inset) - 2px);width:calc(100vw - 2 * var(--room-inset) + 4px);height:100vh;transform:translateZ(calc(-1 * var(--room-depth)));background:radial-gradient(ellipse 60% 45% at 50% 18%,rgba(255,170,80,.2),transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(0,0,0,.8) 100%),var(--stone) 0 0 / 210px 140px;box-shadow:inset 0 0 120px #000000d9;overflow:hidden;pointer-events:none}.bookshelf-container{position:absolute;left:50%;bottom:0;width:min(82%,100vmin);height:90%;display:flex;flex-direction:column;padding:18px 18px 0;--wood-grain: repeating-linear-gradient(90deg, rgba(0, 0, 0, .1) 0 1px, transparent 1px 7px, rgba(255, 220, 170, .03) 7px 8px, transparent 8px 13px);background:var(--wood-grain),linear-gradient(90deg,#2e1b0d,#4a2d16 12%,#3d2512,#4a2d16 88%,#2e1b0d);border:4px solid #1c1009;border-bottom:none;border-radius:4px 4px 0 0;box-shadow:0 0 60px #000000e6,inset 0 2px #ffd2961f,inset 0 0 30px #0009;transform:translate(-50%);pointer-events:none;transition:all 2s ease}.bookshelf-container.bookshelf-open{transform:translate(-50%) translateY(-120%);opacity:0}.bookshelf-row{display:flex;align-items:flex-end;width:100%;height:20%;padding:10px 8px 16px;gap:1px;background:linear-gradient(to bottom,#0d0704,#1c110a 55%,#24160c);box-shadow:inset 0 14px 18px #000000e6,inset 12px 0 14px #000000b3,inset -12px 0 14px #000000b3;position:relative}.bookshelf-row:after{content:"";position:absolute;bottom:0;left:-18px;right:-18px;height:16px;z-index:1;background:var(--wood-grain),linear-gradient(to bottom,#6a4424,#5a3a1e 20%,#3e2713 75%,#24160a);box-shadow:0 4px 8px #000000bf,inset 0 1px #ffd29640}.book{--book-color: #5a1a14;position:relative;min-width:0;border-radius:3px 3px 1px 1px;background:linear-gradient(to right,#0009,#ffebc824,#ffebc80d 32%,#00000014 62%,#0000008c),linear-gradient(to bottom,rgba(0,0,0,.25),transparent 12%,transparent 88%,rgba(0,0,0,.3)),var(--book-color);box-shadow:1px 0 2px #000000b3,inset 0 1px #ffffff14;transform-origin:bottom left;transform:rotate(var(--tilt, 0deg))}.book-leather{background:linear-gradient(to bottom,transparent 33%,rgba(0,0,0,.45) 33%,rgba(0,0,0,.45) 34%,rgba(255,230,190,.18) 34%,rgba(255,230,190,.18) 35.5%,transparent 35.5%,transparent 64%,rgba(0,0,0,.45) 64%,rgba(0,0,0,.45) 65%,rgba(255,230,190,.18) 65%,rgba(255,230,190,.18) 66.5%,transparent 66.5%),linear-gradient(to right,#0009,#ffebc829,#ffebc80d 32%,#00000014 62%,#0000008c),linear-gradient(to bottom,rgba(0,0,0,.25),transparent 12%,transparent 88%,rgba(0,0,0,.3)),var(--book-color)}.book-leather:before,.book-leather:after{content:"";position:absolute;left:0;right:0;height:6%;border-top:2px solid rgba(212,168,86,.75);border-bottom:2px solid rgba(212,168,86,.75)}.book-leather:before{top:8%}.book-leather:after{bottom:8%}.book-cloth:before{content:"";position:absolute;top:14%;left:18%;right:18%;height:16%;background:#00000059;border:1px solid rgba(212,168,86,.55);border-radius:1px}.book-cloth:after,.book-plain:after{content:"";position:absolute;left:0;right:0;bottom:7%;height:2px;background:#d4a85680}.book-stack{height:100%;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.book-flat{--book-color: #5a1a14;position:relative;height:12%;border-radius:1px 3px 3px 1px;background:linear-gradient(to bottom,#ffebc824,#ffebc80a 30%,#0000001a,#0009),var(--book-color);box-shadow:0 1px 2px #000000b3}.book-flat:before,.book-flat:after{content:"";position:absolute;top:0;bottom:0;width:4%;border-left:2px solid rgba(212,168,86,.7);border-right:2px solid rgba(212,168,86,.7)}.book-flat:before{left:7%}.book-flat:after{right:7%}.room4-left-wall{position:absolute;width:var(--room-side);height:100vh;left:0;top:0;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 25%,transparent 75%,rgba(0,0,0,.75)),linear-gradient(to right,#ffa04614,#00000059 55%,#000000d9),var(--stone) 0 0 / 210px 140px;transform-origin:left center;transform:rotateY(70deg);box-shadow:inset -60px 0 120px #000c;pointer-events:none}.room4-right-wall{position:absolute;width:var(--room-side);height:100vh;right:0;top:0;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 25%,transparent 75%,rgba(0,0,0,.75)),linear-gradient(to left,#ffa04614,#00000059 55%,#000000d9),var(--stone) 0 0 / 210px 140px;transform-origin:right center;transform:rotateY(-70deg);box-shadow:inset 60px 0 120px #000c;pointer-events:none}.room4-torch{position:absolute;top:30%;width:26px;height:90px;pointer-events:none}.room4-torch-left{left:calc((100% - min(82%,100vmin))/4 - 13px)}.room4-torch-right{right:calc((100% - min(82%,100vmin))/4 - 13px)}.room4-torch:before{content:"";position:absolute;left:50%;top:-40px;width:340px;height:340px;transform:translate(-50%,-30%);background:radial-gradient(circle,rgba(255,150,60,.35),rgba(255,120,40,.1) 35%,transparent 65%);animation:room4-flicker 3.2s infinite}.room4-torch-stick{position:absolute;left:50%;top:22px;width:10px;height:64px;transform:translate(-50%);background:linear-gradient(90deg,#2a170b,#5a3418 50%,#2a170b);border-radius:3px;box-shadow:0 0 0 3px #1a120c inset}.room4-torch-stick:before{content:"";position:absolute;left:50%;top:0;width:26px;height:14px;transform:translate(-50%);background:linear-gradient(#4a4038,#1f1a16);border-radius:3px 3px 10px 10px}.room4-flame{position:absolute;left:50%;bottom:100%;width:18px;height:30px;margin-left:-9px;border-radius:50% 50% 35% 35%/65% 65% 35% 35%;background:radial-gradient(ellipse at 50% 80%,#fff6d6,#ffd36b 25%,#ff8a1e 60%,#ff3c0000 75%);filter:drop-shadow(0 0 8px rgba(255,150,40,.9));transform-origin:50% 100%;animation:room4-flame .9s ease-in-out infinite alternate}.room4-torch .room4-flame{top:-8px;bottom:auto;width:24px;height:40px;margin-left:-12px}.room4-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.room4-glow{position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 50% 22%,rgba(255,160,60,.08),transparent 70%);animation:room4-flicker 5s infinite}.room4-fog{position:absolute;left:0;bottom:0;width:200%;height:38%;background:radial-gradient(ellipse 18% 45% at 10% 85%,rgba(170,150,130,.16),transparent 70%),radial-gradient(ellipse 22% 40% at 32% 95%,rgba(170,150,130,.12),transparent 70%),radial-gradient(ellipse 16% 50% at 55% 88%,rgba(170,150,130,.15),transparent 70%),radial-gradient(ellipse 20% 45% at 78% 92%,rgba(170,150,130,.12),transparent 70%);background-size:50% 100%;background-repeat:repeat-x;animation:room4-fog-drift 45s linear infinite}.room4-fog-slow{height:30%;opacity:.7;animation-duration:70s;animation-direction:reverse}.room4-dust{position:absolute;bottom:-10px;border-radius:50%;background:#ffd9a0;box-shadow:0 0 6px #ffc878e6;opacity:0;animation:room4-dust-float linear infinite}.room4-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 50%,rgba(0,0,0,.75) 100%)}@keyframes room4-flicker{0%,to{opacity:.9}12%{opacity:1}25%{opacity:.8}38%{opacity:.95}52%{opacity:.75}67%{opacity:1}80%{opacity:.85}}@keyframes room4-flame{0%{transform:scale(1) skew(0)}33%{transform:scale(.92,1.08) skew(3deg)}66%{transform:scale(1.05,.94) skew(-3deg)}to{transform:scale(.96,1.1) skew(2deg)}}@keyframes room4-fog-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes room4-dust-float{0%{transform:translate(0);opacity:0}15%{opacity:.8}85%{opacity:.5}to{transform:translate(var(--drift),-105vh);opacity:0}}@media(prefers-reduced-motion:reduce){.room4-flame,.room4-fog,.room4-dust,.room4-glow,.room4-torch:before,.door-grille{animation:none}}.roulette-container{position:fixed;top:15%;right:15%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0;z-index:150;pointer-events:auto}.roulette-pointer{position:relative;z-index:3;width:34px;height:40px;margin-bottom:-22px;background:linear-gradient(90deg,#8a6424,#f3d98c 45%,#c9a25a 55%,#6b4a14);clip-path:polygon(0 0,100% 0,100% 35%,50% 100%,0 35%);filter:drop-shadow(0 4px 4px rgba(0,0,0,.8));transform-origin:50% 20%}.roulette-pointer:after{content:"";position:absolute;left:50%;top:7px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb3a8,#c0181a 55%,#5a0505);box-shadow:0 0 6px #ff3c28cc}.roulette-container.spinning .roulette-pointer{animation:roulette-tick .12s ease-in-out infinite alternate}.roulette-wheel{position:relative;width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,transparent 0 60%,rgba(0,0,0,.45) 61%,transparent 66%),radial-gradient(circle at 50% 30%,rgba(255,220,160,.18),transparent 65%),repeating-conic-gradient(#7a2418 0deg 21.5deg,#d4a857 21.5deg 22.5deg,#24160b 22.5deg 44deg,#d4a857 44deg 45deg);box-shadow:0 0 0 4px #2a1a0a,0 0 0 14px #b8862b,0 0 0 15px #f3d98c,0 0 0 18px #3a2610,0 0 30px 18px #ffaa3c40,0 14px 36px 16px #000000bf,inset 0 0 24px #000000d9;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;pointer-events:auto}.roulette-wheel:not(.spinning):hover{transform:scale(1.05);box-shadow:0 0 0 4px #2a1a0a,0 0 0 14px #c9973a,0 0 0 15px #fff0b8,0 0 0 18px #3a2610,0 0 40px 22px #ffb44666,0 14px 36px 16px #000000bf,inset 0 0 24px #000000d9}.roulette-wheel.spinning{animation:roulette-spin 2.1s cubic-bezier(.15,.6,.25,1)}.roulette-bulb{--i: 0;position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbe6,#ffcf5a 45%,#b86a10);box-shadow:0 0 8px 2px #ffc850d9;transform:rotate(calc(var(--i) * 22.5deg)) translateY(-109px);animation:roulette-bulb 1.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.6s)}.roulette-wheel.spinning .roulette-bulb{animation-duration:.25s;animation-delay:calc(var(--i) * -.03s)}@keyframes roulette-spin{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}@keyframes roulette-bulb{0%,to{opacity:1;filter:brightness(1.1)}50%{opacity:.35;filter:brightness(.6)}}@keyframes roulette-tick{0%{transform:rotate(-12deg)}to{transform:rotate(8deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1080deg)}}@keyframes glow{0%,to{box-shadow:0 10px 40px #ffd70080;border-color:gold}50%{box-shadow:0 10px 60px gold,0 0 30px #ffd700cc;border-color:orange}}.roulette-item{position:relative;z-index:1;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:50px;line-height:1;background:radial-gradient(circle at 35% 28%,#fffadcb3 0,#fffadc00 30%),radial-gradient(circle at 50% 55%,#e9c46a,#b8862b 55%,#6b4a14);box-shadow:0 0 0 3px #3a2610,0 0 0 5px #d4a857,0 6px 14px #000c,inset 0 -6px 12px #50320ab3,inset 0 3px 6px #fff5c880}.roulette-item:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(90,60,15,.6)}.roulette-counter{font-size:28px;color:gold;font-weight:700;text-shadow:0 0 20px rgba(255,215,0,.8)}.hammer-game{position:fixed;top:55%;right:13%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;z-index:150;pointer-events:auto}.balls-container{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:center;max-width:380px;padding:28px;background:radial-gradient(ellipse at 50% 0%,rgba(255,170,80,.14),transparent 60%),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 8px),linear-gradient(145deg,#3a2412,#1a0e06);border:3px solid #7a5626;border-radius:18px;box-shadow:0 0 0 2px #1a0f06,0 18px 40px #000c,inset 0 0 30px #000c,inset 0 1px #ffd28c40}.balls-container:before{--rivet: radial-gradient(circle at 40% 40%, #f0d48a 0, #a07a36 2px, #3a2610 4px, transparent 5px);content:"";position:absolute;inset:8px;pointer-events:none;background:var(--rivet) left top / 10px 10px no-repeat,var(--rivet) right top / 10px 10px no-repeat,var(--rivet) left bottom / 10px 10px no-repeat,var(--rivet) right bottom / 10px 10px no-repeat}.ball{--rim: #7a5a26;position:relative;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#1a110a,#050302 70%);box-shadow:inset 0 6px 12px #000000f2,inset 0 -2px 4px #ffc87814,0 0 0 4px var(--rim),0 0 0 6px #2a1a0a,0 0 0 7px #e8c77a59,0 6px 14px #000c;transition:box-shadow .25s ease,transform .1s ease;pointer-events:auto}.ball:hover{--rim: #a07a36}.ball:active{transform:scale(.94)}.ball-inner{position:relative;width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff38 0,#fff0 22%),radial-gradient(circle at 50% 60%,#3a2a1c,#120b06 75%);box-shadow:inset 0 -4px 8px #000c,0 2px 4px #0009;transition:background .2s ease,box-shadow .2s ease}.ball.ball-target{--rim: #b5843a;box-shadow:inset 0 6px 12px #000000f2,0 0 0 4px var(--rim),0 0 0 6px #2a1a0a,0 0 0 7px #ffbe6499,0 0 28px #ff82288c,0 6px 14px #000c}.ball.ball-target .ball-inner{background:radial-gradient(circle at 35% 30%,#ffffffbf 0,#fff0 25%),radial-gradient(circle at 50% 55%,#fff1b8,#ffb340,#e2570f 70%,#7a1c05);box-shadow:0 0 18px 6px #ff8c28bf,0 0 40px 14px #ff5a1459,inset 0 -4px 8px #78140099;animation:ball-ember .3s ease-out,ball-ember-flicker .6s ease-in-out .3s infinite alternate}.ball.ball-target:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,170,70,.85);pointer-events:none;animation:ball-ring .9s ease-out infinite}.ball.ball-hit{--rim: #d4a857;box-shadow:inset 0 6px 12px #000000e6,0 0 0 4px var(--rim),0 0 0 6px #3a2610,0 0 0 7px #ffdc8cb3,0 0 34px 6px #ffc85a8c,0 6px 14px #000c}.ball.ball-hit .ball-inner{background:radial-gradient(circle at 35% 30%,#ffffffd9 0,#fff0 28%),radial-gradient(circle at 50% 50%,#fffbe8,#ffe48a,#f5b73d 70%,#b8752b);box-shadow:0 0 20px 8px #ffd26ebf,0 0 44px 16px #ffb44659,inset 0 -4px 8px #965a1473;animation:ball-lit-glow 2.4s ease-in-out infinite alternate}@keyframes ball-lit-glow{0%{filter:brightness(1)}to{filter:brightness(1.15)}}.ball.ball-smash .ball-inner{animation:ball-smash .45s ease-out}.ball.ball-smash:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid rgba(255,225,130,.95);box-shadow:0 0 20px #ffc850cc;pointer-events:none;animation:ball-shockwave .45s ease-out forwards}.ball.ball-smash:before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#fff1b8;box-shadow:0 -34px #ffd060,24px -24px #ffb340,34px 0 #ffd060,24px 24px #ffb340,0 34px #ffd060,-24px 24px #ffb340,-34px 0 #ffd060,-24px -24px #ffb340;pointer-events:none;z-index:2;animation:ball-sparks .45s ease-out forwards}.ball.ball-miss{animation:ball-miss .35s ease-in-out}.ball.ball-miss .ball-inner{background:radial-gradient(circle at 35% 30%,#fff3 0,#fff0 22%),radial-gradient(circle at 50% 60%,#6b1a12,#1a0605 75%);box-shadow:0 0 14px 3px #c81e1480,inset 0 -4px 8px #000c}@keyframes ball-ember{0%{transform:scale(.4);filter:brightness(2.2)}60%{transform:scale(1.12)}to{transform:scale(1);filter:brightness(1)}}@keyframes ball-ember-flicker{0%{filter:brightness(1)}to{filter:brightness(1.25)}}@keyframes ball-ring{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.45);opacity:0}}@keyframes ball-smash{0%{transform:scale(1.15);filter:brightness(2.5)}25%{transform:scale(.75,.6)}60%{transform:scale(1.1)}to{transform:scale(1);filter:brightness(1)}}@keyframes ball-shockwave{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes ball-sparks{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes ball-miss{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hammer-progress{font-size:36px;color:gold;font-weight:700;text-shadow:0 0 20px rgba(255,215,0,.8)}.image-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;animation:fadeInScale .5s ease}.image-display img{max-width:80vw;max-height:80vh;border:8px solid #FFD700;border-radius:20px;box-shadow:0 0 50px #ffd700cc}.image-display-below{position:fixed;top:60%;left:50%;transform:translate(-50%,-50%);z-index:110;animation:fadeInScale .5s ease;cursor:pointer}.image-display-below img{max-width:60vw;max-height:50vh;border:8px solid #FFD700;border-radius:20px;box-shadow:0 0 50px #ffd700cc;transition:all .3s ease}.image-display-below img:hover{transform:scale(1.05);box-shadow:0 0 70px gold}.image-display-top-right{position:fixed;top:20px;right:20px;z-index:110;animation:moveToTopRight .5s ease;cursor:default}.image-display-top-right img{width:150px;height:auto;border:4px solid #FFD700;border-radius:10px;box-shadow:0 0 30px #ffd70099}@keyframes moveToTopRight{0%{top:60%;left:50%;transform:translate(-50%,-50%)}to{top:20px;right:20px;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.collected-items{position:fixed;bottom:50px;left:50%;transform:translate(-50%);display:flex;gap:30px;z-index:150;pointer-events:none}.collected-item{font-size:80px;filter:drop-shadow(0 0 20px rgba(255,215,0,.6));animation:bounceIn .5s ease}@keyframes bounceIn{0%{opacity:0;transform:scale(0) translateY(-50px)}60%{opacity:1;transform:scale(1.2) translateY(0)}to{transform:scale(1)}}.left-door{position:fixed;left:8%;top:50%;transform:translateY(-50%);width:30vw;height:70vh;background:radial-gradient(ellipse 70% 45% at 55% 35%,rgba(255,170,80,.14),transparent 70%),linear-gradient(to bottom,rgba(0,0,0,.35),transparent 22%,transparent 82%,rgba(0,0,0,.55)),linear-gradient(to right,rgba(0,0,0,.45),transparent 12%,transparent 88%,rgba(0,0,0,.45)),repeating-linear-gradient(90deg,rgba(0,0,0,.65) 0 3px,rgba(255,210,150,.08) 3px 5px,transparent 5px 20%),repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 6px,rgba(255,220,170,.04) 6px 7px,transparent 7px 11px),repeating-linear-gradient(0deg,transparent 0 37px,rgba(0,0,0,.12) 37px 39px,transparent 39px 83px),linear-gradient(90deg,#4a2c15 0 20%,#5a371a 20% 40%,#4d2f17 40% 60%,#5e3a1c 60% 80%,#472a14 80% 100%);border:5px solid #1e1208;border-bottom:none;border-radius:50% 50% 0 0/24% 24% 0 0;box-shadow:0 0 0 9px #3d3731,0 0 0 10px #59524a,0 0 0 14px #2a2622,0 0 0 15px #120f0c,0 25px 60px #000000e6,inset 0 0 50px #0009;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:all 1.5s ease;transform-origin:left center;perspective:1000px}.left-door:before,.left-door:after{content:"";position:absolute;left:-5px;width:84%;height:5.5%;z-index:1;background:radial-gradient(circle,#c9c3ba 0 1.5px,#4a4540 2.5px,#1a1815 3.5px,transparent 4.5px) 14px 50% / 34px 100% repeat-x,linear-gradient(to bottom,#6a645c,#3a3631 30%,#24211d 70%,#0f0d0b);clip-path:polygon(0 0,90% 0,96% 20%,100% 50%,96% 80%,90% 100%,0 100%);pointer-events:none}.left-door:before{top:30%}.left-door:after{top:78%}.door-grille{position:absolute;top:9%;left:50%;width:26%;height:13%;transform:translate(-50%);border-radius:50% 50% 4px 4px/40% 40% 4px 4px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 3px),#2a2622 calc(25% - 3px) 25%),linear-gradient(to bottom,#2a2622 0 4px,transparent 4px calc(50% - 2px),#2a2622 calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px)),radial-gradient(ellipse at 50% 70%,#ff96328c,#78280a66 50%,#050302 85%);box-shadow:0 0 0 4px #3a3631,0 0 0 6px #14110e,inset 0 0 12px #000000e6,0 0 24px #ff8c2826;animation:room4-flicker 3.6s infinite;pointer-events:none}.door-ring-plate{position:absolute;top:50%;right:9%;width:46px;height:46px;margin-top:-23px;z-index:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7a746b,#3a3631 55%,#14110e);box-shadow:0 4px 8px #000000d9,inset 0 2px 2px #fff3;pointer-events:none}.door-ring-plate:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a8a198,#2a2622)}.door-ring{position:absolute;left:50%;top:50%;width:54px;height:62px;margin-left:-27px;border-radius:50%;border:7px solid #2e2a26;box-shadow:0 6px 8px #000c,inset 0 2px 1px #ffffff2e,0 -1px 1px #ffffff26}.door-keyhole{position:absolute;top:calc(50% + 70px);right:calc(9% + 9px);width:28px;height:44px;z-index:1;border-radius:6px;background:radial-gradient(circle at 50% 36%,#000 0 5px,transparent 6px),linear-gradient(#000,#000) 50% 62% / 5px 12px no-repeat,radial-gradient(circle at 35% 25%,#7a746b,#3a3631 55%,#14110e);box-shadow:0 3px 6px #000c,inset 0 1px 1px #fff3;pointer-events:none}.door-keypad{--keypad-screw: radial-gradient(circle at 35% 30%, #b8b0a3 0 1.5px, #4a4540 2.5px, #1a1815 3.5px, transparent 4px);position:absolute;top:54%;left:44%;transform:translate(-50%,-50%);z-index:2;width:clamp(190px,14vw,240px);padding:16px 14px 14px;border-radius:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),linear-gradient(160deg,#5a544c,#3a3631 45%,#24211d);border:2px solid #14110e;box-shadow:0 0 0 3px #7a5a26,0 0 0 5px #1e1208,0 14px 30px #000000d9,inset 0 2px 2px #ffffff26,inset 0 -3px 6px #0009;display:flex;flex-direction:column;gap:10px;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:box-shadow .4s ease}.door-keypad-screws{position:absolute;inset:5px;pointer-events:none;background:var(--keypad-screw) left top / 9px 9px no-repeat,var(--keypad-screw) right top / 9px 9px no-repeat,var(--keypad-screw) left bottom / 9px 9px no-repeat,var(--keypad-screw) right bottom / 9px 9px no-repeat}.door-keypad-screen{height:44px;border-radius:5px;background:radial-gradient(ellipse at 50% 40%,#2b1a08,#0d0804 80%);border:2px solid #0a0806;box-shadow:inset 0 3px 8px #000000e6,0 1px #ffffff1a;display:flex;align-items:center;justify-content:center;direction:rtl;font-family:Frank Ruhl Libre,David,serif;font-size:1.7rem;font-weight:700;letter-spacing:.3em;color:#ffb340;text-shadow:0 0 8px rgba(255,160,50,.8);overflow:hidden;transition:color .3s ease,text-shadow .3s ease}.door-keypad-leds{display:flex;justify-content:center;gap:14px}.door-keypad-led{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 1px 2px #000c;transition:background .2s ease,box-shadow .2s ease}.door-keypad-led.led-red{background:#3a0f0b}.door-keypad-led.led-green{background:#0f2a12}.door-keypad-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;direction:rtl}.door-keypad-key{aspect-ratio:1;border:1px solid #0f0d0b;border-radius:5px;background:linear-gradient(to bottom,#d9b46a,#a8803c 55%,#7a5a26);color:#2a1a0a;font-family:Frank Ruhl Libre,David,serif;font-size:1.05rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 3px #3a2610,0 4px 5px #0009,inset 0 1px 1px #fff0c899;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.door-keypad-key:hover{filter:brightness(1.12)}.door-keypad-key:active{transform:translateY(3px);box-shadow:0 0 #3a2610,0 1px 2px #0009,inset 0 1px 2px #0006}.door-keypad-key.key-delete{background:linear-gradient(to bottom,#8a8278,#5a544c 55%,#3a3631);color:#f2e6cf}.door-keypad-key.key-enter{background:linear-gradient(to bottom,#e0a84e,#c06a1c 55%,#7a3a0c);color:#fff4dc}.door-keypad-error{animation:door-keypad-shake .4s ease-in-out}.door-keypad-error .door-keypad-screen{color:#ff5a4a;text-shadow:0 0 10px rgba(255,60,40,.9)}.door-keypad-error .led-red{background:#ff3b2a;box-shadow:0 0 8px 2px #ff3c28cc}.door-keypad-open{box-shadow:0 0 0 3px #7a5a26,0 0 0 5px #1e1208,0 0 30px #5adc6e59,0 14px 30px #000000d9}.door-keypad-open .door-keypad-screen{color:#7dff8a;text-shadow:0 0 10px rgba(90,255,110,.9)}.door-keypad-open .led-green{background:#4dff63;box-shadow:0 0 8px 2px #50ff64cc}.door-keypad-open .door-keypad-key{pointer-events:none;filter:brightness(.8)}@keyframes door-keypad-shake{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% - 6px),-50%)}40%{transform:translate(calc(-50% + 6px),-50%)}60%{transform:translate(calc(-50% - 4px),-50%)}80%{transform:translate(calc(-50% + 4px),-50%)}}.left-door.door-open{transform:translateY(-50%) translate(-50vw) rotateY(-90deg);opacity:0}.door-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;filter:drop-shadow(0 0 20px rgba(218,165,32,.5));z-index:51}.door-handle{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:60px;background:linear-gradient(135deg,#daa520,#b8860b);border:3px solid #8B6914;border-radius:15px;box-shadow:0 4px 15px #0009,inset 0 2px 5px #ffffff4d}.floor-box-container{position:fixed;bottom:15%;left:50%;transform:translate(-50%);perspective:1500px;z-index:30}.floor-box{position:relative;width:300px;height:200px;transform-style:preserve-3d;transform:rotateX(75deg);transition:all 1s ease}.floor-box-base{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#654321,#8b4513,#654321);border:6px solid #4A2511;border-radius:10px;box-shadow:0 20px 50px #000c,inset 0 0 30px #00000080;display:flex;align-items:center;justify-content:center}.floor-box-lid{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b4513,sienna,#8b4513);border:6px solid #654321;border-radius:10px;transform-origin:top center;transition:transform 1s ease;box-shadow:0 10px 40px #000000b3,inset 0 0 20px #0000004d;z-index:2}.floor-box-lid:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:40px;background:linear-gradient(135deg,#daa520,#b8860b);border:4px solid #8B6914;border-radius:20px;box-shadow:0 4px 15px #0009,inset 0 2px 5px #ffffff4d}.floor-box.open .floor-box-lid{transform:rotateX(-120deg)}.floor-box-numpad{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px}.floor-box-display{background:#1a1a1a;padding:12px 20px;border-radius:8px;font-family:Heebo,Arial,sans-serif;font-size:22px;color:#0f0;min-width:160px;text-align:center;border:3px solid #333;letter-spacing:5px;box-shadow:inset 0 0 10px #00ff004d}.floor-box-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.floor-box-key{width:50px;height:50px;font-size:20px;font-weight:700;background:linear-gradient(135deg,#4a4a4a,#6a6a6a);color:#fff;border:2px solid #2a2a2a;border-radius:8px;cursor:pointer;box-shadow:0 4px 10px #00000080;transition:all .2s ease}.floor-box-key:hover{background:linear-gradient(135deg,#5a5a5a,#7a7a7a);transform:scale(1.05)}.floor-box-key:active{transform:scale(.95)}.floor-box-reset{width:100%;max-width:160px;height:40px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#dc143c,tomato);color:#fff;border:2px solid #8B0000;border-radius:8px;cursor:pointer;box-shadow:0 4px 10px #00000080;transition:all .2s ease}.floor-box-reset:hover{background:linear-gradient(135deg,#ff1744,#ff7961);transform:scale(1.05)}.floor-box-reset:active{transform:scale(.95)}.floor-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(100px);font-size:120px;z-index:3;animation:cardRise 1s ease-in-out;filter:drop-shadow(0 0 30px rgba(255,215,0,.8))}@keyframes cardRise{0%{transform:translate(-50%,-50%) translateZ(0) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) translateZ(50px) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) translateZ(100px) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.room5{width:100vw;height:100vh;overflow:hidden;position:relative;isolation:isolate}.stone-card{position:relative;isolation:isolate}.stone-card.blink{animation:blinkAnimation .5s ease-in-out 3}@keyframes blinkAnimation{0%,to{opacity:1}50%{opacity:.3}}.instructions-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .5s ease}.instructions-card{background:linear-gradient(135deg,#0f3460,#16213e);border:4px solid #FFD700;border-radius:20px;padding:50px;max-width:600px;text-align:center;box-shadow:0 10px 40px #ffd70080;direction:rtl}.instructions-card h3{font-size:40px;color:gold;margin-bottom:30px}.instructions-card p{font-size:24px;color:#f4e4c1;margin:15px 0;line-height:1.6}.start-btn{margin-top:30px;padding:15px 40px;font-size:24px;font-weight:700;color:#1a1a2e;background:linear-gradient(135deg,gold,orange);border:none;border-radius:30px;cursor:pointer;box-shadow:0 5px 15px #ffd70066;transition:all .3s ease}.start-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ffd70099}.statements-container{max-width:900px;margin:0 auto 50px;padding:40px}.statement-row{display:flex;align-items:center;gap:30px;background:linear-gradient(135deg,#16213e,#0f3460);border:3px solid #533483;border-radius:15px;padding:25px;margin-bottom:20px;transition:all .3s ease;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.statement-row:hover{border-color:gold;box-shadow:0 5px 20px #ffd7004d}.bulb{flex-shrink:0;width:80px;height:120px;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.bulb:hover{transform:scale(1.1)}.bulb-glass{width:60px;height:80px;background:linear-gradient(135deg,#e8e8e8,#fff);border-radius:50% 50% 45% 45%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -5px 10px #0003;transition:all .3s ease}.bulb.on .bulb-glass{background:radial-gradient(circle,#ff0,gold,orange);box-shadow:0 0 30px #ffd700cc,inset 0 -5px 10px #0000001a;animation:flicker 2s ease-in-out infinite}@keyframes flicker{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.bulb-filament{width:20px;height:30px;border:2px solid #8B4513;border-radius:50%;opacity:.3;transition:opacity .3s ease}.bulb.on .bulb-filament{opacity:.8;border-color:gold;box-shadow:0 0 10px gold}.bulb-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,0,.6),transparent);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.8}}.bulb-base{width:30px;height:25px;background:linear-gradient(to bottom,#8b8b8b,#a9a9a9);border-radius:0 0 5px 5px;position:relative}.bulb-base:before,.bulb-base:after{content:"";position:absolute;width:100%;height:3px;background:#696969;left:0}.bulb-base:before{top:5px}.bulb-base:after{top:12px}.statement-text{flex:1;font-size:24px;color:#f4e4c1;line-height:1.5;text-align:right}.statement-number{color:gold;font-weight:700;margin-left:10px}.code-section{max-width:700px;margin:0 auto;background:linear-gradient(135deg,#16213e,#0f3460);border:4px solid #FFD700;border-radius:20px;padding:40px;text-align:center;box-shadow:0 10px 30px #00000080}.code-section h3{font-size:32px;color:gold;margin-bottom:20px}.code-instruction{font-size:22px;color:#f4e4c1;margin-bottom:30px}.code-inputs{display:flex;justify-content:center;gap:15px;margin-bottom:30px;direction:ltr}.code-digit-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.digit-label{font-size:20px;color:gold;font-weight:700}.code-digit{width:70px;height:70px;font-size:36px;text-align:center;border:4px solid #533483;border-radius:10px;background:#1a1a2e;color:gold;font-weight:700;transition:all .3s ease}.code-digit:focus{outline:none;border-color:gold;box-shadow:0 0 20px #ffd70099;transform:scale(1.1)}.submit-code-btn{padding:15px 50px;font-size:26px;font-weight:700;color:#1a1a2e;background:linear-gradient(135deg,gold,orange);border:none;border-radius:30px;cursor:pointer;box-shadow:0 5px 20px #ffd70066;transition:all .3s ease}.submit-code-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70099}.result-message{margin-top:25px;padding:20px;border-radius:10px;font-size:24px;font-weight:700;animation:messageAppear .5s ease}@keyframes messageAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-message.success{background:#2d8f2d4d;color:#90ee90;border:2px solid #2d8f2d}.result-message.error{background:#8b45134d;color:#ffb6c1;border:2px solid #8B4513}@media(max-width:768px){.room{padding:10px}.exit-room-btn{top:10px;left:10px;padding:8px 16px;font-size:14px}.room-title{font-size:24px;margin-bottom:8px}.room-content{flex-direction:column;gap:20px;padding-top:60px}.lock-side{max-width:100%}.instructions{max-width:100%;padding:15px;font-size:14px}}.room6-container{perspective:100vw;perspective-origin:50% 50%;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#1a1a1a,#2a2a2a,#1a1a1a);overflow:hidden;position:relative;--room6-bg-w: max(100vw, 177.78vh);--room6-bg-h: max(56.25vw, 100vh)}@media(orientation:portrait){.room6-container{--room6-bg-w: max(100vw, 56.25vh);--room6-bg-h: max(177.78vw, 100vh)}}@keyframes fillUp{0%{height:0%}to{height:100%}}@keyframes blink{0%,to{opacity:.85}50%{opacity:0}}.room6-wall{position:absolute;height:100vh;top:0;transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:48px;padding:48px;pointer-events:auto}.room6-wall>.bg-video{z-index:0}.room6-wall>.bg-video>video{position:absolute;top:calc((100vh - var(--room6-bg-h)) / 2);width:var(--room6-bg-w);height:var(--room6-bg-h);max-width:none;object-fit:fill}.room6-wall.right>.bg-video>video{left:calc((100vw - var(--room6-bg-w)) / 2 - 75vw)}.room6-wall.center>.bg-video>video{left:calc((100vw - var(--room6-bg-w)) / 2 - 25vw)}.room6-wall.left>.bg-video>video{left:calc((100vw - var(--room6-bg-w)) / 2 - 2.4vw)}.room6-wall.right{width:22.6vw;background-color:#6b6b6b;left:75vw;transform-origin:left center;transform:rotateY(-35deg)}.room6-wall.center{width:50vw;background-color:#5a5a5a;left:25vw}.room6-wall.left{width:22.6vw;background-color:#6b6b6b;right:75vw;transform-origin:right center;transform:rotateY(35deg)}.room6-wall.left,.room6-wall.right{padding:6vh 1.4vw 12vh;--room6-slab-gap: 1.5vh;--room6-slab-h: calc((82vh - 7 * var(--room6-slab-gap)) / 8)}.room6-side-content{display:flex;flex-direction:column;gap:var(--room6-slab-gap);align-items:stretch;width:100%;height:100%;position:relative;z-index:2}.room6-title{position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:48px;font-weight:900;color:gold;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4),3px 3px 0 rgba(0,0,0,.5);z-index:10;margin:0;padding:20px;white-space:nowrap;letter-spacing:3px}.room6-event-card{display:flex;justify-content:center;align-items:center;flex-shrink:0;height:var(--room6-slab-h);background:linear-gradient(160deg,#a39882,#8b806b 55%,#746a57);border:2px solid #4a4235;border-radius:4px;padding:.5vh .8vw;cursor:grab;transition:all .3s ease;width:100%;max-width:100%;box-shadow:inset 0 2px #fff5dc40,inset 0 -3px 6px #00000059,0 4px 10px #00000080;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.room6-event-card:active{cursor:grabbing}.room6-event-card:hover{transform:translateY(-3px);border-color:#c9923e;box-shadow:inset 0 2px #fff5dc4d,inset 0 -3px 6px #00000059,0 0 14px #ffb4468c}.room6-event-text,.room6-drop-text{font-size:clamp(.75rem,1.9vh,1.05rem);font-weight:700;line-height:1.15;text-align:center;color:#2b2217;text-shadow:0 1px 0 rgba(255,240,210,.45);word-wrap:break-word;overflow-wrap:break-word}.room6-drop-grid{display:flex;flex-direction:column;gap:var(--room6-slab-gap);width:100%;height:100%;direction:rtl;position:relative;z-index:3}.room6-drop-box{border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:.5vh .8vw;cursor:pointer;transition:all .3s ease;height:var(--room6-slab-h);background:#231d1573;border:2px dashed rgba(230,190,120,.6);box-shadow:inset 0 3px 8px #0009}.room6-drop-box.filled{background:linear-gradient(160deg,#a39882,#8b806b 55%,#746a57);border:2px solid #c9923e;box-shadow:inset 0 2px #fff5dc40,inset 0 -3px 6px #00000059,0 0 10px #ffb44659}.room6-drop-box:hover{border-color:#e0a84e;box-shadow:inset 0 3px 8px #0009,0 0 14px #ffb44673}.room6-drop-box.filled:hover{border-color:#ff6b6b;box-shadow:0 0 14px #ff6b6b80}.room6-swords{position:absolute;bottom:48px;left:50%;transform:translate(-50%);width:300px;height:300px;z-index:2}.room6-sword{position:absolute;width:250px;height:20px;left:50%;top:50%;transform-origin:center}.room6-sword.left-sword{transform:translate(-50%,-50%) rotate(-45deg)}.room6-sword.right-sword{transform:translate(-50%,-50%) rotate(45deg)}.room6-blade{position:absolute;width:180px;height:16px;right:0;top:2px;background:linear-gradient(90deg,gold,#fff8dc,gold,#fff8dc,gold,#daa520);clip-path:polygon(0 50%,100% 0,100% 100%,0 50%);box-shadow:0 0 10px #ffd70099,inset 0 2px 4px #fff6,inset 0 -2px 4px #daa52066;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.room6-hilt{position:absolute;width:70px;height:20px;left:0;top:0;background:linear-gradient(90deg,#daa520,gold,#daa520);border-radius:3px;box-shadow:0 0 8px #ffd700cc,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #b8860b80}.room6-guard{position:absolute;width:8px;height:60px;left:65px;top:-20px;background:linear-gradient(180deg,#daa520,gold,#daa520);border-radius:4px;box-shadow:0 0 8px #ffd700cc,inset 2px 0 3px #ffffff4d,inset -2px 0 3px #b8860b80}.room6-pommel{position:absolute;width:20px;height:20px;left:-5px;top:0;background:radial-gradient(circle,gold,#daa520 70%,#b8860b);border-radius:50%;box-shadow:0 0 10px #ffd700e6,inset 2px 2px 4px #fff6,inset -2px -2px 4px #b8860b99}.room-7-title{text-align:center;font-size:20px;color:gold;text-shadow:0 0 15px rgba(255,215,0,.6);margin-bottom:10px}.room7{background-color:#1a1106;isolation:isolate;min-height:100vh;width:100vw;height:100vh;position:relative;overflow:auto;direction:rtl}.progress-text{text-align:center;font-size:26px;color:gold;margin-bottom:25px;font-weight:700;text-shadow:0 0 15px rgba(255,215,0,.8),0 0 25px rgba(255,165,0,.5);background:#3d2817b3;padding:15px 30px;border-radius:15px;border:3px solid #8B4513;display:inline-block;margin-left:50%;transform:translate(-50%)}.room-scene{width:100%;height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:20px;gap:20px;position:relative}.found-jugs-panel{position:absolute;left:20px;top:55%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;z-index:10;height:calc(90vh - 16px);justify-content:space-evenly}.code-cabinet{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#654321,#8b4513);border:4px solid #D2691E;border-radius:15px;padding:25px;box-shadow:0 8px 25px #00000080;z-index:100;pointer-events:auto;transition:all .8s ease;width:22vw;height:70vh;overflow-y:auto}.code-cabinet.opening{transform:translateY(-50%) translate(200px);opacity:0}.code-cabinet.blink{animation:cabinetBlink 1s ease-in-out 3}@keyframes cabinetBlink{0%,to{box-shadow:0 8px 25px #00000080;border-color:#d2691e}50%{box-shadow:0 0 40px gold,0 0 80px #ffd700cc;border-color:gold}}.cabinet-title{text-align:center;font-size:20px;font-weight:700;color:gold;margin-bottom:15px;text-shadow:0 0 10px rgba(255,215,0,.6);border-bottom:2px solid #FFD700;padding-bottom:8px}.code-grid{display:flex;flex-direction:column;gap:10px}.code-row{display:flex;gap:10px;direction:ltr}.code-cell{background:#f4e4c1f2;border:2px solid #8B4513;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:70px;box-shadow:0 3px 8px #0000004d}.code-number{font-size:28px;font-weight:700;color:#8b4513}.code-letters{font-size:18px;font-weight:700;color:#654321;direction:rtl}.code-input-section{margin-top:20px;display:flex;flex-direction:column;gap:15px;direction:rtl}.code-display{width:100%;padding:15px;font-size:24px;text-align:center;border:3px solid #D2691E;border-radius:10px;background:#f4e4c1f2;color:#654321;font-weight:700;font-family:Heebo,Arial,sans-serif;letter-spacing:3px;min-height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.code-display.error{border-color:#f44;background:#f443;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.digit-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;direction:ltr}.digit-btn{padding:12px 15px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#654321;background:linear-gradient(135deg,#f4e4c1,#e8d4a0);border:2px solid #D2691E;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.digit-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 12px #ffd70080}.digit-btn:active:not(:disabled){transform:translateY(0)}.digit-btn:disabled{opacity:.5;cursor:not-allowed}.btn-number{font-size:24px;font-weight:700;line-height:1}.btn-letters{font-size:14px;font-weight:400;direction:rtl;letter-spacing:1px}.clear-btn{padding:12px 20px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 15px #dc354566;transition:all .3s ease}.clear-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc354599}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.cabinet-empty{padding:20px;direction:rtl;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cabinet-empty .cabinet-title{font-size:22px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.intro-popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.code-cabinet.intro-text-popup{position:relative;right:auto;top:auto;transform:none;width:70vw;max-width:1000px;height:auto;min-height:30vh;max-height:60vh;display:flex;background:#140a02;isolation:isolate;border-color:#b8860b;box-shadow:0 8px 30px #000000b3,inset 0 0 40px #0009}.bg-video.intro-text-popup-bg>video{object-position:left center}.intro-text-popup-bg:after{content:"";background:linear-gradient(to left,#140a02bf,#140a028c 55%,#140a0240)}.intro-text-popup .cabinet-title{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.8);border-bottom:none}.intro-text-stack{display:grid;width:100%}.intro-text-stack>.cabinet-title{grid-area:1 / 1;margin-bottom:0}.intro-text-sizer{visibility:hidden}@media(max-width:768px){.code-cabinet.intro-text-popup{width:92vw;max-width:none}}.cabinet-story{padding:20px;direction:rtl;text-align:right;display:flex;flex-direction:column;gap:15px;color:gold;width:100%;overflow-y:auto}.cabinet-story h3{font-size:22px;font-weight:700;text-align:center;margin-bottom:10px;text-shadow:0 0 10px rgba(255,215,0,.6);border-bottom:2px solid #FFD700;padding-bottom:8px}.room7 .story-text{font-size:16px;line-height:1.8;color:#f4e4c1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.room7 .story-text p{margin:0}.story-subtitle{font-size:20px;font-weight:700;text-align:center;color:gold;margin-top:15px;text-shadow:0 0 10px rgba(255,215,0,.8)}.menorah-icon{font-size:48px;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.menorah-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:300;animation:fadeIn 1s ease;background:#000000b3;display:flex;align-items:center;justify-content:center}.found-jug-item{width:70px;height:70px;background:#fffffff2;border:3px solid #8B4513;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:700;color:#654321;box-shadow:0 4px 10px #0000004d}.found-jug-item.selected{width:70px;height:70px;font-size:42px;font-weight:700;color:#654321;border-color:gold;box-shadow:0 4px 10px #0000004d;animation:blinkJug .5s ease-in-out 4}@keyframes blinkJug{0%,to{background:#fffffff2;box-shadow:0 4px 10px #0000004d}50%{background:#ffd700cc;box-shadow:0 0 20px #ffd700e6}}.found-jug-item.placeholder{background:#8b45131a;border:3px dashed #8B4513;box-shadow:none}.scene-container{position:relative;width:100%;height:100%;max-width:90vh;border:8px solid #654321;border-radius:20px;overflow:hidden;box-shadow:0 15px 50px #000000b3}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}@media(min-width:769px){.room-scene{--cabinet-width: 22vw}.code-cabinet{position:relative;right:auto;top:auto;transform:none;order:1;flex-shrink:0;width:var(--cabinet-width)}.code-cabinet.opening{transform:translate(200px)}.code-cabinet:not(.intro-text-popup){display:flex;flex-direction:column;padding:clamp(10px,2.5vh,25px)}.code-cabinet:not(.intro-text-popup)>.cabinet-title{flex-shrink:0;font-size:clamp(15px,3vh,20px);margin-bottom:clamp(4px,1.5vh,15px);padding-bottom:clamp(3px,1vh,8px)}.code-input-section{flex:1 1 auto;min-height:0;margin-top:clamp(4px,2vh,20px);gap:clamp(5px,1.5vh,15px)}.code-display{flex-shrink:0;min-height:clamp(30px,7vh,50px);padding:clamp(4px,1.5vh,15px);font-size:clamp(15px,3.5vh,24px);letter-spacing:clamp(1px,.3vw,3px)}.digit-keypad{flex:0 1 auto;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,auto));align-content:start;gap:clamp(4px,1.2vh,10px)}.digit-btn{min-width:0;min-height:0;justify-content:center;padding:clamp(2px,1vh,12px) 4px;gap:clamp(1px,.5vh,5px);overflow:hidden}.btn-number{font-size:clamp(13px,3.2vh,24px)}.btn-letters{font-size:clamp(10px,2vh,14px);letter-spacing:0}.clear-btn{flex-shrink:0;padding:clamp(4px,1.2vh,12px) 20px;font-size:clamp(13px,2.5vh,18px)}.scene-container{order:2;flex:0 0 auto;width:auto;max-width:none;height:min(100%,calc(100vw - var(--cabinet-width) - 190px));aspect-ratio:1 / 1}.found-jugs-panel{position:relative;left:auto;top:auto;transform:none;order:3;flex-shrink:0;height:100%}}.room-svg{position:absolute;top:0;left:0;width:100%;height:100%}.room-svg text{cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.room-svg text::selection{background:transparent}.room-svg text::-moz-selection{background:transparent}.word-popup-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.word-popup{position:relative;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#3d2a5f,#5a4070);border:4px solid #FFD700;border-radius:20px;padding:40px;text-align:center;box-shadow:0 10px 50px #000000e6}.close-popup-btn{position:absolute;top:10px;left:10px;width:40px;height:40px;background:#fff3;border:2px solid #FFD700;border-radius:50%;color:gold;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-popup-btn:hover{background:#ffffff4d;transform:scale(1.1)}.word-popup h3{font-size:28px;color:gold;margin-bottom:10px}.word-popup-subtitle{margin-bottom:20px;color:gold;font-size:18px}.found-items-list{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;max-height:190px;overflow-y:auto;padding:10px;flex-wrap:wrap}.found-item-row{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px 20px;border-radius:10px;border:2px solid rgba(255,215,0,.3);flex-direction:column}.item-icon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.item-content{font-size:22px;color:#f4e4c1;flex:1;text-align:center}.first-letter{font-size:28px;color:gold;font-weight:700;width:50px;padding:8px;background:#ffd70033;border-radius:8px}.answer-inputs-container{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:30px;flex-wrap:wrap;direction:rtl}.answer-word{display:flex;gap:8px}.letter-input{width:60px;height:60px;font-size:32px;text-align:center;border:3px solid #D2691E;border-radius:10px;background:#f4e4c1;color:#8b4513;font-weight:700;transition:all .3s ease}.letter-input:focus{outline:none;border-color:gold;box-shadow:0 0 15px #ffd70099;transform:scale(1.1)}.final-submit-btn{padding:15px 50px;font-size:22px;font-weight:700;color:#1a1a2e;background:linear-gradient(135deg,gold,orange);border:none;border-radius:30px;cursor:pointer;box-shadow:0 5px 20px #ffd70066;transition:all .3s ease}.final-submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70099}.final-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a5f1af2,#2d8f2df2);border:4px solid #FFD700;border-radius:20px;padding:40px 60px;text-align:center;box-shadow:0 0 50px #ffd700cc;animation:messageGrow 1s ease;z-index:400;direction:rtl}@keyframes messageGrow{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.final-message h2{font-size:48px;color:gold;margin-bottom:20px;text-shadow:0 0 30px rgba(255,215,0,1);animation:textGlow 2s ease-in-out infinite}.final-message p{font-size:24px;color:#f4e4c1;margin:15px 0;line-height:1.6}.victory-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .5s ease}.victory-content{background:linear-gradient(135deg,#1a5f1a,#2d8f2d);border:5px solid #FFD700;border-radius:30px;padding:60px;text-align:center;box-shadow:0 0 50px #ffd700cc;animation:victoryBounce 1s ease;direction:rtl}@keyframes victoryBounce{0%{transform:scale(0);rotate:-180deg}60%{transform:scale(1.1);rotate:10deg}to{transform:scale(1);rotate:0deg}}.victory-content h2{font-size:56px;color:gold;margin-bottom:20px;text-shadow:0 0 30px rgba(255,215,0,1);animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.8)}50%{text-shadow:0 0 40px rgba(255,215,0,1)}}.victory-content h3{font-size:32px;color:#f4e4c1;margin-bottom:15px}.victory-content p{font-size:24px;color:#f4e4c1;margin:10px 0}.menorah-icon{font-size:80px;margin:20px 0;animation:menorah-spin 3s ease-in-out infinite}@keyframes menorah-spin{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.victory-subtitle{font-size:28px;color:gold;font-weight:700;margin-top:20px;text-shadow:0 0 15px rgba(255,215,0,.8)}.historical-story{margin-top:30px;padding:25px;background:#0000004d;border-radius:15px;border:2px solid #FFD700;max-width:600px;margin-left:auto;margin-right:auto}.historical-story p{font-size:18px;line-height:1.8;color:#f4e4c1;margin:15px 0;text-align:right}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes jugBlink{0%,to{filter:drop-shadow(0 0 0px transparent);opacity:1}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,1));opacity:.7}}@keyframes jugPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.first-jug-blink{transform-origin:center;animation:jugBlink 1.5s ease-in-out infinite}@media(max-width:1024px)and (min-width:769px){.room-scene{--cabinet-width: 25vw}.code-cabinet{padding:20px}.found-jugs-panel{left:15px}.found-jug-item{width:65px;height:65px;font-size:38px}.word-popup{max-width:600px;padding:35px}}@media(max-width:768px){.room7{height:auto;min-height:100vh}.progress-text{font-size:20px;padding:12px 25px}.room-scene{flex-direction:column;height:auto;padding:10px}.found-jugs-panel{position:relative;left:auto;top:auto;transform:none;flex-direction:row;justify-content:center;gap:12px;height:auto;order:1;margin-bottom:15px}.found-jug-item,.found-jug-item.selected{width:55px;height:55px;font-size:32px}.scene-container{order:2;max-width:100%;border:5px solid #654321;margin-bottom:15px}.code-cabinet{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:450px;height:auto;max-height:none;order:3;padding:20px;margin:0 auto}.cabinet-title{font-size:18px}.code-grid,.code-row{gap:8px}.code-cell{min-width:60px;padding:8px}.code-number{font-size:24px}.code-letters{font-size:16px}.code-display{padding:12px;font-size:20px}.digit-keypad{gap:8px}.digit-btn{padding:10px 12px}.btn-number{font-size:20px}.btn-letters{font-size:12px}.clear-btn{padding:10px 18px;font-size:16px}.word-popup{max-width:90%;width:95%;padding:30px 20px}.word-popup h3{font-size:24px}.word-popup-subtitle{font-size:16px}.found-items-list{max-height:150px}.item-content{font-size:18px}.first-letter{font-size:24px;width:45px}.answer-inputs-container{gap:12px}.answer-word{gap:5px}.letter-input{width:50px;height:50px;font-size:28px}.final-submit-btn{padding:12px 40px;font-size:20px}.victory-content{padding:40px 30px}.victory-content h2{font-size:42px}.victory-content h3{font-size:26px}.victory-content p{font-size:20px}.menorah-icon{font-size:65px}.historical-story{padding:20px;max-width:90%}.historical-story p{font-size:16px}}@media(max-width:480px){.progress-text{font-size:18px;padding:10px 20px}.found-jug-item,.found-jug-item.selected{width:45px;height:45px;font-size:28px}.code-cabinet{padding:15px}.cabinet-title{font-size:16px}.code-cell{min-width:50px;padding:6px}.code-number{font-size:20px}.code-letters{font-size:14px}.letter-input{width:40px;height:40px;font-size:24px}.final-submit-btn{padding:10px 30px;font-size:18px}.victory-content h2{font-size:36px}.menorah-icon{font-size:55px}}.room-transition{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;overflow:hidden;background:#000}.next-room-background{position:absolute;inset:0;z-index:0;transform:scale(1.15);filter:brightness(.4) blur(4px);animation:nextRoomReveal 2.2s ease-out .8s forwards}@keyframes nextRoomReveal{to{transform:scale(1);filter:brightness(1) blur(0)}}.door-light-burst{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse 35% 70% at 50% 50%,rgba(255,244,214,.95) 0%,rgba(255,200,90,.6) 35%,rgba(255,160,40,.15) 65%,transparent 80%);animation:lightBurst 2.2s ease-out .7s forwards}@keyframes lightBurst{0%{opacity:0;transform:scaleX(.05)}35%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.6)}}.door-stage{position:absolute;inset:0;z-index:2;perspective:1800px;perspective-origin:50% 50%;animation:stageWalkIn 3s cubic-bezier(.5,0,.3,1) forwards}@keyframes stageWalkIn{0%{transform:scale(1);opacity:1}8%{transform:scale(1.01) rotate(.3deg)}14%{transform:scale(1.005) rotate(-.3deg)}20%{transform:scale(1) rotate(0)}80%{opacity:1}to{transform:scale(1.45);opacity:0}}.door-leaf{position:absolute;top:0;width:50%;height:100%;overflow:hidden;backface-visibility:hidden;box-shadow:0 0 60px #000000e6}.door-leaf-left{left:0;transform-origin:left center;animation:doorSwingLeft 1.9s cubic-bezier(.6,.02,.3,1) .6s forwards}.door-leaf-right{right:0;transform-origin:right center;animation:doorSwingRight 1.9s cubic-bezier(.6,.02,.3,1) .6s forwards}@keyframes doorSwingLeft{0%{transform:rotateY(0)}10%{transform:rotateY(4deg)}to{transform:rotateY(96deg)}}@keyframes doorSwingRight{0%{transform:rotateY(0)}10%{transform:rotateY(-4deg)}to{transform:rotateY(-96deg)}}.door-leaf-image{position:absolute;top:0;width:200%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.door-leaf-left .door-leaf-image{left:0}.door-leaf-right .door-leaf-image{right:0}.door-leaf-shade{position:absolute;inset:0;opacity:0;animation:doorShade 1.9s ease-in .6s forwards}.door-leaf-left .door-leaf-shade{background:linear-gradient(to right,#0003,#000000d9)}.door-leaf-right .door-leaf-shade{background:linear-gradient(to left,#0003,#000000d9)}@keyframes doorShade{to{opacity:1}}.door-seam-glow{position:absolute;top:0;left:50%;width:6px;height:100%;transform:translate(-50%);background:linear-gradient(to bottom,transparent 0%,rgba(255,220,140,.9) 20%,rgba(255,245,210,1) 50%,rgba(255,220,140,.9) 80%,transparent 100%);box-shadow:0 0 25px 8px #ffbe50cc,0 0 80px 20px #ffa02880;opacity:0;pointer-events:none;animation:seamGlow 1.2s ease-out forwards}@keyframes seamGlow{0%{opacity:0}40%{opacity:1}60%{opacity:1;width:6px}to{opacity:0;width:120px}}.door-dust{position:absolute;inset:0;z-index:3;pointer-events:none}.door-dust-particle{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#ffe08a;box-shadow:0 0 10px 2px #ffc850e6;opacity:0;animation:dustFly 2s ease-out forwards}@keyframes dustFly{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.4)}}.door-dust-particle:nth-child(1){--dx: -38vw;--dy: -30vh;animation-delay:.8s}.door-dust-particle:nth-child(2){--dx: 34vw;--dy: -26vh;animation-delay:.85s}.door-dust-particle:nth-child(3){--dx: -28vw;--dy: 32vh;animation-delay:.9s}.door-dust-particle:nth-child(4){--dx: 40vw;--dy: 22vh;animation-delay:.95s}.door-dust-particle:nth-child(5){--dx: -12vw;--dy: -42vh;animation-delay:1s}.door-dust-particle:nth-child(6){--dx: 14vw;--dy: 40vh;animation-delay:1.05s}.door-dust-particle:nth-child(7){--dx: -45vw;--dy: 6vh;animation-delay:1.1s}.door-dust-particle:nth-child(8){--dx: 46vw;--dy: -8vh;animation-delay:1.15s}.door-dust-particle:nth-child(9){--dx: -22vw;--dy: -18vh;animation-delay:1.2s}.door-dust-particle:nth-child(10){--dx: 24vw;--dy: 16vh;animation-delay:1.25s}.door-dust-particle:nth-child(11){--dx: -6vw;--dy: 46vh;animation-delay:1.3s}.door-dust-particle:nth-child(12){--dx: 8vw;--dy: -46vh;animation-delay:1.35s}.door-dust-particle:nth-child(13){--dx: -36vw;--dy: 40vh;animation-delay:1.4s}.door-dust-particle:nth-child(14){--dx: 36vw;--dy: -40vh;animation-delay:1.45s}.door-flash{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,240,200,.9),rgba(255,200,100,.4) 50%,transparent 80%);opacity:0;animation:doorFlash 1s ease-in-out 1.6s forwards}@keyframes doorFlash{0%{opacity:0}40%{opacity:.55}to{opacity:0}}@media(prefers-reduced-motion:reduce){.door-stage{animation:stageFade 3s ease forwards}.door-leaf-left,.door-leaf-right,.door-dust,.door-flash{animation:none}.door-dust,.door-flash{display:none}@keyframes stageFade{0%,40%{opacity:1}to{opacity:0}}}.start-reveal{position:fixed;inset:0;z-index:9998;overflow:hidden;pointer-events:none}.start-reveal>*{position:absolute;inset:0}.start-reveal-glow{background:radial-gradient(ellipse 70% 70% at 50% 50%,#fff1cf 0% 40%,#ffe2a0);animation:revealGlow 1.3s cubic-bezier(.4,0,.2,1) forwards}@keyframes revealGlow{0%{opacity:1}to{opacity:0}}.start-reveal-vignette{background:radial-gradient(ellipse 75% 75% at 50% 50%,#ffd27800 45%,#ffb43c73);animation:revealVignette 1.9s ease-out forwards}@keyframes revealVignette{0%,40%{opacity:1}to{opacity:0}}.start-reveal-sparks span{position:absolute;inset:auto;left:var(--x);bottom:-10px;width:6px;height:6px;border-radius:50%;background:#fff3c4;box-shadow:0 0 12px 4px #ffbe46d9;opacity:0;animation:revealSparkRise 1.6s ease-out calc(.35s + var(--delay)) forwards}@keyframes revealSparkRise{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(var(--drift),-70vh) scale(1.2)}}@media(prefers-reduced-motion:reduce){.start-reveal-vignette,.start-reveal-sparks{display:none}.start-reveal-glow{animation-duration:.5s}}.room-hints{position:fixed;right:20px;bottom:20px;z-index:3000;font-family:Heebo,Arial,sans-serif}.room-hints-buttons{display:flex;flex-direction:column;gap:12px}.room-hints-item{display:flex;flex-direction:column;align-items:center;gap:4px}.room-hints-label{font-size:15px;font-weight:700;color:#fbbf24;text-shadow:0 1px 3px rgba(0,0,0,.9);line-height:1}.room-hints-toggle{position:relative;width:64px;height:64px;border-radius:50%;border:3px solid #fbbf24;background:radial-gradient(circle at 35% 30%,#4a2f12,#2b1704 75%);color:#fbbf24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;box-shadow:0 6px 18px #00000080,0 0 14px #fbbf2459;transition:transform .2s ease,box-shadow .2s ease}.room-hints-toggle.active{border-color:#fde68a;box-shadow:0 8px 22px #0000008c,0 0 22px #fbbf2499}.room-hints-toggle:hover{transform:scale(1.07);box-shadow:0 8px 22px #0000008c,0 0 22px #fbbf2499}.room-hints-toggle-icon{font-size:26px;line-height:1}.room-hints-toggle-timer{font-size:12px;font-weight:700;direction:ltr;line-height:1}.room-hints-toggle.has-new{animation:room-hints-pulse 1.4s ease-in-out infinite}.room-hints-toggle.has-new:after{content:"";position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#ef4444;border:2px solid #2b1704}@keyframes room-hints-pulse{0%,to{box-shadow:0 6px 18px #00000080,0 0 10px #fbbf2466}50%{box-shadow:0 6px 18px #00000080,0 0 30px #fbbf24f2}}.room-hints-panel{position:absolute;right:84px;bottom:0;width:min(380px,calc(100vw - 124px));max-height:min(70vh,560px);overflow-y:auto;padding:16px 18px 18px;border-radius:14px;border:2px solid rgba(251,191,36,.7);background:linear-gradient(160deg,#2b1704f7,#1a120af7);color:#fdf3d7;box-shadow:0 14px 36px #0009;text-align:right;animation:room-hints-open .2s ease-out}@keyframes room-hints-open{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.room-hints-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.room-hints-title{margin:0;font-size:20px;font-weight:800;color:#fbbf24}.room-hints-close{background:none;border:none;color:#fdf3d7;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px}.room-hints-close:hover{background:#fbbf2426}.room-hints-section{padding:12px 14px;border-radius:10px;background:#fbbf2414;border:1px solid rgba(251,191,36,.3)}.room-hints-section+.room-hints-section{margin-top:10px}.room-hints-section.locked{opacity:.75}.room-hints-section-title{margin:0 0 8px;font-size:17px;font-weight:700;color:#fcd34d}.room-hints-intro{margin:0 0 6px;font-size:15px;font-weight:700;color:#fde68a}.room-hints-locked{margin:0;font-size:15px;color:#d6c7a1}.room-hints-reveal{padding:8px 18px;font-size:15px;font-weight:700;font-family:inherit;color:#2b1704;background:linear-gradient(135deg,#fde68a,#f59e0b);border:none;border-radius:8px;cursor:pointer;box-shadow:0 3px 8px #00000059}.room-hints-reveal:hover{filter:brightness(1.08)}.room-hints-lines{margin:0;padding:0 18px 0 0;font-size:15px;line-height:1.6}.room-hints-lines li+li{margin-top:4px}.room-hints-step{animation:room-hints-open .25s ease-out}.room-hints-step-counter{margin:0 0 6px;font-size:13px;font-weight:700;color:#d6c7a1}.room-hints-step-lines{margin-bottom:12px}.room-hints-step-nav{display:flex;flex-wrap:wrap;gap:8px}.room-hints-prev{color:#fde68a;background:transparent;border:1px solid #f59e0b;box-shadow:none}.room-hints-step-text{margin:0 0 12px;font-size:16px;line-height:1.6}