.guest-limit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:glmFadeIn .2s ease;padding:20px}.guest-limit-modal{background:#fff;border-radius:20px;padding:0;max-width:420px;width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 60px #00000026;border:1px solid #E5E5E5;position:relative;animation:glmSlideUp .3s cubic-bezier(.16,1,.3,1)}.guest-limit-modal-close{position:absolute;top:16px;right:16px;background:#f5f5f5;border:1px solid #E5E5E5;color:#666;cursor:pointer;padding:0;width:40px;height:40px;min-width:44px;min-height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.guest-limit-modal-close:hover{background:#eee;color:#2f1f54;border-color:#2f1f54}.guest-limit-modal-close:active{transform:scale(.95)}.guest-limit-modal-content{padding:40px 32px 32px;text-align:center}.guest-limit-modal-icon{width:72px;height:72px;border-radius:50%;background:#f5f5f5;border:2px solid #E5E5E5;color:#2f1f54;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.guest-limit-modal-title{font-family:Poiret One,Helvetica Neue,sans-serif;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700;color:#2f1f54;margin:0 0 12px;text-transform:lowercase;letter-spacing:-.5px}.guest-limit-modal-message{font-family:Urbanist,Helvetica Neue,sans-serif;font-size:1rem;color:#666;line-height:1.6;margin:0 0 24px;font-weight:500}.guest-limit-modal-message strong{color:#2f1f54;font-weight:700}.guest-limit-countdown{background:#f9f9f9;border:1px solid #E5E5E5;border-radius:16px;padding:20px 24px;margin:0 0 28px}.countdown-label{font-family:Urbanist,sans-serif;font-size:.75rem;color:#999;margin-bottom:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:8px}.countdown-block{display:flex;flex-direction:column;align-items:center;min-width:56px}.countdown-value{font-family:Urbanist,sans-serif;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;color:#2f1f54;line-height:1;background:#fff;border:1px solid #E5E5E5;padding:12px 16px;border-radius:12px;min-width:60px;text-align:center}.countdown-unit{font-family:Urbanist,sans-serif;font-size:.6875rem;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:6px}.countdown-separator{font-family:Urbanist,sans-serif;font-size:1.5rem;font-weight:700;color:#ccc;padding:0 2px;margin-bottom:20px}.guest-limit-actions{display:flex;flex-direction:column;gap:12px;margin:0 0 20px}.guest-limit-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:12px;font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:none;cursor:pointer;transition:all .2s ease;border:none;min-height:52px}.guest-limit-button:active{transform:scale(.98)}.guest-limit-button-primary{background:#2f1f54;color:#fff;border:1px solid #2F1F54}.guest-limit-button-primary:hover{background:#8c4fff;border-color:#8c4fff}.guest-limit-button-secondary{background:#fff;color:#2f1f54;border:1px solid #E5E5E5}.guest-limit-button-secondary:hover{border-color:#2f1f54;background:#f9f9f9}.guest-limit-footer{font-family:Urbanist,sans-serif;font-size:.875rem;color:#999;margin:0}.guest-limit-link{background:none;border:none;color:#8c4fff;font-weight:700;cursor:pointer;text-decoration:none;padding:0;font-family:inherit;font-size:inherit;transition:color .2s ease}.guest-limit-link:hover{color:#2f1f54;text-decoration:underline}@keyframes glmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes glmSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 479px){.guest-limit-modal-overlay{padding:0;align-items:flex-end}.guest-limit-modal{width:100%;max-width:100%;max-height:90vh;max-height:90dvh;border-radius:24px 24px 0 0;animation:glmSlideUpMobile .3s cubic-bezier(.16,1,.3,1)}.guest-limit-modal-content{padding:32px 24px calc(24px + env(safe-area-inset-bottom,0px))}.guest-limit-modal-icon{width:64px;height:64px;margin-bottom:20px}.guest-limit-modal-icon svg{width:28px;height:28px}.countdown-value{min-width:52px;padding:10px 12px;font-size:1.5rem}.countdown-block{min-width:48px}.guest-limit-button{padding:14px 20px;min-height:50px}}@keyframes glmSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width: 480px) and (max-width: 767px){.guest-limit-modal{max-width:400px}.guest-limit-modal-content{padding:36px 28px 28px}}@media (min-width: 768px){.guest-limit-modal{max-width:440px}.guest-limit-modal-content{padding:44px 36px 36px}.guest-limit-modal-icon{width:80px;height:80px;margin-bottom:28px}.guest-limit-modal-icon svg{width:36px;height:36px}.guest-limit-actions{flex-direction:row;gap:12px}.guest-limit-button{flex:1}}@media (max-height: 500px) and (orientation: landscape){.guest-limit-modal-overlay{padding:16px;align-items:center}.guest-limit-modal{max-height:95vh;max-width:500px}.guest-limit-modal-content{padding:24px 28px}.guest-limit-modal-icon{width:56px;height:56px;margin-bottom:16px}.guest-limit-modal-icon svg{width:24px;height:24px}.guest-limit-countdown{padding:16px 20px;margin-bottom:20px}.countdown-value{font-size:1.25rem;padding:8px 12px;min-width:48px}.guest-limit-actions{flex-direction:row;gap:12px}.guest-limit-button{min-height:46px;padding:12px 16px;font-size:.9375rem}}@media (hover: none){.guest-limit-button-primary:hover{background:#2f1f54;border-color:#2f1f54}.guest-limit-button-secondary:hover{background:#fff;border-color:#e5e5e5}.guest-limit-modal-close:hover{background:#f5f5f5;color:#666;border-color:#e5e5e5}}@media (prefers-reduced-motion: reduce){.guest-limit-modal-overlay,.guest-limit-modal,.guest-limit-button,.guest-limit-modal-close{animation:none;transition:none}}@media print{.guest-limit-modal-overlay{display:none!important}}body.landing-page-active{display:block!important;justify-content:unset!important;align-items:unset!important;background:#fff!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important}@media (min-width: 1024px){body.landing-page-active{display:block!important;justify-content:unset!important;align-items:unset!important;background:#fff!important;min-height:100vh!important}}.landing-page-new{width:100%;min-height:100vh;min-height:100dvh;background:#fff;display:flex;flex-direction:column;margin:0;padding:0;overflow-x:hidden;position:relative}.header-content-new{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.logo-container-new{cursor:pointer;display:flex;align-items:center;flex-shrink:0}.logo-image-new{height:40px;width:auto;border-radius:8px;padding:4px}.header-nav{display:flex;gap:8px;align-items:center}.nav-link-new{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;color:var(--color-detective-purple);background:none;border:none;cursor:pointer;text-decoration:none;text-transform:none;letter-spacing:.5px;transition:color .2s ease;padding:12px 8px;min-height:44px;display:inline-flex;align-items:center}.nav-link-new:hover{color:var(--color-electric-violet)}.header-right{display:flex;gap:8px;align-items:center;flex-shrink:0}.header-button-new{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;padding:10px 16px;min-height:44px;border:none;background:#fff;color:var(--color-detective-purple);cursor:pointer;text-transform:none;letter-spacing:.5px;transition:all .2s ease;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.header-button-new:hover{background:var(--color-detective-purple);color:#fff;border:none}.header-button-login,.header-button-signup{border-color:var(--color-detective-purple)}.hero-content-new{display:flex;align-items:flex-start;justify-content:center;padding:16px 16px 32px;width:100%;max-width:100%;background:#fff;flex-shrink:0;box-sizing:border-box;overflow-x:hidden}.mystery-card-hero{width:100%;max-width:680px;border-radius:24px;padding:28px 20px;display:flex;flex-direction:column;gap:18px;box-shadow:0 8px 32px #2f1f5426;position:relative;overflow:hidden;box-sizing:border-box}.hero-bg-word{position:absolute;top:2px;left:-14px;z-index:1;font-family:var(--font-secondary);font-weight:800;font-size:clamp(4rem,13vw,9rem);line-height:.8;letter-spacing:-4px;color:#be2470;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;animation:heroWordDrift 18s ease-in-out infinite alternate}@keyframes heroWordDrift{0%{transform:translate(0)}to{transform:translate(-16px)}}.hero-dots{position:absolute;z-index:1;pointer-events:none;opacity:.8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='6' cy='6' r='3.6' fill='%23BE2470'/%3E%3C/svg%3E")}.hero-dots-tl{top:0;left:0;width:45%;height:55%;clip-path:polygon(0 0,100% 0,0 100%)}.hero-dots-br{right:0;bottom:0;width:45%;height:55%;clip-path:polygon(100% 0,100% 100%,0 100%)}@media (prefers-reduced-motion: reduce){.hero-bg-word{animation:none}}.mystery-card-header{text-align:center;margin-bottom:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.mystery-title-hero{font-family:var(--font-primary);font-size:clamp(1.75rem,5vw,3.25rem);font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0;text-transform:lowercase;text-align:center;width:100%;overflow-wrap:break-word;word-break:break-word}.hero-tagline{font-family:var(--font-secondary);font-size:clamp(.875rem,1.4vw,1.0625rem);font-weight:600;text-align:center;width:100%;margin:8px 0 0;opacity:.92;line-height:1.4}.mystery-card-body{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.mystery-name-hero{font-family:var(--font-primary);font-size:clamp(1.25rem,3vw,2.5rem);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.mystery-description-hero{font-family:var(--font-secondary);font-size:clamp(.9375rem,1.5vw,1.25rem);line-height:1.7;max-width:800px;margin:0;color:#1a102a}.worthington-quote-hero{background:#fff3;border-left:4px solid currentColor;border-radius:12px;padding:16px 20px;max-width:700px;margin:12px 0;text-align:left}.worthington-label{font-family:var(--font-secondary);font-size:.6875rem;font-weight:700;text-transform:none;letter-spacing:1px;margin-bottom:8px;opacity:.9}.worthington-text{font-family:var(--font-secondary);font-size:clamp(.875rem,1vw,1.125rem);font-style:italic;line-height:1.6}.mystery-meta-hero{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.mystery-domain-badge,.mystery-difficulty-badge{font-family:var(--font-secondary);font-size:.75rem;font-weight:700;text-transform:none;letter-spacing:1px;padding:6px 12px;border-radius:16px;background:#fff3}.play-now-button{font-family:var(--font-secondary);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700;text-transform:none;letter-spacing:1px;padding:14px 36px;min-height:52px;border:none;border-radius:28px;cursor:pointer;transition:all .2s ease;margin-top:12px;display:inline-flex;align-items:center;justify-content:center}.play-now-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.play-now-button:active{transform:translateY(0)}.mystery-loading,.mystery-error{text-align:center;padding:32px;font-family:var(--font-secondary);font-size:1rem}.scroll-indicator{display:flex;justify-content:center;align-items:center;padding:24px;animation:bounce 2s infinite;background:#fff;width:100%;flex-shrink:0}.chevron-icon{color:var(--color-detective-purple);stroke-width:2}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.how-it-works-section{position:relative;width:100%;padding:60px 16px;background:var(--bg-primary);overflow:hidden;min-height:500px}.category-names-background{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.category-name-bg{position:absolute;font-family:var(--font-primary);font-size:clamp(2rem,6vw,8rem);font-weight:700;color:var(--color-detective-purple);opacity:.08;white-space:nowrap;-webkit-user-select:none;user-select:none}.category-name-bg:nth-child(1){top:5%;left:-5%;animation:fadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(2){top:20%;right:-8%;animation:fadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(3){top:35%;left:-10%;animation:fadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(4){top:50%;right:-5%;animation:fadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(5){top:65%;left:-8%;animation:fadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(6){top:80%;right:-10%;animation:fadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(7){top:10%;left:30%;animation:fadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(8){top:25%;right:25%;animation:fadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(9){top:40%;left:35%;animation:fadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(10){top:55%;right:30%;animation:fadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(11){top:70%;left:40%;animation:fadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(12){top:85%;right:35%;animation:fadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(13){top:15%;left:60%;animation:fadeInOut1 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(14){top:30%;right:55%;animation:fadeInOut2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(15){top:45%;left:65%;animation:fadeInOut3 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(16){top:60%;right:60%;animation:fadeInOut4 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(17){top:75%;left:70%;animation:fadeInOut5 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.category-name-bg:nth-child(18){top:90%;right:65%;animation:fadeInOut6 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}@keyframes fadeInOut1{0%,16.66%{opacity:0;transform:rotate(-15deg) translate(-5%,85%)}8.33%{opacity:.15;transform:rotate(-15deg) translate(-5%,85%)}16.67%,to{opacity:0}}@keyframes fadeInOut2{16.67%,33.33%{opacity:0;transform:rotate(30deg) translate(85%,15%)}25%{opacity:.15;transform:rotate(30deg) translate(85%,15%)}33.34%,to{opacity:0}}@keyframes fadeInOut3{33.34%,50%{opacity:0;transform:rotate(-45deg) translate(10%,70%)}41.67%{opacity:.15;transform:rotate(-45deg) translate(10%,70%)}50.01%,to{opacity:0}}@keyframes fadeInOut4{50.01%,66.66%{opacity:0;transform:rotate(60deg) translate(70%,30%)}58.33%{opacity:.15;transform:rotate(60deg) translate(70%,30%)}66.67%,to{opacity:0}}@keyframes fadeInOut5{66.67%,83.33%{opacity:0;transform:rotate(-90deg) translate(50%,50%)}75%{opacity:.15;transform:rotate(-90deg) translate(50%,50%)}83.34%,to{opacity:0}}@keyframes fadeInOut6{83.34%,to{opacity:0;transform:rotate(105deg) translate(20%,80%)}91.67%{opacity:.15;transform:rotate(105deg) translate(20%,80%)}}.how-it-works-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.how-it-works-title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,4rem);font-weight:700;text-align:center;color:var(--text-primary);margin-bottom:48px;letter-spacing:-2px;text-transform:lowercase}.how-it-works-steps{display:grid;grid-template-columns:1fr;gap:32px;max-width:1000px;margin:0 auto}.how-it-works-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative;min-width:0;max-width:100%}.step-number{width:64px;height:64px;border-radius:50%;background:var(--color-electric-violet);color:var(--color-pure-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:2rem;font-weight:700;border:4px solid var(--color-electric-violet);box-shadow:var(--shadow-violet);flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%}.step-title{font-family:var(--font-primary);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px}.step-description{font-family:var(--font-secondary);font-size:clamp(.875rem,1vw,1rem);line-height:1.6;color:var(--text-secondary);margin:0;overflow-wrap:break-word;word-break:break-word}.landing-footer{width:100%;padding:32px 16px calc(32px + var(--safe-area-bottom, 0px));background:var(--bg-primary);border-top:1px solid var(--color-light-gray)}.footer-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-text{font-family:var(--font-secondary);font-size:.8125rem;color:var(--text-secondary);margin:0;text-align:center}.footer-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.footer-link{font-family:var(--font-secondary);font-size:.8125rem;color:var(--color-electric-violet);background:none;border:none;cursor:pointer;text-decoration:none;transition:color .2s ease;padding:8px;min-height:44px;display:inline-flex;align-items:center}.footer-link:hover{color:var(--color-electric-violet-hover);text-decoration:underline}@media (min-width: 480px){.header-nav{gap:12px}.nav-link-new{font-size:.8125rem;padding:12px}.header-button-new{font-size:.8125rem;padding:10px 20px}.hero-content-new{padding:48px 20px}.mystery-card-hero{padding:40px 28px;border-radius:28px;gap:28px}.how-it-works-section{padding:80px 20px}.how-it-works-steps{gap:36px}.footer-content{gap:20px}.footer-links{gap:24px}}@media (min-width: 768px){.header-content-new{flex-wrap:nowrap}.header-left{gap:32px}.logo-image-new{height:44px}.header-nav{gap:24px}.nav-link-new{font-size:.9375rem;letter-spacing:1px}.header-right{gap:12px}.header-button-new{font-size:.9375rem;padding:12px 24px}.hero-content-new{padding:60px 32px;min-height:calc(80vh - 100px)}.mystery-card-hero{padding:56px 40px;border-radius:36px;gap:28px}.mystery-card-body{gap:24px}.worthington-quote-hero{padding:20px 28px}.mystery-meta-hero{gap:16px}.mystery-domain-badge,.mystery-difficulty-badge{font-size:.8125rem;padding:8px 16px;border-radius:20px}.play-now-button{padding:16px 44px;min-height:56px}.how-it-works-section{padding:100px 32px;min-height:600px}.how-it-works-title{margin-bottom:64px}.how-it-works-steps{grid-template-columns:repeat(2,1fr);gap:40px}.step-number{width:72px;height:72px;font-size:2.25rem}.step-content{gap:10px}.landing-footer{padding:40px 32px}.footer-content{flex-direction:row;justify-content:space-between}.footer-text{font-size:.875rem;text-align:left}.footer-links{gap:32px}.footer-link{font-size:.875rem}}@media (min-width: 1024px){.header-left{gap:48px}.logo-image-new{height:48px}.header-nav{gap:32px}.nav-link-new{font-size:1rem}.header-button-new{font-size:1rem;padding:12px 24px}.hero-content-new{padding:80px 48px;min-height:calc(100vh - 200px)}.mystery-card-hero{padding:72px 56px;border-radius:44px;gap:32px}.how-it-works-section{padding:120px 48px}.how-it-works-title{margin-bottom:80px}.how-it-works-steps{grid-template-columns:repeat(4,1fr);gap:48px}.step-number{width:80px;height:80px;font-size:2.5rem}.landing-footer{padding:48px}}@media (min-width: 1440px){.mystery-card-hero{padding:80px 64px;border-radius:48px}}@media (max-height: 500px) and (orientation: landscape){.logo-image-new{height:32px}.hero-content-new{padding:20px;min-height:auto}.mystery-card-hero{padding:24px;gap:16px}.mystery-card-body{gap:12px}.scroll-indicator{display:none}.how-it-works-section{padding:40px 20px;min-height:auto}.how-it-works-title{margin-bottom:32px}.how-it-works-steps{grid-template-columns:repeat(2,1fr);gap:20px}.step-number{width:48px;height:48px;font-size:1.5rem}.landing-footer{padding:24px 20px}}@media print{.scroll-indicator,.header-button-new,.play-now-button,.category-names-background,.category-names-background-hero{display:none!important}.mystery-card-hero{box-shadow:none;border:2px solid #000}.how-it-works-step{break-inside:avoid}}@media (prefers-reduced-motion: reduce){.category-name-bg,.category-name-bg-hero{animation:none!important;opacity:.05}.scroll-indicator{animation:none!important}.play-now-button:hover,.header-button-new:hover{transform:none}}body{font-family:Urbanist,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden;min-height:100vh;min-height:100dvh}@media (min-width: 1024px){body.game-page-active{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f1020,#1a1b3a,#2a2b5a)}}.whodunit-bg{background:linear-gradient(135deg,#0f1020,#1a1b3a,#2a2b5a);min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;width:100%}.mobile-container{width:100%;max-width:100%;min-height:100vh;min-height:100dvh;position:relative;background:linear-gradient(135deg,#0f1020,#1a1b3a,#2a2b5a);color:#fff;padding-bottom:calc(80px + var(--safe-area-bottom, 0px))}@media (min-width: 768px){.mobile-container{max-width:600px;margin:0 auto}}@media (min-width: 1024px){.mobile-container{max-width:clamp(720px,80vw,960px);margin:0 auto;box-shadow:0 0 50px #8b5cf64d;border-radius:20px;overflow:hidden;min-height:auto;height:auto}}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:calc(8px + var(--safe-area-top, 0px)) 20px 8px;font-size:14px;font-weight:700;color:#fff;background:transparent;position:relative;z-index:100}.game-content{position:relative;z-index:10;min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px);padding:0 16px 20px}@media (min-width: 480px){.game-content{padding:0 20px 20px}}@media (min-width: 768px){.game-content{padding:0 24px 20px}}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.level-header{text-align:center;padding:16px;position:relative}@media (min-width: 480px){.level-header{padding:20px}}.level-back-btn{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#fff;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s ease}@media (min-width: 480px){.level-back-btn{left:20px}}.level-back-btn:hover{background:#8b5cf64d;transform:translateY(-50%) translate(-2px)}@media (hover: none){.level-back-btn:hover{transform:translateY(-50%)}.level-back-btn:active{background:#8b5cf666}}.level-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:1px}.level-dq{font-size:clamp(1rem,3vw,1.125rem);color:#06b6d4;font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;max-width:100%;margin:0 auto}@media (min-width: 480px){.categories-grid{gap:16px;padding:20px;max-width:450px}}@media (min-width: 768px){.categories-grid{grid-template-columns:repeat(3,1fr);max-width:600px;gap:20px}}.category-card{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:20px 12px;text-align:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-height:100px}@media (min-width: 480px){.category-card{border-radius:20px;padding:24px 16px;min-height:120px}}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #8b5cf64d;border-color:#8b5cf699}@media (hover: none){.category-card:hover{transform:none}.category-card:active{transform:scale(.98);background:#8b5cf633}}.category-card.blue{border-color:#3b82f680}.category-card.orange{border-color:#f9731680}.category-card.purple{border-color:#8b5cf680}.category-card.teal{border-color:#06b6d480}.category-card.pink{border-color:#ec489980}.category-icon{font-size:28px;margin-bottom:10px;display:block}@media (min-width: 480px){.category-icon{font-size:32px;margin-bottom:12px}}.category-name{font-size:clamp(.875rem,2.5vw,1rem);font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:.5px}.category-difficulty{font-size:clamp(.6875rem,2vw,.75rem);color:#9ca3af;font-weight:700}.mystery-header{display:flex;justify-content:space-between;align-items:center;padding:16px;position:relative;gap:12px}@media (min-width: 480px){.mystery-header{padding:20px}}.mystery-level{font-size:clamp(1rem,3vw,1.125rem);font-weight:700;color:#fff;text-align:center;flex:1;min-width:0}.mystery-timer{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#fff;padding:8px 14px;border-radius:20px;font-weight:700;font-size:clamp(.875rem,2.5vw,1rem);white-space:nowrap;flex-shrink:0}.mystery-content{padding:16px;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}@media (min-width: 480px){.mystery-content{padding:20px;gap:24px}}.mystery-title-card{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:24px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px}@media (min-width: 480px){.mystery-title-card{border-radius:20px;padding:32px 24px}}.mystery-emoji{font-size:clamp(2.5rem,8vw,3rem);margin-bottom:12px}.mystery-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#fff;line-height:1.3;letter-spacing:.5px}.mystery-description-card{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px}@media (min-width: 480px){.mystery-description-card{border-radius:20px;padding:24px}}.description-label{font-size:clamp(.875rem,2.5vw,1rem);color:#8b5cf6;font-weight:700;margin-bottom:10px}.mystery-description{font-size:clamp(.9375rem,2.5vw,1rem);color:#d1d5db;line-height:1.5}.start-investigation-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:16px;color:#fff;font-size:clamp(.9375rem,2.5vw,1rem);font-weight:700;padding:14px 28px;min-height:48px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;width:100%;max-width:400px}.start-investigation-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}@media (hover: none){.start-investigation-btn:hover{transform:none}.start-investigation-btn:active{transform:scale(.98)}}.crime-scene-header{text-align:center;padding:16px;background:#1e1f3c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.crime-scene-header{padding:20px}}.crime-scene-title{font-size:clamp(1.5rem,5vw,1.75rem);font-weight:700;color:#8b5cf6;margin-bottom:12px;letter-spacing:1px}.crime-scene-icon{font-size:clamp(2.5rem,8vw,3rem);margin-bottom:12px}.mobile-container .evidence-list,.game-interface .evidence-list{padding:16px;background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;margin:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.mobile-container .evidence-list,.game-interface .evidence-list{padding:20px;border-radius:20px;margin:20px}}.mobile-container .evidence-item,.game-interface .evidence-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(139,92,246,.2);color:#d1d5db;font-size:clamp(.9375rem,2.5vw,1rem)}.mobile-container .evidence-item:last-child,.game-interface .evidence-item:last-child{border-bottom:none}.mobile-container .evidence-bullet,.game-interface .evidence-bullet{color:#8b5cf6;margin-right:12px;font-weight:700}.testimony-container{padding:16px;display:flex;flex-direction:column;gap:12px}@media (min-width: 480px){.testimony-container{padding:20px;gap:16px}}.character-testimony{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.character-testimony{border-radius:20px;padding:20px}}.character-info{display:flex;align-items:center;margin-bottom:12px}.character-avatar{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:18px}@media (min-width: 480px){.character-avatar{width:48px;height:48px;font-size:20px}}.character-details h3{font-size:clamp(1rem,3vw,1.125rem);font-weight:700;color:#fff;margin-bottom:4px}.character-details p{font-size:clamp(.8125rem,2vw,.875rem);color:#8b5cf6;font-weight:700}.statement-text{font-size:clamp(.9375rem,2.5vw,1rem);color:#d1d5db;line-height:1.5;padding:14px;background:#0f102080;border-radius:12px;border-left:4px solid #8b5cf6}.evidence-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0 16px}@media (min-width: 480px){.evidence-header{gap:12px;margin-bottom:20px;padding:0 20px}}.evidence-icon{font-size:clamp(1.25rem,4vw,1.5rem)}.evidence-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#8b5cf6;letter-spacing:.5px}.evidence-analysis{margin:16px;background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.evidence-analysis{margin:20px;border-radius:20px;padding:24px}}.analysis-button{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:16px;color:#fff;font-size:clamp(.9375rem,2.5vw,1rem);font-weight:700;padding:14px 20px;min-height:48px;cursor:pointer;transition:all .3s ease;width:calc(100% - 32px);margin:16px;letter-spacing:.5px}@media (min-width: 480px){.analysis-button{width:calc(100% - 40px);margin:20px;padding:16px 24px}}.analysis-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}@media (hover: none){.analysis-button:hover{transform:none}}.correction-header{text-align:center;padding:16px;background:#1e1f3ccc;margin:16px;border-radius:16px;border:1px solid rgba(139,92,246,.3)}@media (min-width: 480px){.correction-header{padding:20px;margin:20px;border-radius:20px}}.correction-question{font-size:clamp(1.125rem,3.5vw,1.25rem);font-weight:700;color:#fff;margin-bottom:16px;line-height:1.4}.correction-options{display:flex;flex-direction:column;gap:10px;padding:16px}@media (min-width: 480px){.correction-options{gap:12px;padding:20px}}.correction-option{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:14px 16px;min-height:48px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.correction-option{border-radius:16px;padding:16px 20px}}.correction-option:hover{background:#8b5cf633;border-color:#8b5cf699;transform:translate(4px)}@media (hover: none){.correction-option:hover{transform:none}.correction-option:active{background:#8b5cf64d}}.correction-option.selected,.correction-option.correct{background:#06b6d44d;border-color:#06b6d4}.option-icon{font-size:clamp(1.125rem,3vw,1.25rem);flex-shrink:0}.option-text{font-size:clamp(.9375rem,2.5vw,1rem);line-height:1.4;flex:1}.option-points{margin-left:auto;font-size:clamp(.8125rem,2vw,.875rem);font-weight:700;color:#06b6d4;flex-shrink:0}.results-header{text-align:center;padding:16px}@media (min-width: 480px){.results-header{padding:20px}}.worthington-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:clamp(2.5rem,8vw,3rem);border:4px solid rgba(139,92,246,.3)}@media (min-width: 480px){.worthington-avatar{width:120px;height:120px;margin-bottom:20px}}.dq-comparison{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}@media (min-width: 480px){.dq-comparison{gap:16px;margin-bottom:20px}}.dq-card{flex:1;background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.dq-card{border-radius:16px;padding:16px}}.dq-label{font-size:clamp(.75rem,2vw,.875rem);color:#9ca3af;margin-bottom:6px}.dq-value{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#fff}.dq-trend{font-size:clamp(.6875rem,1.5vw,.75rem);margin-left:6px}.worthington-conclusion{background:#1e1f3ccc;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:20px;margin:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.worthington-conclusion{border-radius:20px;padding:24px;margin:20px}}.conclusion-text{font-size:clamp(1rem,3vw,1.125rem);color:#fff;text-align:center;margin-bottom:16px;line-height:1.4}.actually-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50px;color:#fff;font-size:clamp(1rem,3vw,1.125rem);font-weight:700;padding:14px 28px;min-height:48px;cursor:pointer;transition:all .3s ease;width:100%;letter-spacing:1px}.actually-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ef44444d}@media (hover: none){.actually-btn:hover{transform:none}}.bonus-text{text-align:center;color:#9ca3af;font-size:clamp(.875rem,2.5vw,1rem);margin-top:10px}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-1{width:.25rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.h-auto{height:auto}.h-1{height:.25rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.bg-white{background-color:#fff}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-opacity-80{--tw-bg-opacity: .8}.bg-opacity-60{--tw-bg-opacity: .6}.bg-opacity-50{--tw-bg-opacity: .5}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-700{color:#374151}.text-purple-400{color:#c084fc}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white{border-color:#fff}.border-purple-500{border-color:#a855f7}.opacity-50{opacity:.5}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mx-4{margin-left:1rem;margin-right:1rem}.ml-1{margin-left:.25rem}.m-0\.5{margin:.125rem}.max-w-sm{max-width:24rem}.min-h-screen{min-height:100vh}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.space-y-4>*+*{margin-top:1rem}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:scale-105:hover{transform:scale(1.05)}@media (hover: none){.hover\:scale-105:hover{transform:none}}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:border-purple-400:focus{border-color:#c4b5fd}.cursor-pointer{cursor:pointer}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 1s ease-out}.animate-fade-in-down{animation:fade-in-down 1s ease-out}.animate-fade-in-up{animation:fade-in-up 1s ease-out}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}@media (max-height: 500px) and (orientation: landscape){.mobile-container{padding-bottom:calc(60px + var(--safe-area-bottom, 0px))}.game-content{min-height:calc(100vh - 80px);padding:0 16px 16px}.level-header{padding:12px 16px}.categories-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px}.category-card{padding:14px 10px;min-height:80px}.category-icon{font-size:24px;margin-bottom:6px}.worthington-avatar{width:80px;height:80px}}@media print{.bottom-nav,.level-back-btn,.start-investigation-btn,.analysis-button,.actually-btn{display:none!important}.mobile-container{max-width:100%;box-shadow:none;border-radius:0}.whodunit-bg{background:#fff}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--color-deep-space-purple: #1A102A;--color-deep-space-purple-hover: #0F0819;--color-deep-space-purple-disabled: rgba(26, 16, 42, .4);--color-deep-space-purple-bg: rgba(26, 16, 42, .05);--color-detective-purple: #2F1F54;--color-detective-purple-hover: #241640;--color-detective-purple-bg: rgba(47, 31, 84, .05);--color-mystery-magenta: #D92E8A;--color-mystery-magenta-hover: #C0257A;--color-mystery-magenta-bg: rgba(217, 46, 138, .05);--color-global-teal: #3EEBBA;--color-global-teal-hover: #2DD4A3;--color-global-teal-bg: rgba(62, 235, 186, .05);--color-golden-clue: #F7D47C;--color-golden-clue-hover: #F5C85C;--color-golden-clue-bg: rgba(247, 212, 124, .05);--color-electric-violet: #8C4FFF;--color-electric-violet-hover: #7A3EE6;--color-electric-violet-bg: rgba(140, 79, 255, .05);--color-royal-purple: #8C4FFF;--color-royal-purple-hover: #7A3EE6;--color-royal-purple-disabled: rgba(140, 79, 255, .4);--color-royal-purple-bg: rgba(140, 79, 255, .05);--color-emerald-teal: #3EEBBA;--color-emerald-teal-hover: #2DD4A3;--color-emerald-teal-bg: rgba(62, 235, 186, .05);--color-ruby-pink: #D92E8A;--color-ruby-pink-hover: #C0257A;--color-ruby-pink-bg: rgba(217, 46, 138, .05);--color-amber-gold: #F7D47C;--color-amber-gold-hover: #F5C85C;--color-amber-gold-bg: rgba(247, 212, 124, .05);--color-deep-black: #1A102A;--color-charcoal: #2F1F54;--color-dark-gray: #2F1F54;--color-medium-gray: #8C4FFF;--color-light-gray: #3EEBBA;--color-pure-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #ffffff;--text-primary: #1A102A;--text-secondary: #2F1F54;--text-tertiary: #8C4FFF;--text-muted: #D92E8A;--color-murder: #D92E8A;--color-murder-dark: #C0257A;--color-cult: #8C4FFF;--color-cult-dark: #7A3EE6;--color-conspiracy: #F7D47C;--color-conspiracy-dark: #F5C85C;--color-cheat: #D92E8A;--color-cheat-dark: #C0257A;--color-lies: #3EEBBA;--color-lies-dark: #2DD4A3;--color-betrayal: #8C4FFF;--color-betrayal-dark: #7A3EE6;--font-primary: "Poiret One", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-secondary: "Urbanist", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-display-size: clamp(2.5rem, 6vw + 1rem, 4.5rem);--font-display-line-height: 1.1;--font-display-letter-spacing: -2px;--font-display-weight: 700;--font-h1-size: clamp(1.75rem, 4vw + .5rem, 3rem);--font-h1-line-height: 1.2;--font-h1-letter-spacing: -1px;--font-h1-weight: 700;--font-h2-size: clamp(1.5rem, 3vw + .5rem, 2.25rem);--font-h2-line-height: 1.3;--font-h2-letter-spacing: -.5px;--font-h2-weight: 700;--font-h3-size: clamp(1.125rem, 2vw + .5rem, 1.5rem);--font-h3-line-height: 1.4;--font-h3-letter-spacing: 0;--font-h3-weight: 700;--font-body-large-size: clamp(1rem, .5vw + .875rem, 1.125rem);--font-body-large-line-height: 1.7;--font-body-size: clamp(.9375rem, .25vw + .875rem, 1rem);--font-body-line-height: 1.6;--font-body-small-size: clamp(.8125rem, .25vw + .75rem, .875rem);--font-body-small-line-height: 1.5;--font-caption-size: .75rem;--font-caption-line-height: 1.4;--font-caption-letter-spacing: .5px;--font-caption-weight: 700;--font-caption-transform: none;--font-button-size: clamp(.875rem, .25vw + .75rem, 1rem);--font-button-large-size: clamp(1rem, .5vw + .875rem, 1.25rem);--font-button-line-height: 1.2;--font-button-letter-spacing: 1px;--font-button-weight: 700;--font-button-transform: none;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-page: clamp(16px, 4vw, 48px);--spacing-section: clamp(40px, 8vw, 120px);--spacing-card: clamp(16px, 3vw, 32px);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .15);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .18);--shadow-3xl: 0 24px 80px rgba(0, 0, 0, .2);--shadow-purple: 0 4px 12px rgba(140, 79, 255, .3);--shadow-purple-hover: 0 6px 20px rgba(140, 79, 255, .5);--shadow-teal: 0 4px 12px rgba(62, 235, 186, .3);--shadow-teal-hover: 0 6px 20px rgba(62, 235, 186, .5);--shadow-pink: 0 4px 12px rgba(217, 46, 138, .3);--shadow-pink-hover: 0 6px 20px rgba(217, 46, 138, .5);--shadow-gold: 0 12px 32px rgba(247, 212, 124, .4);--shadow-violet: 0 4px 12px rgba(140, 79, 255, .3);--shadow-violet-hover: 0 6px 20px rgba(140, 79, 255, .5);--shadow-magenta: 0 4px 12px rgba(217, 46, 138, .3);--shadow-magenta-hover: 0 6px 20px rgba(217, 46, 138, .5);--breakpoint-mobile: 0px;--breakpoint-mobile-lg: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large: 1440px;--transition-fast: .15s ease;--transition-standard: .2s ease;--transition-slow: .3s ease-out;--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 1000;--z-modal: 1001;--z-tooltip: 2000;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-2xl: 1320px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-secondary);font-size:var(--font-body-size);font-weight:700;line-height:var(--font-body-line-height);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-transform:none;min-height:100vh;min-height:100dvh}.display{font-family:var(--font-primary);font-size:var(--font-display-size);font-weight:var(--font-display-weight);line-height:var(--font-display-line-height);letter-spacing:var(--font-display-letter-spacing);text-transform:lowercase}h1,.h1{font-family:var(--font-primary);font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line-height);letter-spacing:var(--font-h1-letter-spacing);color:var(--color-pure-white);text-transform:lowercase}h2,.h2{font-family:var(--font-primary);font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height);letter-spacing:var(--font-h2-letter-spacing);color:var(--color-pure-white);text-transform:lowercase}h3,.h3{font-family:var(--font-primary);font-size:var(--font-h3-size);font-weight:var(--font-h3-weight);line-height:var(--font-h3-line-height);letter-spacing:var(--font-h3-letter-spacing);color:var(--color-pure-white);text-transform:lowercase}p,.body{font-family:var(--font-secondary);font-size:var(--font-body-size);font-weight:700;line-height:var(--font-body-line-height);color:var(--color-light-gray);text-transform:none}.body-large{font-family:var(--font-secondary);font-size:var(--font-body-large-size);font-weight:700;line-height:var(--font-body-large-line-height);color:var(--color-light-gray);text-transform:none}.body-small{font-family:var(--font-secondary);font-size:var(--font-body-small-size);font-weight:700;line-height:var(--font-body-small-line-height);color:var(--color-medium-gray);text-transform:none}.caption{font-family:var(--font-secondary);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);letter-spacing:var(--font-caption-letter-spacing);text-transform:var(--font-caption-transform);color:var(--color-medium-gray)}.text-center{text-align:center}.text-white{color:var(--color-pure-white)}.text-gray{color:var(--color-medium-gray)}.text-light-gray{color:var(--color-light-gray)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:max(var(--spacing-page),var(--safe-area-left));padding-right:max(var(--spacing-page),var(--safe-area-right))}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}:focus-visible{outline:3px solid var(--color-royal-purple);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-royal-purple);color:#fff;padding:8px 16px;z-index:10000;transition:top .3s}.skip-link:focus{top:0}button,[role=button],input[type=button],input[type=submit],input[type=reset],a{min-height:44px;min-width:44px}p a,li a,span a{min-height:auto;min-width:auto}@media (max-height: 500px) and (orientation: landscape){:root{--spacing-section: 40px;--font-display-size: 2rem;--font-h1-size: 1.5rem;--font-h2-size: 1.25rem}}@media (min-width: 768px) and (max-width: 1023px){:root{--spacing-page: 32px;--spacing-card: 24px}}:root{--nav-height-mobile: 100px;--nav-height-tablet: 110px;--nav-height-desktop: 120px;--nav-height-large: 130px;--nav-safe-area-bottom: env(safe-area-inset-bottom, 0px);--nav-safe-area-top: env(safe-area-inset-top, 0px)}.landing-header-new{position:fixed;top:0;left:0;right:0;z-index:1600;padding:calc(12px + var(--nav-safe-area-top)) 16px 12px;background:#ffffffd9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.08);transition:background .3s ease,padding .3s ease,border-color .3s ease}.landing-header-new.scrolled{background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.1)}.landing-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-container-new{flex-shrink:0}.logo-link-new{display:flex;align-items:center;text-decoration:none;padding:4px;border-radius:8px;transition:opacity .2s ease}.logo-link-new:hover{opacity:.9}.logo-link-new:active{opacity:.8}.logo-image-new{height:36px;width:auto;display:block}.nav-links-new{display:none;align-items:center;gap:8px}.nav-link-new{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.875rem;font-weight:700;color:#4c1d95;text-decoration:none;padding:10px 16px;min-height:44px;border-radius:8px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;letter-spacing:.5px}.nav-link-new:hover{color:#5b21b6;background:#8c4fff1a}.nav-link-new:active{background:#8c4fff26}.nav-link-new.active{color:#7c3aed;background:#8c4fff26}.header-buttons-new{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-button-signin{font-family:Urbanist,sans-serif;font-size:.8125rem;font-weight:700;color:#2f1f54;background:#fff;border:1px solid #E5E5E5;padding:8px 16px;min-height:44px;min-width:44px;border-radius:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;letter-spacing:.5px}.header-button-signin:hover{border-color:#2f1f54;background:#f9f9f9}.header-button-signin:active{transform:scale(.98)}.header-button-play{font-family:Urbanist,sans-serif;font-size:.8125rem;font-weight:700;color:#fff;background:#2f1f54;border:1px solid #2F1F54;padding:8px 20px;min-height:44px;border-radius:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;letter-spacing:.5px}.header-button-play:hover{background:#8c4fff;border-color:#8c4fff}.header-button-play:active{transform:scale(.98)}@media (hover: none){.header-button-signin:hover{background:#fff;border-color:#e5e5e5}.header-button-play:hover{background:#2f1f54;border-color:#2f1f54}.nav-link-new:hover{background:transparent;color:#4c1d95}}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:#4c1d95;cursor:pointer;border-radius:8px;transition:background .2s ease;padding:0}.mobile-menu-toggle:hover{background:#7c3aed1a}.mobile-menu-toggle:active{background:#7c3aed26}.mobile-menu-toggle svg{width:24px;height:24px}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1900;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background:#fff;z-index:2000;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding-top:var(--nav-safe-area-top);padding-bottom:var(--nav-safe-area-bottom);box-shadow:-20px 0 60px #00000026}.mobile-menu-panel.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E5E5}.mobile-menu-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:1px solid #E5E5E5;color:#666;cursor:pointer;border-radius:50%;transition:all .2s ease}.mobile-menu-close:hover{background:#eee;color:#2f1f54;border-color:#2f1f54}.mobile-menu-close:active{transform:scale(.95)}.mobile-menu-close svg{width:20px;height:20px}.mobile-menu-content{flex:1;overflow-y:auto;padding:24px 20px}.mobile-menu-nav{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.mobile-menu-link{font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;color:#2f1f54;text-decoration:none;padding:14px 16px;min-height:52px;border-radius:12px;border:1px solid #E5E5E5;background:#fff;transition:all .2s ease;display:flex;align-items:center;gap:12px;letter-spacing:.5px}.mobile-menu-link:hover{border-color:#8c4fff;color:#8c4fff;background:#f9f9f9}.mobile-menu-link:active{transform:scale(.98)}.mobile-menu-link.active{color:#fff;background:#2f1f54;border-color:#2f1f54}.mobile-menu-link svg{width:20px;height:20px;opacity:.8}.mobile-menu-actions{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid #E5E5E5}.mobile-menu-button{font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;padding:14px 24px;min-height:52px;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;letter-spacing:.5px}.mobile-menu-button:active{transform:scale(.98)}.mobile-menu-button.primary{color:#fff;background:#2f1f54;border:1px solid #2F1F54}.mobile-menu-button.primary:hover{background:#8c4fff;border-color:#8c4fff}.mobile-menu-button.secondary{color:#2f1f54;background:#fff;border:1px solid #E5E5E5}.mobile-menu-button.secondary:hover{border-color:#2f1f54;background:#f9f9f9}@media (hover: none){.mobile-menu-close:hover{background:#f5f5f5;color:#666;border-color:#e5e5e5}.mobile-menu-link:hover{border-color:#e5e5e5;color:#2f1f54;background:#fff}.mobile-menu-button.primary:hover{background:#2f1f54;border-color:#2f1f54}.mobile-menu-button.secondary:hover{background:#fff;border-color:#e5e5e5}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0f1020f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(139,92,246,.3);z-index:1000;padding-bottom:var(--nav-safe-area-bottom)}.bottom-nav-content{display:flex;justify-content:space-around;align-items:center;height:var(--nav-height-mobile);max-width:600px;margin:0 auto;padding:0 8px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:#ffffff80;cursor:pointer;padding:8px 12px;min-width:64px;min-height:48px;border-radius:12px;transition:all .2s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-item:hover{color:#fffc;background:#8b5cf61a}.nav-item:active{transform:scale(.95);background:#8b5cf626}.nav-item.active{color:#8b5cf6;background:#8b5cf626}.nav-item .nav-icon,.nav-item svg{width:22px;height:22px;flex-shrink:0}.nav-item .nav-label{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.6875rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}@media (hover: none){.nav-item:hover{color:#ffffff80;background:transparent}.nav-item.active:hover{color:#8b5cf6;background:#8b5cf626}}@media (min-width: 480px){.landing-header-new{padding:calc(14px + var(--nav-safe-area-top)) 20px 14px}.logo-image-new{height:40px}.header-button-signin{font-size:.875rem;padding:10px 18px}.header-button-play{font-size:.875rem;padding:10px 20px}.mobile-menu-panel{max-width:360px}.nav-item{min-width:72px;padding:8px 16px}.nav-item .nav-icon,.nav-item svg{width:24px;height:24px}.nav-item .nav-label{font-size:.75rem}}@media (min-width: 768px){.landing-header-new{padding:calc(16px + var(--nav-safe-area-top)) 32px 16px}.logo-image-new{height:44px}.nav-links-new{display:flex}.mobile-menu-toggle{display:none}.nav-link-new{font-size:.9375rem;padding:10px 18px}.header-buttons-new{gap:12px}.header-button-signin{font-size:.9375rem;padding:10px 20px}.header-button-play{font-size:.9375rem;padding:10px 24px}.bottom-nav{left:50%;transform:translate(-50%);max-width:500px;border-radius:20px 20px 0 0;border-left:1px solid rgba(139,92,246,.3);border-right:1px solid rgba(139,92,246,.3)}.bottom-nav-content{height:var(--nav-height-tablet)}.nav-item{min-width:80px;gap:6px}.nav-item .nav-label{font-size:.8125rem}}@media (min-width: 1024px){.landing-header-new{padding:16px 48px}.logo-image-new{height:48px}.nav-link-new{font-size:1rem;padding:12px 20px}.header-buttons-new{gap:12px}.header-button-signin{font-size:1rem;padding:12px 24px}.header-button-play{font-size:1rem;padding:12px 28px}.bottom-nav{max-width:480px}.bottom-nav-content{height:var(--nav-height-desktop)}.nav-item{min-width:88px}}@media (min-width: 1440px){.landing-header-new{padding:20px 64px}.logo-image-new{height:52px}.nav-link-new{padding:12px 24px}}@media (max-height: 500px) and (orientation: landscape){.landing-header-new{padding:calc(8px + var(--nav-safe-area-top)) 16px 8px}.logo-image-new{height:32px}.header-button-signin{font-size:.75rem;padding:6px 12px;min-height:36px}.header-button-play{font-size:.75rem;padding:6px 14px;min-height:36px}.mobile-menu-toggle{width:36px;height:36px}.mobile-menu-toggle svg{width:20px;height:20px}.mobile-menu-panel{max-width:280px}.mobile-menu-content{padding:16px}.mobile-menu-nav{margin-bottom:20px}.mobile-menu-link{font-size:.9375rem;padding:10px 14px;min-height:44px}.mobile-menu-actions{padding-top:16px;gap:10px}.mobile-menu-button{font-size:.875rem;padding:10px 18px;min-height:44px}.mobile-menu-close{width:36px;height:36px}.mobile-menu-close svg{width:18px;height:18px}.bottom-nav{--nav-height-mobile: 48px}.nav-item{padding:6px 10px;min-width:56px;min-height:40px;gap:2px}.nav-item .nav-icon,.nav-item svg{width:18px;height:18px}.nav-item .nav-label{font-size:.625rem}}.whodunit-bg .bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0f1020f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(139,92,246,.3);z-index:1000;padding-bottom:var(--nav-safe-area-bottom)}.whodunit-bg .bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px 12px;min-width:44px;min-height:44px;border-radius:12px;transition:all .2s ease}.whodunit-bg .bottom-nav .nav-item.active{color:#8b5cf6;background:#8b5cf61a}.whodunit-bg .bottom-nav .nav-icon{font-size:20px;width:20px;height:20px}.whodunit-bg .bottom-nav .nav-label{font-family:var(--font-secondary, "Urbanist", sans-serif);font-size:.6875rem;font-weight:700}@media (min-width: 768px){.whodunit-bg .bottom-nav{max-width:600px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0}}@media (min-width: 1024px){.whodunit-bg .bottom-nav{max-width:500px}}.nav-desktop-only{display:none}@media (min-width: 768px){.nav-desktop-only{display:flex}}.nav-mobile-only{display:flex}@media (min-width: 768px){.nav-mobile-only{display:none}}.nav-header-spacer{height:calc(60px + var(--nav-safe-area-top))}@media (min-width: 480px){.nav-header-spacer{height:calc(68px + var(--nav-safe-area-top))}}@media (min-width: 768px){.nav-header-spacer{height:calc(76px + var(--nav-safe-area-top))}}@media (min-width: 1024px){.nav-header-spacer{height:calc(80px + var(--nav-safe-area-top))}}.nav-bottom-spacer{height:calc(var(--nav-height-mobile) + var(--nav-safe-area-bottom))}@media (min-width: 768px){.nav-bottom-spacer{height:calc(var(--nav-height-tablet) + var(--nav-safe-area-bottom))}}@media (min-width: 1024px){.nav-bottom-spacer{height:calc(var(--nav-height-desktop) + var(--nav-safe-area-bottom))}}@media print{.landing-header-new,.bottom-nav,.mobile-menu-overlay,.mobile-menu-panel,.mobile-menu-toggle{display:none!important}.nav-header-spacer,.nav-bottom-spacer{height:0}}@media (prefers-reduced-motion: reduce){.landing-header-new,.mobile-menu-overlay,.mobile-menu-panel,.nav-item,.nav-link-new,.header-button-signin,.header-button-play{transition:none}}.btn-primary{background:var(--color-royal-purple);color:var(--color-pure-white);font-family:var(--font-secondary);font-size:var(--font-button-size);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-transform);padding:14px 32px;min-height:48px;border-radius:var(--radius-sm);border:none;cursor:pointer;box-shadow:var(--shadow-purple);transition:all var(--transition-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--color-royal-purple-hover);box-shadow:var(--shadow-purple-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-purple)}.btn-primary:disabled{background:var(--color-royal-purple-disabled);cursor:not-allowed;opacity:.6}@media (hover: none){.btn-primary:hover:not(:disabled){transform:none}.btn-primary:active:not(:disabled){transform:scale(.98)}}.btn-secondary{background:transparent;color:var(--color-royal-purple);font-family:var(--font-secondary);font-size:var(--font-button-size);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-transform);padding:14px 32px;min-height:48px;border-radius:var(--radius-sm);border:3px solid var(--color-royal-purple);cursor:pointer;transition:all var(--transition-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn-secondary:hover:not(:disabled){background:var(--color-royal-purple-bg);border-color:var(--color-royal-purple-hover);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){background:var(--color-electric-violet-bg);transform:translateY(0)}@media (hover: none){.btn-secondary:hover:not(:disabled){transform:none}.btn-secondary:active:not(:disabled){transform:scale(.98)}}.btn-danger{background:var(--color-mystery-magenta);color:var(--color-pure-white);font-family:var(--font-secondary);font-size:var(--font-button-size);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-transform);padding:14px 32px;min-height:48px;border-radius:var(--radius-sm);border:none;cursor:pointer;box-shadow:var(--shadow-pink);transition:all var(--transition-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn-danger:hover:not(:disabled){background:var(--color-mystery-magenta-hover);box-shadow:var(--shadow-pink-hover);transform:translateY(-2px)}@media (hover: none){.btn-danger:hover:not(:disabled){transform:none}}.btn-success{background:var(--color-global-teal);color:var(--color-pure-white);font-family:var(--font-secondary);font-size:var(--font-button-size);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-transform);padding:14px 32px;min-height:48px;border-radius:var(--radius-sm);border:none;cursor:pointer;box-shadow:var(--shadow-teal);transition:all var(--transition-standard);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn-success:hover:not(:disabled){background:var(--color-global-teal-hover);box-shadow:var(--shadow-teal-hover);transform:translateY(-2px)}@media (hover: none){.btn-success:hover:not(:disabled){transform:none}}.btn-icon{background:var(--bg-primary);width:48px;height:48px;min-width:48px;min-height:48px;border-radius:var(--radius-full);border:2px solid var(--color-light-gray);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-standard);padding:0}.btn-icon:hover{border-color:var(--color-royal-purple);transform:scale(1.1);box-shadow:var(--shadow-purple-hover)}@media (hover: none){.btn-icon:hover{transform:none}.btn-icon:active{transform:scale(.95)}}.btn-large{font-size:var(--font-button-large-size);padding:18px 40px;min-height:56px}.btn-full{width:100%}.card-mystery-pin{background:var(--bg-primary);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--spacing-lg);break-inside:avoid;transition:all var(--transition-slow);will-change:transform}.card-mystery-pin:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-royal-purple)}@media (hover: none){.card-mystery-pin:hover{transform:none}}.card-mystery-pin-header{padding:32px 20px;text-align:center;position:relative}.card-mystery-pin-content{background:var(--bg-secondary);padding:24px 20px}.card-story{background:var(--bg-primary);border-radius:var(--radius-xl);padding:32px 20px;border:3px solid var(--color-royal-purple);box-shadow:var(--shadow-2xl)}.badge-type{padding:8px 16px;border-radius:var(--radius-lg);font-family:var(--font-secondary);font-weight:700;font-size:var(--font-caption-size);letter-spacing:1px;text-transform:none;display:inline-block;color:var(--color-pure-white)}.badge-difficulty{padding:6px 12px;border-radius:var(--radius-md);font-family:var(--font-secondary);font-weight:700;font-size:var(--font-body-small-size);background:var(--bg-secondary);border:2px solid var(--color-light-gray);color:var(--text-primary);display:inline-flex;align-items:center;gap:6px}.badge-achievement{padding:8px 16px;border-radius:var(--radius-lg);font-family:var(--font-secondary);font-weight:700;font-size:var(--font-body-small-size);background:var(--color-golden-clue);color:var(--text-primary);display:inline-flex;align-items:center;gap:8px}.input-text{background:var(--bg-primary);border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);padding:14px 16px;min-height:48px;font-family:var(--font-secondary);font-size:var(--font-body-size);color:var(--text-primary);width:100%;transition:all var(--transition-standard)}.input-text::placeholder{color:var(--text-muted)}.input-text:focus{outline:none;border-color:var(--color-royal-purple);background:var(--color-royal-purple-bg)}.input-text.error{border-color:var(--color-mystery-magenta);background:var(--color-mystery-magenta-bg)}.answer-option{background:var(--bg-primary);border:3px solid var(--color-light-gray);border-radius:var(--radius-md);padding:16px 20px;min-height:56px;font-family:var(--font-secondary);font-weight:700;font-size:var(--font-body-large-size);color:var(--text-primary);text-align:left;cursor:pointer;width:100%;transition:all var(--transition-standard);display:flex;align-items:center;gap:12px}.answer-option:hover{border-color:var(--color-royal-purple);background:var(--color-royal-purple-bg);transform:translate(8px)}@media (hover: none){.answer-option:hover{transform:none}.answer-option:active{transform:scale(.99)}}.answer-option.selected{border-color:var(--color-global-teal);background:var(--color-global-teal-bg);box-shadow:var(--shadow-teal)}.answer-option.wrong{border-color:var(--color-mystery-magenta);background:var(--color-mystery-magenta-bg)}.quote-worthington{background:var(--color-golden-clue-bg);border-left:4px solid var(--color-golden-clue);border-radius:var(--radius-sm);padding:16px;margin:16px 0}.quote-worthington-header{font-family:var(--font-secondary);font-weight:700;font-size:var(--font-caption-size);text-transform:none;color:var(--color-golden-clue);margin-bottom:10px;letter-spacing:1px}.quote-worthington-text{font-family:var(--font-secondary);font-size:var(--font-body-size);font-style:italic;color:var(--text-primary);line-height:1.7}.modal-overlay{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal-backdrop);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease;padding:0}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:32px 20px calc(32px + var(--safe-area-bottom, 0px));max-width:100%;width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:var(--shadow-3xl);border:2px solid var(--color-light-gray);animation:slideUp .3s cubic-bezier(0,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width: 480px){.btn-primary,.btn-secondary,.btn-danger,.btn-success{padding:14px 36px}.card-mystery-pin-header{padding:40px 24px}.card-mystery-pin-content{padding:28px 24px}.card-story{padding:36px 24px}.quote-worthington{padding:18px;margin:18px 0}.modal-content{padding:36px 24px calc(36px + var(--safe-area-bottom, 0px))}}@media (min-width: 768px){.modal-overlay{align-items:center;padding:20px}.modal-content{border-radius:var(--radius-xl);padding:40px 32px;max-width:560px;width:90%;animation:scaleIn .3s cubic-bezier(0,0,.2,1)}.btn-primary,.btn-secondary,.btn-danger,.btn-success{padding:16px 40px}.btn-icon{width:56px;height:56px;min-width:56px;min-height:56px}.card-mystery-pin-header{padding:48px 32px}.card-mystery-pin-content{padding:32px}.card-story{padding:40px}.quote-worthington{padding:20px;margin:20px 0}}@media (min-width: 1024px){.modal-content{max-width:600px;padding:48px}}@media (max-height: 500px) and (orientation: landscape){.btn-primary,.btn-secondary,.btn-danger,.btn-success{padding:10px 24px;min-height:40px;font-size:.875rem}.btn-large{padding:12px 28px;min-height:44px}.card-mystery-pin-header{padding:24px 16px}.card-mystery-pin-content{padding:16px}.card-story{padding:20px 16px}.modal-content{max-height:85vh;padding:20px;border-radius:var(--radius-lg)}.quote-worthington{padding:12px;margin:12px 0}.input-text{padding:10px 12px;min-height:40px}.answer-option{padding:12px 16px;min-height:44px;font-size:.9375rem}}@media print{.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-icon,.modal-overlay{display:none!important}.card-mystery-pin,.card-story{break-inside:avoid;box-shadow:none;border:1px solid #000}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}.responsive-container{width:100%;max-width:100%;margin:0 auto;padding-left:max(20px,var(--safe-area-left));padding-right:max(20px,var(--safe-area-right));box-sizing:border-box}@media (min-width: 480px){.responsive-container{padding-left:max(24px,var(--safe-area-left));padding-right:max(24px,var(--safe-area-right))}}@media (min-width: 768px){.responsive-container{max-width:720px;padding-left:32px;padding-right:32px}}@media (min-width: 1024px){.responsive-container{max-width:960px}}@media (min-width: 1440px){.responsive-container{max-width:1320px}}.responsive-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 480px){.responsive-grid{gap:20px}}@media (min-width: 768px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width: 1024px){.responsive-grid{grid-template-columns:repeat(3,1fr);gap:28px}}@media (min-width: 1440px){.responsive-grid{grid-template-columns:repeat(4,1fr);gap:32px}}.responsive-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}@media (min-width: 768px){.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}}.responsive-flex{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.responsive-flex{flex-direction:row;gap:24px}}.responsive-flex-reverse{display:flex;flex-direction:column-reverse;gap:16px}@media (min-width: 768px){.responsive-flex-reverse{flex-direction:row;gap:24px}}.responsive-padding{padding:16px}@media (min-width: 480px){.responsive-padding{padding:20px}}@media (min-width: 768px){.responsive-padding{padding:32px}}@media (min-width: 1024px){.responsive-padding{padding:48px}}.responsive-margin{margin:16px}@media (min-width: 480px){.responsive-margin{margin:20px}}@media (min-width: 768px){.responsive-margin{margin:32px}}.responsive-heading-xl{font-size:clamp(2rem,5vw + 1rem,4.5rem);line-height:1.1}.responsive-heading-lg{font-size:clamp(1.75rem,4vw + .5rem,3rem);line-height:1.2}.responsive-heading-md{font-size:clamp(1.5rem,3vw + .5rem,2.25rem);line-height:1.3}.responsive-heading-sm{font-size:clamp(1.25rem,2vw + .5rem,1.5rem);line-height:1.4}.responsive-body-lg{font-size:clamp(1rem,1vw + .5rem,1.125rem);line-height:1.7}.responsive-body{font-size:clamp(.9375rem,.5vw + .75rem,1rem);line-height:1.6}.responsive-body-sm{font-size:clamp(.8125rem,.25vw + .75rem,.875rem);line-height:1.5}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.touch-target-expanded{position:relative}.touch-target-expanded:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:100%;min-height:100%}.hide-mobile{display:none!important}@media (min-width: 768px){.hide-mobile{display:initial!important}}.show-mobile{display:initial!important}@media (min-width: 768px){.show-mobile{display:none!important}}.hide-tablet{display:initial!important}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}}.show-tablet-only{display:none!important}@media (min-width: 768px) and (max-width: 1023px){.show-tablet-only{display:initial!important}}.hide-desktop{display:initial!important}@media (min-width: 1024px){.hide-desktop{display:none!important}}.show-desktop{display:none!important}@media (min-width: 1024px){.show-desktop{display:initial!important}}.responsive-img{max-width:100%;height:auto;display:block}.responsive-img-cover{width:100%;height:100%;object-fit:cover}.responsive-img-contain{width:100%;height:100%;object-fit:contain}.responsive-sidebar-layout{display:flex;flex-direction:column;min-height:100vh}.responsive-sidebar{width:100%;position:relative;order:2}.responsive-main-content{flex:1;order:1}@media (min-width: 1024px){.responsive-sidebar-layout{flex-direction:row}.responsive-sidebar{width:320px;flex-shrink:0;order:2;position:sticky;top:0;height:100vh;overflow-y:auto}.responsive-main-content{flex:1;order:1}}.fixed-bottom-padding{padding-bottom:calc(64px + var(--safe-area-bottom))}@media (min-width: 768px){.fixed-bottom-padding{padding-bottom:0}}.fixed-header-padding{padding-top:calc(64px + var(--safe-area-top))}.responsive-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0}.responsive-modal{width:100%;max-height:90vh;max-height:90dvh;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s ease-out}@media (min-width: 768px){.responsive-modal-overlay{align-items:center;padding:20px}.responsive-modal{max-width:600px;max-height:85vh;border-radius:20px;animation:scaleIn .3s ease-out}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body.scroll-locked{overflow:hidden;position:fixed;width:100%;height:100%}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media print{.no-print{display:none!important}body{padding:0!important}.fixed-header,.fixed-bottom-bar{display:none!important}}@media (max-height: 500px) and (orientation: landscape){.landscape-compact{padding-top:8px!important;padding-bottom:8px!important}.landscape-hide{display:none!important}}@media (hover: hover) and (pointer: fine){.hover-lift:hover{transform:translateY(-4px)}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:0 0 20px #8c4fff4d}}@media (hover: none){.hover-lift:hover,.hover-scale:hover,.hover-glow:hover{transform:none;box-shadow:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--shadow-sm: none;--shadow-md: 0 0 0 2px currentColor;--shadow-lg: 0 0 0 3px currentColor}}html{overflow-x:hidden;width:100%}body{overflow-x:hidden;width:100%;max-width:100vw}*{max-width:100%}img,video,iframe{max-width:100%;height:auto}@media (max-width: 479px){body{padding-left:0;padding-right:0}}@media (min-width: 1024px){body:not(.game-page-active){display:block!important;justify-content:unset!important;align-items:unset!important;background:#fff!important;min-height:100vh!important}}#root{width:100%;min-height:100vh;overflow-x:hidden}html,body{width:100%;margin:0;padding:0}