@font-face{font-display:swap;font-family:TildaSans;font-style:normal;font-weight:250 1000;src:url(/5-hearts/static/media/TildaSans-VF.d726cb6032d6af6310cb.woff2) format("woff2-variations"),url(/5-hearts/static/media/TildaSans-VF.871b541b762db1777c78.woff) format("woff-variations")}body{font-family:TildaSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#0b1c2d;background-image:radial-gradient(ellipse at 20% 30%,#2fd6ff14 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#6a5cff0f 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#e2558a0a 0,#0000 60%),linear-gradient(135deg,#0b1c2d,#0f2238 50%,#0b1c2d);color:#fff;font-family:TildaSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overscroll-behavior:none;overscroll-behavior-y:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-container,body{overflow:hidden;position:relative}.game-container{height:100vh;height:100dvh;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);width:100vw;z-index:1}.game-container,.screen{align-items:center;display:flex}.screen{-webkit-overflow-scrolling:touch;flex-direction:column;height:100%;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:10px;width:100%}.splash-screen{background:#0b1c2d;background-image:radial-gradient(ellipse at 20% 30%,#2fd6ff1a 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#6a5cff14 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#e2558a0d 0,#0000 60%),linear-gradient(135deg,#0b1c2d,#0f2238 50%,#0b1c2d);position:relative}.splash-content{max-width:600px;text-align:center}.game-title{font-size:3rem;font-weight:600;letter-spacing:-.5px;margin-bottom:10px;text-shadow:0 0 20px #2fd6ff4d,0 0 40px #167dff33,0 2px 8px #00000080}.game-subtitle{color:#2fd6ff;font-size:1.2rem;font-weight:400;margin-bottom:20px;text-shadow:0 0 10px #2fd6ff66}.game-tagline{color:#6a5cff;font-size:1rem;font-style:italic;font-weight:300;margin-bottom:40px;text-shadow:0 0 8px #6a5cff4d}.start-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#167dff26;border:1px solid #2fd6ff66;border-radius:8px;box-shadow:0 0 20px #2fd6ff33,inset 0 0 20px #167dff1a;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;padding:15px 40px;position:relative;transition:all .3s ease}.start-button:hover{background:#167dff40;border-color:#2fd6ff99;box-shadow:0 0 30px #2fd6ff66,0 4px 12px #0000004d,inset 0 0 30px #167dff26;transform:translateY(-2px)}.gender-select-screen{background:#0b1c2d;background-image:radial-gradient(ellipse at 20% 30%,#2fd6ff14 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#6a5cff0f 0,#0000 50%),linear-gradient(135deg,#0b1c2d,#0f2238 50%,#0b1c2d)}.gender-select-content{max-width:500px;text-align:center}.gender-select-content h2{font-size:2rem;margin-bottom:40px}.gender-buttons{gap:20px;justify-content:center}.gender-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#167dff26;border:1px solid #2fd6ff66;border-radius:8px;box-shadow:0 0 20px #2fd6ff33,inset 0 0 20px #167dff1a;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;min-width:150px;padding:20px 50px;transition:all .3s ease}.gender-button:hover{background:#167dff40;border-color:#2fd6ff99;box-shadow:0 0 30px #2fd6ff66,0 4px 12px #0000004d,inset 0 0 30px #167dff26;transform:translateY(-2px)}.scene-screen{background:#0b1c2d;background-image:radial-gradient(ellipse at 20% 30%,#2fd6ff0f 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#6a5cff0d 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#e2558a08 0,#0000 60%),linear-gradient(135deg,#0b1c2d,#0f2238 50%,#0b1c2d);justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:15px}@media (max-width:768px){.scene-screen{flex-direction:column;justify-content:flex-start;padding:15px}}.character-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:15px;max-width:100%;width:100%}.character-portrait{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f223899;border:1px solid #2fd6ff4d;border-radius:8px;box-shadow:0 0 20px #2fd6ff26,inset 0 0 20px #167dff0d;margin-top:10px;max-width:300px;padding:10px 15px;text-align:center;width:100%}.portrait-avatar{font-size:2rem;margin-bottom:5px}.portrait-name{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:3px}.portrait-occupation{color:#6a5cff;font-size:.9rem;font-weight:400;text-shadow:0 0 6px #6a5cff4d}@media (max-width:768px){.scene-screen{padding:10px}.character-image{max-height:180px;max-width:150px}.character-portrait{max-width:100%;padding:8px 12px}.portrait-avatar{font-size:1.5rem}.portrait-name{font-size:1rem}.portrait-occupation,.situation-text{font-size:.85rem}.inner-thought{font-size:.8rem;padding:6px}.scene-text{font-size:1rem;line-height:1.5}.choice-button{font-size:.9rem;min-height:45px;padding:10px 12px}.character-container:before{height:120%;width:120%}}.character-container{position:relative}.character-container:before{background:radial-gradient(ellipse at 30% 50%,#2fd6ff26 0,#0000 60%),radial-gradient(ellipse at 70% 50%,#e2558a1f 0,#0000 60%);border-radius:50%;content:"";filter:blur(20px);height:110%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:110%;z-index:-1}.character-image{border-radius:8px;box-shadow:0 0 30px #2fd6ff4d,0 0 60px #167dff33,0 4px 20px #00000080,inset 0 0 40px #e2558a1a;filter:brightness(1.05) contrast(1.02);height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-height:250px;max-width:200px;object-fit:contain;position:relative;width:auto}@media (max-width:768px){.character-image{height:auto;max-height:40vh;width:auto}}.text-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;padding:0 10px;width:100%}@media (max-width:768px){.text-container{flex:0 1 auto;max-width:100%;padding:0 8px}}.heart-emoji{font-size:3rem;margin-bottom:20px}.situation-text{color:#2fd6ff;font-size:.95rem;line-height:1.5;margin-bottom:8px;text-shadow:0 0 8px #2fd6ff66}.inner-thought,.situation-text{font-style:italic;font-weight:300;text-align:center}.inner-thought{background:#0f223866;border-left:2px solid #6a5cff66;border-radius:4px;color:#6a5cff;font-size:.85rem;line-height:1.4;margin-bottom:12px;padding:8px;text-shadow:0 0 6px #6a5cff4d}.scene-text{font-size:1.1rem;font-weight:400;line-height:1.6;min-height:auto;white-space:pre-line}.ending-title,.scene-text{color:#fff;margin-bottom:15px;text-align:center}.ending-title{font-size:1.8rem;font-weight:600}.ending-text{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:20px}.ending-lesson{border-left:2px solid #781e3c66;border-radius:4px;color:#b3b3b3;font-size:1.2rem;font-style:italic;line-height:1.8}.ending-lesson,.ending-metrics{background:#5a5a5a1a;margin-bottom:20px;padding:15px}.ending-metrics{border:1px solid #5a5a5a33;border-radius:8px;text-align:left}.metric-item{border-bottom:1px solid #5a5a5a33;display:flex;justify-content:space-between;padding:8px 0}.metric-item:last-child{border-bottom:none}.metric-label{color:#b3b3b3;font-size:1rem;font-weight:400}.metric-value{color:#fff;font-size:1rem;font-weight:500}.choices-container{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;max-width:100%;width:100%}.choice-button{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f223899;border:1px solid #2fd6ff4d;border-radius:8px;box-shadow:0 0 15px #2fd6ff1a,inset 0 0 15px #167dff0d;cursor:pointer;font-size:.95rem;font-weight:400;line-height:1.4;min-height:50px;padding:12px 15px;text-align:left;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.choice-button:hover{background:#167dff33;border-color:#2fd6ff80;box-shadow:0 0 25px #2fd6ff4d,0 2px 8px #0003,inset 0 0 25px #167dff1a;transform:translateX(3px)}.choice-button.point-of-no-return{background:#3a102066;border-color:#e2558a66;box-shadow:0 0 15px #e2558a33,inset 0 0 15px #e2558a1a}.choice-button.point-of-no-return:hover{background:#3a102080;border-color:#e2558a99;box-shadow:0 0 25px #e2558a4d,0 2px 8px #0003,inset 0 0 25px #e2558a26}.next-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#167dff26;border:1px solid #2fd6ff66;border-radius:8px;box-shadow:0 0 20px #2fd6ff33,inset 0 0 20px #167dff1a;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;margin-top:20px;padding:15px 40px;transition:all .3s ease}.next-button:hover{background:#167dff40;border-color:#2fd6ff99;box-shadow:0 0 30px #2fd6ff66,0 4px 12px #0000004d,inset 0 0 30px #167dff26;transform:translateY(-2px)}.final-screen{background:#0b1c2d;background-image:radial-gradient(ellipse at 20% 30%,#2fd6ff1a 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#6a5cff14 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#e2558a0d 0,#0000 60%),linear-gradient(135deg,#0b1c2d,#0f2238 50%,#0b1c2d);position:relative}.final-content{max-width:700px;padding:20px;text-align:center}.final-emoji{font-size:5rem;margin-bottom:20px}.final-title{color:#fff;font-size:3rem;font-weight:600;letter-spacing:-.5px;margin-bottom:20px}.final-description{margin-bottom:30px}.final-main-text{color:#fff;font-size:1.3rem;font-style:italic;font-weight:400;line-height:1.8;margin-bottom:20px}.final-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f223899;border:1px solid #2fd6ff4d;border-radius:8px;box-shadow:0 0 20px #2fd6ff26,inset 0 0 20px #167dff0d;margin-bottom:30px;padding:20px;text-align:left}.stat-row{align-items:center;border-bottom:1px solid #2fd6ff33;display:flex;justify-content:space-between;padding:10px 0}.stat-row:last-child{border-bottom:none}.stat-label{color:#2fd6ff;flex:1 1;font-size:1.1rem;font-weight:400;text-shadow:0 0 6px #2fd6ff4d}.stat-value{flex:1 1;font-size:1.2rem;font-weight:700;text-align:right}.stat-value.positive{color:#4ade80}.stat-value.neutral{color:#fbbf24}.stat-value.negative{color:#f87171}.final-why{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f223899;border-left:2px solid #e2558a66;border-radius:8px;box-shadow:0 0 20px #e2558a26,inset 0 0 20px #e2558a0d;margin-bottom:30px;padding:20px;text-align:left}.why-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:15px}.why-list{list-style:none;margin:0;padding:0}.why-list li{color:#2fd6ff;font-size:1.1rem;font-weight:400;line-height:1.8;padding:8px 0 8px 25px;position:relative;text-shadow:0 0 6px #2fd6ff4d}.why-list li:before{color:#e2558a99;content:"•";font-size:1.5rem;left:0;line-height:1.2;position:absolute;text-shadow:0 0 8px #e2558a66}.final-lesson{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f223899;border:1px solid #6a5cff4d;border-radius:8px;box-shadow:0 0 20px #6a5cff26,inset 0 0 20px #6a5cff0d;margin-bottom:30px;padding:20px}.lesson-text{color:#fff;font-size:1.2rem;font-weight:500;line-height:1.8;margin:0}.final-metrics{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f223899;border:1px solid #2fd6ff4d;border-radius:8px;box-shadow:0 0 20px #2fd6ff26,inset 0 0 20px #167dff0d;margin-bottom:30px;padding:20px}.metrics-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:15px;text-align:center}.metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.restart-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#167dff26;border:1px solid #2fd6ff66;border-radius:8px;box-shadow:0 0 20px #2fd6ff33,inset 0 0 20px #167dff1a;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;padding:15px 40px;position:relative;transition:all .3s ease}.restart-button:hover{background:#167dff40;border-color:#2fd6ff99;box-shadow:0 0 30px #2fd6ff66,0 4px 12px #0000004d,inset 0 0 30px #167dff26;transform:translateY(-2px)}@media (max-width:768px){.game-title{font-size:2rem}.game-subtitle{font-size:1rem}.game-tagline{font-size:.9rem}.scene-text{font-size:1.1rem;line-height:1.6;margin-bottom:20px}.choice-button{font-size:1rem;min-height:50px;padding:12px 20px}.heart-emoji{font-size:2rem;margin-bottom:15px}.final-emoji{font-size:4rem}.final-title{font-size:2rem}.final-stats{font-size:1rem;padding:15px}.final-main-text,.why-title{font-size:1.1rem}.lesson-text,.stat-label,.stat-value,.why-list li{font-size:1rem}.gender-buttons{flex-direction:column;width:100%}.gender-button{width:100%}}@media (max-width:480px){.screen{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.game-title{font-size:1.5rem}.scene-text{font-size:1rem;line-height:1.5}.choice-button{font-size:.95rem;min-height:48px;padding:12px 15px}.character-image{max-height:35vh}.text-container{padding:15px 10px}}@media (max-width:768px) and (orientation:landscape){.scene-screen{flex-direction:row;padding:10px}.character-container{max-height:90vh;max-width:40%}.character-image{max-height:90vh}.text-container{max-width:60%;padding:10px}.scene-text{font-size:.9rem;margin-bottom:15px}.choice-button{font-size:.9rem;min-height:45px;padding:10px 15px}}.character-container.with-bg{aspect-ratio:1/1;background-position:50%;background-size:cover;border:1px solid #2fd6ff2e;border-radius:14px;box-shadow:0 8px 28px #0000008c;display:block;flex:0 0 auto;margin:0 auto 15px;max-width:340px;overflow:hidden;position:relative;width:100%}.character-container.with-bg .character-image{border-radius:0;bottom:0;box-shadow:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));height:100%;left:50%;max-height:none;max-width:none;position:absolute;transform:translateX(-50%);width:auto}@media (max-width:768px){.character-container.with-bg{max-width:88vw}}.scene-screen{background:#050508}.scene-room{animation:clWalkIn .7s cubic-bezier(.22,.61,.36,1) both;background-position:center 62%;background-size:cover;inset:0;position:absolute;z-index:0}.scene-room:before{background:linear-gradient(180deg,#05050826,#05050873 42%,#050508db 72%,#050508f5);content:"";inset:0;position:absolute}.scene-room:after{animation:clSweep .7s ease-out both;background:linear-gradient(100deg,#0000 35%,#8fb9ff24 50%,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute}@keyframes clWalkIn{0%{filter:blur(5px) brightness(.72);opacity:.78;transform:translateX(10%) scale(1.1)}55%{filter:blur(1.2px) brightness(.92);opacity:1}to{filter:blur(0) brightness(1);opacity:1;transform:translateX(0) scale(1)}}@keyframes clSweep{0%{opacity:1;transform:translateX(-60%)}to{opacity:0;transform:translateX(60%)}}.scene-screen>:not(.scene-room){position:relative;z-index:1}.character-container.in-room{aspect-ratio:auto;display:block;flex:0 0 auto;height:42vh;margin:0 auto -10px;max-width:300px;position:relative;width:100%}.character-container.in-room .character-image{filter:drop-shadow(0 10px 22px rgba(0,0,0,.7))}@keyframes clStepIn{0%{opacity:0;transform:translateX(-50%) translateY(14px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.scene-screen .text-container{animation:clPanelIn .48s ease-out .16s both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0505089e;border:1px solid #ffffff14;border-radius:18px;padding:18px 16px}@keyframes clPanelIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.character-container.in-room{height:40vh;max-width:60vw}}.scene-screen .character-portrait{background:#0505089e;border:1px solid #ffffff14;border-radius:14px}@media (prefers-reduced-motion:reduce){.character-container.in-room .character-image,.scene-room,.scene-room:after,.scene-screen .text-container{animation:none}}:root{--cl-accent:#2b7bff;--cl-accent-2:#1466e0;--cl-pink:#ff6b81;--cl-ease:0.22s ease}.gender-button,.next-button,.start-button{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #0000;border-radius:50px;box-shadow:0 10px 26px #1e90ff52;color:#fff;display:inline-flex;font-size:17px;font-weight:600;gap:12px;justify-content:center;padding:15px 34px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,color .22s ease;transition:transform var(--cl-ease),box-shadow var(--cl-ease),border-color var(--cl-ease),color var(--cl-ease)}.gender-button,.gender-button:hover,.next-button,.next-button:hover,.start-button,.start-button:hover{background:linear-gradient(45deg,#2b7bff,#1466e0);background:linear-gradient(45deg,var(--cl-accent),var(--cl-accent-2))}.gender-button:hover,.next-button:hover,.start-button:hover{border-color:#0000;box-shadow:0 14px 34px #1e90ff80;transform:translateY(-3px)}.gender-button:active,.next-button:active,.start-button:active{box-shadow:0 8px 20px #1e90ff66;transform:translateY(-1px)}.choice-button{background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;box-shadow:none;color:#fff;font-size:15px;font-weight:500;line-height:1.45;padding:18px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;transition:transform var(--cl-ease),box-shadow var(--cl-ease),border-color var(--cl-ease),background var(--cl-ease);width:100%}.choice-button:hover{background:#ffffff14;border-color:#2b7bff;border-color:var(--cl-accent);box-shadow:0 12px 30px #1e90ff47;transform:translateY(-2px)}.choice-button:active{box-shadow:0 6px 16px #1e90ff38;transform:translateY(0)}.choice-button.point-of-no-return{background:#ff6b8112;border-color:#ff6b814d;box-shadow:none}.choice-button.point-of-no-return:hover{background:#ff6b811a;border-color:#ff6b81;border-color:var(--cl-pink);box-shadow:0 12px 30px #ff6b8147}.scene-screen{align-items:center;display:flex;flex-direction:column;font-family:TildaSans,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;height:100dvh;justify-content:flex-end;overflow:hidden;padding:0;position:relative}.scene-room{background-position:center 34%}.scene-screen:before{background:radial-gradient(ellipse at 50% 42%,#0000 45%,#0505088c 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.character-container.in-room{aspect-ratio:1/1;background:none;border:none;bottom:46%;height:44vh;margin:0;max-width:50vh;overflow:visible;z-index:1}.character-container.in-room,.character-container.in-room .character-image{box-shadow:none;left:50%;position:absolute;transform:translateX(-50%);width:auto}.character-container.in-room .character-image{animation:clStepIn .52s cubic-bezier(.22,.61,.36,1) 60ms both;border-radius:0;bottom:0;filter:drop-shadow(0 14px 26px rgba(0,0,0,.75));height:100%;max-height:none;max-width:none}.scene-screen .character-portrait,.scene-screen .text-container{position:relative;z-index:2}.scene-screen .text-container{animation:clPanelIn .42s ease-out .12s both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#080c16d1;border:1px solid #8fb9ff29;border-radius:20px;box-shadow:0 -8px 40px #0000008c;margin:0 8px 8px;max-height:62vh;max-width:620px;overflow-y:auto;padding:12px 14px 14px;width:calc(100% - 16px)}.scene-screen .heart-emoji{font-size:1.35rem;margin-bottom:4px}.scene-screen .situation-text{font-size:.82rem;font-weight:400;line-height:1.35;margin-bottom:5px}.scene-screen .inner-thought{font-size:.78rem;line-height:1.3;margin-bottom:7px;padding:5px 8px}.scene-screen .scene-text{font-size:.95rem;font-weight:500;line-height:1.4;margin-bottom:9px}.scene-screen .choices-container{gap:7px;margin-bottom:0}.scene-screen .choice-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;font-size:.88rem;line-height:1.3;min-height:0;overflow:hidden;padding:10px 13px 10px 15px;position:relative}.scene-screen .choice-button:before{background:#8fb9ff59;border-radius:2px;bottom:8px;content:"";left:0;position:absolute;top:8px;transition:background .22s ease,top .22s ease,bottom .22s ease;transition:background var(--cl-ease),top var(--cl-ease),bottom var(--cl-ease);width:2px}.scene-screen .choice-button:hover:before{background:#2b7bff;background:var(--cl-accent);bottom:4px;top:4px}.scene-screen .next-button{font-size:15px;margin-top:2px;padding:11px 28px}.scene-screen .character-portrait{align-items:baseline;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#080c16c7;border:1px solid #8fb9ff2e;border-radius:999px;box-shadow:0 6px 20px #00000073;display:inline-flex;gap:8px;margin:0 auto 7px;max-width:calc(100% - 24px);padding:5px 14px;width:auto}.scene-screen .portrait-avatar{font-size:.95rem;margin:0}.scene-screen .portrait-name{font-size:.88rem;font-weight:700;letter-spacing:.01em;margin:0}.scene-screen .portrait-occupation{font-size:.75rem;margin:0;opacity:.8}@media (max-width:768px){.character-container.in-room{bottom:47%;height:42vh;max-width:70vw}}@media (max-height:700px){.character-container.in-room{bottom:48%;height:34vh}.scene-screen .scene-text{font-size:.9rem}.scene-screen .choice-button{font-size:.85rem;padding:9px 12px 9px 14px}}.final-screen{justify-content:center}.final-content{padding:12px}.final-emoji{font-size:2.6rem;margin-bottom:8px}.final-title{font-size:1.7rem;margin-bottom:10px}.final-description{margin-bottom:14px}.final-main-text{font-size:.98rem;line-height:1.45;margin-bottom:10px}.final-reasons,.final-stats{border-radius:14px;margin-bottom:14px;padding:12px 14px}.final-reasons{font-size:.88rem}.final-screen .restart-button,.final-screen button{font-size:15px;padding:12px 30px}@media (max-height:760px){.final-emoji{font-size:2rem;margin-bottom:6px}.final-title{font-size:1.45rem}.final-main-text{font-size:.9rem;line-height:1.35}.final-reasons{font-size:.82rem}}.gender-select-screen,.splash-screen{background:#050508;overflow:hidden;perspective:1200px;perspective-origin:50% 45%;position:relative}.room-lobby{animation:clDollyIn 1.4s cubic-bezier(.22,.61,.36,1) both,clDrift 18s ease-in-out 1.4s infinite alternate;transform-origin:50% 48%}.room-lobby--closer{animation:clDollyDeeper 1.1s cubic-bezier(.22,.61,.36,1) both,clDrift 16s ease-in-out 1.1s infinite alternate}.room-lobby:before{background:radial-gradient(ellipse at 50% 45%,#0505081a 0,#050508b8 78%),linear-gradient(180deg,#050508b8,#0505084d 40%,#050508d1);content:"";inset:0;position:absolute}@keyframes clDollyIn{0%{filter:blur(7px) brightness(.35);opacity:0;transform:perspective(1200px) translateZ(-420px) scale(1.02)}60%{filter:blur(1.5px) brightness(.82);opacity:1}to{filter:blur(0) brightness(1);opacity:1;transform:perspective(1200px) translateZ(0) scale(1)}}.gender-select-content,.splash-content{animation:clContentIn .7s cubic-bezier(.22,.61,.36,1) .25s both;position:relative;z-index:2}@keyframes clContentIn{0%{opacity:0;transform:perspective(900px) translateZ(-120px) translateY(16px)}to{opacity:1;transform:perspective(900px) translateZ(0) translateY(0)}}.scene-screen{perspective:1200px;perspective-origin:50% 45%}.scene-screen .scene-room{animation:clRoomEnter .76s cubic-bezier(.22,.61,.36,1) both}@keyframes clRoomEnter{0%{filter:blur(6px) brightness(.62);opacity:.5;transform:perspective(1200px) translateZ(-260px) translateX(7%) rotateY(4deg)}60%{filter:blur(1.4px) brightness(.9);opacity:1}to{filter:blur(0) brightness(1);opacity:1;transform:perspective(1200px) translateZ(0) translateX(0) rotateY(0deg)}}.character-container.in-room .character-image{animation:clStepIn3d .62s cubic-bezier(.22,.61,.36,1) 90ms both}@keyframes clStepIn3d{0%{opacity:0;transform:translateX(-50%) perspective(900px) translateZ(-140px) translateY(10px)}to{opacity:1;transform:translateX(-50%) perspective(900px) translateZ(0) translateY(0)}}@media (prefers-reduced-motion:reduce){.character-container.in-room .character-image,.gender-select-content,.room-lobby,.room-lobby--closer,.scene-screen .scene-room,.splash-content{animation:none}}.gender-select-screen,.splash-screen{justify-content:center}.gender-select-content,.splash-content{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#080c16b8;border:1px solid #8fb9ff29;border-radius:22px;box-shadow:0 18px 50px #0009;display:flex;flex-direction:column;justify-content:center;max-width:520px;padding:22px 18px 26px;text-align:center;width:100%}.game-title{color:#fff;font-size:1.9rem;font-weight:800;letter-spacing:-.01em;margin:0 0 6px;text-shadow:0 2px 18px #000c}.game-subtitle{color:#8fb9ff;font-size:1rem;font-weight:600;margin:0 0 10px}.game-subtitle,.game-tagline{text-shadow:0 2px 10px #000000b3}.game-tagline{color:#ffffffdb;font-size:.95rem;font-style:normal;font-weight:500;margin:0 0 20px}.gender-select-content h2{color:#fff;font-size:1.5rem;font-weight:800;margin:0 0 8px;text-shadow:0 2px 16px #000c}.gender-select-content p{color:#ffffffd1!important;font-weight:500;text-shadow:0 2px 10px #000000b3}.gender-buttons{display:flex;flex-direction:column;gap:10px;max-width:300px;width:100%}.gender-button{width:100%}@keyframes clDollyDeeper{0%{filter:blur(4px) brightness(.6);transform:perspective(1200px) translateZ(-140px) scale(1)}to{filter:blur(0) brightness(1);transform:perspective(1200px) translateZ(60px) scale(1.02)}}@keyframes clDrift{0%{transform:perspective(1200px) translateZ(60px) scale(1.02) translateX(0)}to{transform:perspective(1200px) translateZ(85px) scale(1.04) translateX(-1%)}}.scene-screen .scene-text{color:#fff;font-weight:600;text-shadow:0 2px 12px #000000bf}.scene-screen .situation-text{color:#9cd4ff;text-shadow:0 2px 10px #000000bf}.scene-screen .choice-button{color:#fff;font-weight:600}.character-container.in-room{bottom:31%;height:60vh;max-width:62vh}.character-container.in-room:after{background:radial-gradient(ellipse at center,#0000008c 0,#00000047 45%,#0000 72%);border-radius:50%;bottom:-2%;content:"";filter:blur(6px);height:7%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:46%;z-index:-1}@media (max-width:768px){.character-container.in-room{bottom:33%;height:56vh;max-width:86vw}}@media (max-height:700px){.character-container.in-room{bottom:36%;height:48vh}}.ending-scene{justify-content:center}.ending-scene .character-container.in-room{bottom:auto;height:40vh;opacity:.9;top:2%}.ending-scene .character-portrait{display:none}.ending-scene .text-container{margin:0 8px;max-height:76vh;padding:14px 16px 16px}.ending-scene .heart-emoji{font-size:1.2rem;margin-bottom:2px}.ending-scene .ending-title{font-size:1.15rem;font-weight:800;line-height:1.2;margin:0 0 8px;text-shadow:0 2px 12px #000c}.ending-scene .ending-text,.ending-scene .scene-text{font-size:.92rem;line-height:1.38;margin-bottom:8px}.ending-scene .ending-lesson{border-radius:12px;font-size:.84rem;font-style:normal;line-height:1.35;margin-bottom:9px;padding:9px 11px}.ending-scene .ending-metrics{border-radius:12px;font-size:.82rem;gap:4px;margin-bottom:10px;padding:9px 11px}.ending-scene .ending-metrics *{line-height:1.35}.ending-scene .next-button{font-size:14px;padding:11px 26px}@media (max-height:760px){.ending-scene .character-container.in-room{height:30vh;opacity:.8}.ending-scene .ending-lesson,.ending-scene .ending-metrics{font-size:.78rem}}.start-button.start-button--3d{background:#ffffff0f;border:1px solid #ffffff2e;box-shadow:none;margin-top:10px}.start-button.start-button--3d:hover{background:#ffffff17;border-color:#2b7bff;border-color:var(--cl-accent);box-shadow:0 12px 30px #1e90ff47}.office-loading{align-items:center;background:#05070c;color:#8fb9ff;display:flex;font-weight:600;inset:0;justify-content:center;position:fixed}.final-badge{background:#2b7bff29;border:1px solid #2b7bff73;border-radius:999px;color:#8fb9ff;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:8px;padding:5px 14px}.final-actions{align-items:center;display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}.final-actions .start-button{margin-top:0;max-width:320px;width:100%}.final-note{color:#ffffffb8;font-size:.8rem;margin:2px 0 0}.final-score{align-items:center;background:linear-gradient(135deg,#2b7bff33,#1466e014);border:1px solid #2b7bff66;border-radius:16px;display:flex;flex-direction:column;margin:2px auto 12px;padding:10px 22px;width:fit-content}.final-score__label{color:#8fb9ff;font-size:.78rem;font-weight:600}.final-score__value{font-feature-settings:"tnum";font-size:2rem;font-variant-numeric:tabular-nums;font-weight:800}.final-screen{--result-glow:#2b7bff73;background:radial-gradient(ellipse at 50% 0,var(--result-glow) 0,#0000 55%),linear-gradient(180deg,#081022 0,#050508 70%);font-family:TildaSans,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:flex-start}.final-screen--cold{--result-glow:#ffc44047}.final-screen--dead{--result-glow:#ff3b5c4d}.final-screen .final-content{max-width:460px;padding:14px 12px 28px;position:relative;width:100%;z-index:1}.result-card{animation:resultCardIn .7s cubic-bezier(.22,.61,.36,1) both;background:linear-gradient(160deg,#142040eb,#080c16eb);border:1px solid #8fb9ff38;border-radius:24px;box-shadow:0 20px 60px #0000008c,inset 0 0 0 1px #2b7bff14;overflow:hidden;padding:22px 16px 16px;position:relative;text-align:center}.result-card:before{background:radial-gradient(circle,var(--result-glow) 0,#0000 65%);content:"";height:280px;left:50%;pointer-events:none;position:absolute;top:-40%;transform:translateX(-50%);width:280px}.result-card>*{position:relative}.result-card__emoji{animation:resultEmojiPop .8s cubic-bezier(.22,1.5,.36,1) .2s both;font-size:3.6rem;line-height:1;margin-bottom:6px}.result-card__lead{color:#8fb9ff;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.result-card__title{text-wrap:balance;color:#fff;font-size:1.75rem;font-weight:800;line-height:1.12;margin:4px 0 8px}.result-card__quote{color:#ffffffdb;font-size:.98rem;font-style:italic;line-height:1.4;margin:0 auto 14px;max-width:330px}.result-card__numbers{align-items:center;display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.result-card__score{font-feature-settings:"tnum";font-size:2.6rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.result-card__score span{color:#ffffffb3;font-size:1rem;font-weight:600;margin-left:6px}.result-card__pill{animation:resultEmojiPop .6s cubic-bezier(.22,1.5,.36,1) 1.3s both;background:linear-gradient(45deg,#2b7bff,#1466e0);border-radius:999px;box-shadow:0 8px 22px #1e90ff59;font-size:.85rem;font-weight:700;padding:5px 14px}.result-card__state{color:#ffffffbf;font-size:.85rem}.result-hearts{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.result-heart{align-items:center;animation:resultHeartIn .45s cubic-bezier(.22,1.4,.36,1) both;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:2px;padding:8px 2px}.result-heart__emoji{font-size:1.25rem}.result-heart__name{font-size:.72rem;font-weight:700}.result-heart__verdict{font-size:.66rem;font-weight:600}.result-heart--good{background:#5cd68c1a;border-color:#5cd68c80}.result-heart--good .result-heart__verdict{color:#7fe3a6}.result-heart--neutral{background:#ffc44014;border-color:#ffc44073}.result-heart--neutral .result-heart__verdict{color:#ffd166}.result-heart--bad{background:#ff6b8114;border-color:#ff6b8180}.result-heart--bad .result-heart__verdict{color:#ff8095}.result-heart--bad .result-heart__emoji{filter:grayscale(1);opacity:.6}.final-screen .final-actions{margin:14px 0 6px}.final-link{background:none;border:none;color:#8fb9ff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;margin-top:2px;padding:4px 8px;text-decoration:underline;text-underline-offset:3px}.result-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;margin-top:12px;padding:14px 15px;text-align:left}.result-section h3{color:#8fb9ff;font-size:.8rem;font-weight:800;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase}.result-section p{color:#ffffffe6;font-size:.93rem;line-height:1.45;margin:0}.result-split{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}.result-split__item{border-radius:12px;padding:9px 10px}.result-split__item span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.04em;margin-bottom:3px;text-transform:uppercase}.result-split__item p{font-size:.84rem;line-height:1.35}.result-split__item--plus{background:#5cd68c14}.result-split__item--plus span{color:#7fe3a6}.result-split__item--grow{background:#ffc44014}.result-split__item--grow span{color:#ffd166}.habit{margin-top:8px}.habit__head{color:#ffffffbf;display:flex;font-size:.85rem;justify-content:space-between}.habit__head strong{font-feature-settings:"tnum";color:#fff;font-variant-numeric:tabular-nums}.habit__bar{background:#ffffff14;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.habit__bar i{animation:habitGrow 1s ease-out .4s both;background:#8fb9ff8c;border-radius:3px;display:block;height:100%}.habit.is-main .habit__head{color:#fff;font-weight:700}.habit.is-main .habit__bar i{background:linear-gradient(90deg,#2b7bff,#ff6b81)}.habit__note{color:#ffffffb8!important;font-size:.84rem!important;margin-top:10px!important}.result-section--stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);text-align:center}.result-section--stats strong{display:block;font-size:1.2rem;font-weight:800}.result-section--stats span{color:#ffffffa6;font-size:.7rem}.final-closing{color:#ffffffc7;font-size:.92rem;font-style:italic;margin:16px 6px 0;text-align:center}.final-confetti{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.final-confetti span{animation-fill-mode:forwards;animation-name:confettiFall;animation-timing-function:ease-in;opacity:0;position:absolute;top:-40px}@keyframes confettiFall{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(110vh) rotate(260deg)}}@keyframes resultCardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes resultEmojiPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes resultHeartIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes habitGrow{0%{width:0}}@media (prefers-reduced-motion:reduce){.final-confetti span,.habit__bar i,.result-card,.result-card__emoji,.result-card__pill,.result-heart{animation:none;opacity:1}.final-confetti{display:none}}.final-brand{align-items:center;background:linear-gradient(45deg,#2b7bff38,#1466e01a);border:1px solid #2b7bff66;border-radius:16px;color:#fff;display:flex;justify-content:space-between;margin-top:16px;padding:14px 16px;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.final-brand span{color:#ffffffbf;font-size:.85rem}.final-brand strong{color:#8fb9ff;font-size:1rem;font-weight:800}.final-brand:hover{box-shadow:0 12px 30px #1e90ff47;transform:translateY(-2px)}
/*# sourceMappingURL=main.67c82fec.css.map*/