:root{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#0a0a0b}body{margin:0;padding:0;width:100vw;height:100vh;background-color:#0a0a0b;color:#fff}#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}body,html,#root{width:100%;height:100%;overflow:hidden;background-color:#1a1a1c}.game-container{position:relative;width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle at center 20%,#7d1111,#1a1a1c 95%)!important}#particle-canvas{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.unity-container,.unity-container-compact{position:relative;z-index:10;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center}.journey-wrapper{position:relative;width:100%;padding-left:30px}.journey-thread{position:absolute;left:10px;top:20px;bottom:20px;width:2px;background:#fff3;border-radius:10px;z-index:1}.journey-thread:after{content:"";position:absolute;top:-20px;left:0;width:100%;height:60px;background:linear-gradient(to bottom,transparent,#fff,transparent);animation:travelPath 4s infinite linear;filter:blur(2px)}@keyframes travelPath{0%{top:-10%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:110%;opacity:0}}.vibes-list{width:100%;display:flex;flex-direction:column;gap:12px;height:55vh;overflow-y:auto;padding:10px 0;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}.vibes-list::-webkit-scrollbar{display:none}.vibe-row{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:1.1rem;border-radius:20px;color:#fff;text-align:left;width:100%;position:relative;transition:all .3s ease;z-index:2}.node-indicator{position:absolute;left:-25px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#1a1a1c;border:2px solid rgba(255,255,255,.3);border-radius:50%}@keyframes breathingGlow{0%{background:#ffffff26;border-color:#fff3}50%{background:#ffffff38;border-color:#fff9}to{background:#ffffff26;border-color:#fff3}}.pulse-suggest{animation:breathingGlow 3s infinite ease-in-out!important}.anatomy-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1e0a0a99;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;display:flex;justify-content:center;align-items:center}.anatomy-card{width:90%;max-width:400px;background:#550f0fe6;border:1px solid rgba(255,255,255,.2);border-radius:35px;padding:2.5rem 2rem;color:#fff;text-align:center;display:flex;flex-direction:column}.modal-tabs{display:flex;justify-content:space-around;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px;margin-bottom:20px;flex-shrink:0}.modal-tabs span{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3;cursor:pointer}.modal-tabs span.active-tab{color:#f5e6cc;font-weight:600}.info-scroll{max-height:50vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding-right:5px;margin-bottom:15px}.info-scroll::-webkit-scrollbar{width:4px}.info-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.info-section{text-align:left;margin-bottom:20px}.info-section h4{color:#f5e6cc;margin-bottom:8px;font-size:1rem}.info-section p{font-size:.95rem;line-height:1.65;color:#fffffff2;margin-bottom:1.2rem}.faq-container p strong{display:block;color:#ff4d4d;margin-bottom:4px}.faq-container p{margin-bottom:1.8rem}.info-content-fade{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.progress-container-mini{width:100%;height:4px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-top:10px}.progress-bar-fill{height:100%;background:#f5e6cc;transition:width 1s ease-out}.corner-info-icon{position:absolute;top:25px;right:25px;z-index:100;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}.corner-info-icon span{width:20px;height:20px;border:1px solid rgba(245,230,204,.6);border-radius:50%;color:#f5e6cc;font-size:11px;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}.corner-info-icon:hover span{transform:rotate(45deg)}.setup-block-fixed-compact{width:100%;background:#ffffff1f;padding:1.2rem;border-radius:24px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.setup-input-fixed-compact{width:100%;background:#0006;border:1px solid rgba(255,255,255,.3);padding:.8rem;border-radius:12px;color:#fff;text-align:center}.start-btn-compact-fixed{background:#fff;color:#000;border:none;padding:1rem;border-radius:30px;font-weight:700;width:100%;cursor:pointer;display:block;margin:10px auto 0}.info-trigger{text-align:center;display:block;margin:0 auto;color:#f5e6ccb3;font-size:.8rem;text-decoration:underline;cursor:pointer;background:transparent;border:none;padding:10px;transition:all .3s ease}.info-trigger:hover{color:#f5e6cc;text-shadow:0 0 8px rgba(245,230,204,.4)}.game-card{z-index:10;width:90%;max-width:400px;height:55vh;background:#ffffff1f;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:40px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.reveal-animation{opacity:0;transform:translateY(18px);filter:blur(7px);animation:cardRiseReveal 1.2s cubic-bezier(.33,1,.68,1) forwards;will-change:transform,opacity,filter}@keyframes cardRiseReveal{0%{opacity:0;transform:translateY(18px);filter:blur(7px)}25%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.card-text-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.email-gate-inner{width:100%;display:flex;flex-direction:column;align-items:center}.bottom-action-container{position:absolute;bottom:40px;width:100%;display:flex;justify-content:center;z-index:40}.game-next-button{background:#fff;color:#000;border:none;padding:1.1rem;border-radius:35px;font-weight:700;width:90%;max-width:380px}.top-nav{position:absolute;top:25px;width:90%;display:flex;justify-content:space-between;align-items:center;z-index:30}.nav-btn-text{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:25px;font-size:.85rem;cursor:pointer}.vibe-indicator-pill{color:#fff;font-weight:600;font-size:.85rem;text-transform:uppercase;background:#ffffff26;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.vibe-indicator-pill span{font-size:.6rem;opacity:.7}.active-pill{background:#f5e6cc40;border-color:#f5e6cc}.vibe-drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:500}.vibe-drawer{position:absolute;top:75px;left:50%;transform:translate(-50%);width:220px;background:#2d0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);border-radius:25px;padding:15px 0;display:flex;flex-direction:column;box-shadow:0 15px 40px #0009;animation:drawerSlideDown .3s ease-out}@keyframes drawerSlideDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.drawer-path-line{position:absolute;left:24px;top:25px;bottom:25px;width:1px;background:#fff3}.drawer-vibe-item{display:flex;align-items:center;padding:10px 20px;gap:15px;cursor:pointer;transition:background .2s}.drawer-vibe-item:hover{background:#ffffff1a}.drawer-node{width:8px;height:8px;border-radius:50%;background:#ffffff4d;border:1px solid rgba(255,255,255,.3);z-index:2}.drawer-vibe-item.current .drawer-node{background:#f5e6cc;box-shadow:0 0 10px #f5e6cc}.drawer-vibe-item.current .drawer-vibe-name{color:#f5e6cc;font-weight:700}.drawer-vibe-name{color:#ffffffd9;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.locked-item{opacity:.5}.drawer-lock-icon{font-size:.7rem;margin-left:auto}.turn-indicator{position:absolute;top:85px;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;z-index:25}.vibe-name{font-weight:600;font-size:1.1rem;color:#fff}.vibe-desc{font-size:.8rem;color:#ffffffd9;display:block;margin-top:6px}.vibe-row.locked{background:transparent;border:1px solid rgba(255,255,255,.25);opacity:.85}.unlocked-premium{background:#ffffff26!important;border-color:#ffd70080!important}.vibe-row.locked .vibe-name{color:#fffc}.vibe-row.locked .vibe-desc{color:#fff9}.journey-title{color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;opacity:.85;margin-bottom:8px}.journey-subtitle{color:#fffc;font-size:.75rem;line-height:1.4;max-width:280px;margin:0 auto}.soft-prompt-compact{color:#ffffffd9;text-align:center;font-size:.9rem;margin-bottom:20px}.paid-section-wrapper{margin-top:1.5rem;width:100%}.lock-header{color:#ffffffb3;font-size:.7rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;text-align:center}.player-selection-block{margin-bottom:25px;text-align:left}.player-selection-block label{display:block;margin-bottom:10px;font-size:.9rem;color:#f5e6cc;letter-spacing:1px}.chip-group{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.chip.active{background:#fff;color:#000;border-color:#fff}.save-anatomy-btn{background:#fff;color:#000;border:none;padding:1.1rem;border-radius:35px;font-weight:700;width:100%;margin-top:20px}.vibe-row.locked:hover{background:#fff3;border-color:#fff6;cursor:pointer}@keyframes pulseGlowHeader{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05);color:#f5e6cc}to{opacity:.7;transform:scale(1)}}.paid-section-wrapper:hover .lock-header{animation:pulseGlowHeader 2s infinite ease-in-out}.category-header-area{margin-top:-20px}.unlock-after-dark-btn{display:block;background:linear-gradient(135deg,#c5a059,#f5e6cc);color:#1a1a1c!important;text-decoration:none;font-weight:700;font-size:.85rem;padding:12px;border-radius:12px;text-align:center;margin-bottom:10px;box-shadow:0 4px 15px #c5a0594d;transition:all .3s ease}.unlock-after-dark-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c5a05980;filter:brightness(1.1)}