.twod-menu-screen,.twod-pause-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.twod-menu-screen.twod-menu-visible,.twod-pause-overlay.twod-pause-visible{display:flex}.twod-menu-screen{background:linear-gradient(180deg,#0a1929,#1a2332,#0d2818);flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;position:relative;overflow:hidden}.twod-menu-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 10% 15%,white,transparent),radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 30% 80%,white,transparent),radial-gradient(1px 1px at 90% 40%,white,transparent),radial-gradient(2px 2px at 10% 60%,white,transparent),radial-gradient(1px 1px at 25% 45%,white,transparent),radial-gradient(2px 2px at 70% 25%,white,transparent),radial-gradient(1px 1px at 40% 85%,white,transparent),radial-gradient(2px 2px at 85% 65%,white,transparent),radial-gradient(1px 1px at 15% 90%,white,transparent),radial-gradient(2px 2px at 55% 35%,white,transparent),radial-gradient(1px 1px at 75% 55%,white,transparent),radial-gradient(2px 2px at 35% 20%,white,transparent),radial-gradient(1px 1px at 65% 80%,white,transparent),radial-gradient(2px 2px at 45% 60%,white,transparent),radial-gradient(1px 1px at 95% 30%,white,transparent),radial-gradient(2px 2px at 5% 75%,white,transparent),radial-gradient(1px 1px at 88% 88%,white,transparent),radial-gradient(2px 2px at 12% 42%,white,transparent),radial-gradient(1px 1px at 38% 12%,white,transparent),radial-gradient(2px 2px at 62% 48%,white,transparent),radial-gradient(1px 1px at 82% 22%,white,transparent),radial-gradient(2px 2px at 28% 58%,white,transparent),radial-gradient(1px 1px at 52% 92%,white,transparent),radial-gradient(2px 2px at 18% 28%,white,transparent),radial-gradient(1px 1px at 72% 38%,white,transparent),radial-gradient(2px 2px at 42% 72%,white,transparent),radial-gradient(1px 1px at 8% 52%,white,transparent),radial-gradient(2px 2px at 92% 78%,white,transparent),radial-gradient(1px 1px at 32% 68%,white,transparent),radial-gradient(2px 2px at 58% 18%,white,transparent),radial-gradient(1px 1px at 22% 82%,white,transparent),radial-gradient(2px 2px at 78% 42%,white,transparent),radial-gradient(1px 1px at 48% 28%,white,transparent),radial-gradient(2px 2px at 68% 62%,white,transparent),radial-gradient(1px 1px at 14% 48%,white,transparent),radial-gradient(2px 2px at 84% 12%,white,transparent),radial-gradient(1px 1px at 36% 88%,white,transparent),radial-gradient(2px 2px at 56% 32%,white,transparent),radial-gradient(1px 1px at 76% 72%,white,transparent),radial-gradient(2px 2px at 26% 52%,white,transparent),radial-gradient(1px 1px at 46% 8%,white,transparent),radial-gradient(2px 2px at 66% 98%,white,transparent),radial-gradient(1px 1px at 96% 58%,white,transparent),radial-gradient(2px 2px at 6% 38%,white,transparent),radial-gradient(1px 1px at 86% 82%,white,transparent),radial-gradient(2px 2px at 16% 22%,white,transparent),radial-gradient(1px 1px at 44% 54%,white,transparent),radial-gradient(2px 2px at 64% 14%,white,transparent),radial-gradient(1px 1px at 24% 74%,white,transparent),radial-gradient(2px 2px at 74% 44%,white,transparent),radial-gradient(1px 1px at 54% 84%,white,transparent),radial-gradient(2px 2px at 34% 34%,white,transparent),radial-gradient(1px 1px at 94% 64%,white,transparent),radial-gradient(2px 2px at 4% 94%,white,transparent),radial-gradient(1px 1px at 50% 5%,white,transparent),radial-gradient(2px 2px at 88% 50%,white,transparent),radial-gradient(1px 1px at 12% 88%,white,transparent),radial-gradient(2px 2px at 70% 10%,white,transparent),radial-gradient(1px 1px at 30% 95%,white,transparent),radial-gradient(2px 2px at 90% 20%,white,transparent),radial-gradient(1px 1px at 40% 40%,white,transparent),radial-gradient(2px 2px at 60% 60%,white,transparent),radial-gradient(1px 1px at 20% 70%,white,transparent),radial-gradient(2px 2px at 80% 90%,white,transparent),radial-gradient(1px 1px at 98% 45%,white,transparent),radial-gradient(2px 2px at 2% 15%,white,transparent),radial-gradient(1px 1px at 52% 75%,white,transparent),radial-gradient(2px 2px at 38% 55%,white,transparent),radial-gradient(1px 1px at 78% 25%,white,transparent),radial-gradient(2px 2px at 18% 65%,white,transparent),radial-gradient(1px 1px at 62% 35%,white,transparent),radial-gradient(2px 2px at 42% 85%,white,transparent),radial-gradient(1px 1px at 82% 5%,white,transparent),radial-gradient(2px 2px at 22% 95%,white,transparent),radial-gradient(1px 1px at 92% 75%,white,transparent),radial-gradient(2px 2px at 32% 25%,white,transparent),radial-gradient(1px 1px at 72% 65%,white,transparent),radial-gradient(2px 2px at 8% 45%,white,transparent),radial-gradient(1px 1px at 58% 15%,white,transparent),radial-gradient(2px 2px at 48% 95%,white,transparent),radial-gradient(1px 1px at 28% 35%,white,transparent),radial-gradient(2px 2px at 88% 75%,white,transparent),radial-gradient(1px 1px at 68% 55%,white,transparent),radial-gradient(2px 2px at 14% 85%,white,transparent),radial-gradient(1px 1px at 94% 15%,white,transparent),radial-gradient(2px 2px at 34% 45%,white,transparent),radial-gradient(1px 1px at 74% 85%,white,transparent),radial-gradient(2px 2px at 54% 25%,white,transparent),radial-gradient(1px 1px at 26% 65%,white,transparent),radial-gradient(2px 2px at 86% 35%,white,transparent),radial-gradient(1px 1px at 46% 75%,white,transparent),radial-gradient(2px 2px at 66% 5%,white,transparent),radial-gradient(1px 1px at 6% 55%,white,transparent),radial-gradient(2px 2px at 96% 85%,white,transparent),radial-gradient(1px 1px at 16% 25%,white,transparent),radial-gradient(2px 2px at 76% 95%,white,transparent),radial-gradient(1px 1px at 36% 15%,white,transparent),radial-gradient(2px 2px at 56% 45%,white,transparent),radial-gradient(1px 1px at 84% 65%,white,transparent),radial-gradient(2px 2px at 24% 85%,white,transparent),radial-gradient(1px 1px at 64% 25%,white,transparent),radial-gradient(2px 2px at 44% 55%,white,transparent),radial-gradient(1px 1px at 4% 75%,white,transparent),radial-gradient(2px 2px at 98% 35%,white,transparent),radial-gradient(1px 1px at 38% 95%,white,transparent),radial-gradient(2px 2px at 78% 15%,white,transparent),radial-gradient(1px 1px at 18% 45%,white,transparent),radial-gradient(2px 2px at 58% 65%,white,transparent),radial-gradient(1px 1px at 92% 25%,white,transparent),radial-gradient(2px 2px at 12% 55%,white,transparent),radial-gradient(1px 1px at 72% 85%,white,transparent),radial-gradient(2px 2px at 32% 15%,white,transparent),radial-gradient(1px 1px at 52% 35%,white,transparent),radial-gradient(2px 2px at 88% 95%,white,transparent),radial-gradient(1px 1px at 28% 75%,white,transparent),radial-gradient(2px 2px at 68% 45%,white,transparent),radial-gradient(1px 1px at 8% 65%,white,transparent),radial-gradient(2px 2px at 48% 5%,white,transparent),radial-gradient(1px 1px at 86% 55%,white,transparent),radial-gradient(2px 2px at 26% 85%,white,transparent),radial-gradient(1px 1px at 66% 15%,white,transparent),radial-gradient(2px 2px at 46% 45%,white,transparent);background-size:200% 200%;animation:snowfall 20s linear infinite;opacity:.6;pointer-events:none;z-index:1}@keyframes snowfall{0%{background-position:0% 0%}to{background-position:100% 100%}}.twod-menu-title{font-size:3rem;margin-top:60px;margin-bottom:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(251,191,36,.5);position:relative;z-index:10;filter:drop-shadow(0 0 10px rgba(251,191,36,.3))}.twod-menu-screen>*:not(.twod-menu-title){position:relative;width:100%;min-height:60vh;z-index:5}.twod-menu-screen>div,.twod-menu-screen>section{position:relative;width:100%;min-height:60vh}.twod-menu-screen .twod-menu-button{position:absolute;width:200px;height:200px;margin:0;border-radius:50%;border:4px solid rgba(255,255,255,.3);color:#fff;font-size:22px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 6px 20px #0006,inset 0 -15px 30px #0000004d,inset 0 15px 30px #ffffff26;min-width:200px;z-index:10;line-height:1.2;word-wrap:break-word;padding:10px}.twod-menu-screen .twod-menu-button:before{content:"";position:absolute;top:-25px;left:50%;transform:translate(-50%);width:3px;height:25px;background:linear-gradient(to bottom,#fff9,#fff3);z-index:-1}.twod-menu-screen .twod-menu-button:nth-child(1){background:radial-gradient(circle at 30% 30%,#dc2626,#991b1b);top:15%;left:30%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:nth-child(2){background:radial-gradient(circle at 30% 30%,#16a34a,#15803d);top:20%;left:70%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:nth-child(3){background:radial-gradient(circle at 30% 30%,#fbbf24,#f59e0b);top:45%;left:15%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:nth-child(4){background:radial-gradient(circle at 30% 30%,#dc2626,#991b1b);top:45%;left:50%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:nth-child(5){background:radial-gradient(circle at 30% 30%,#3b82f6,#2563eb);top:45%;left:85%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:nth-child(6){background:radial-gradient(circle at 30% 30%,#3b82f6,#2563eb);top:65%;left:32%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:nth-child(7){background:radial-gradient(circle at 30% 30%,#16a34a,#15803d);top:70%;left:75%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:nth-child(8){background:radial-gradient(circle at 30% 30%,#dc2626,#991b1b);top:32%;left:8%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:nth-child(9){background:radial-gradient(circle at 30% 30%,#3b82f6,#2563eb);top:68%;left:78%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:nth-child(10){background:radial-gradient(circle at 30% 30%,#3b82f6,#2563eb);top:32%;left:92%;transform:translate(-50%)}.twod-menu-screen .twod-menu-button:hover{transform:translate(-50%) translateY(-5px) scale(1.1);box-shadow:0 8px 25px #0006,inset 0 -10px 20px #0003,inset 0 10px 20px #fff3,0 0 20px #ffffff4d;border-color:#fff9}.twod-menu-screen .twod-menu-button:active{transform:translate(-50%) translateY(-2px) scale(1.05)}.twod-menu-screen:after{content:"⭐";position:absolute;top:2%;left:50%;transform:translate(-50%);font-size:3.5rem;filter:drop-shadow(0 0 15px rgba(251,191,36,.8));animation:twinkle 2s ease-in-out infinite;z-index:10;pointer-events:none}@keyframes twinkle{0%,to{opacity:1;transform:translate(-50%) scale(1) rotate(0);filter:drop-shadow(0 0 15px rgba(251,191,36,.8))}50%{opacity:.8;transform:translate(-50%) scale(1.15) rotate(5deg);filter:drop-shadow(0 0 25px rgba(251,191,36,1))}}.twod-pause-overlay{background:#000000e6;align-items:center;justify-content:center}.twod-pause-container{background:#0d2818f2;border:2px solid rgba(220,38,38,.4);border-radius:12px;padding:40px;position:relative;width:100%;height:100%;min-height:400px}.twod-pause-overlay .twod-menu-button{position:absolute;width:200px;height:200px;min-width:200px;padding:0 0 20px;margin:0;border-radius:6px;border:4px solid rgba(0,0,0,.3);background:linear-gradient(135deg,#dc2626,#b91c1c);font-size:0;font-weight:600;box-shadow:0 6px 16px #00000080,inset 0 3px 6px #fff3;display:flex;align-items:flex-end;justify-content:center;text-align:center;transition:all .2s ease;overflow:visible;color:transparent}.twod-pause-overlay .twod-menu-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:16px;background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);border-radius:6px 6px 0 0;z-index:1;box-shadow:0 3px 6px #0000004d}.twod-pause-overlay .twod-menu-button:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:16px;height:100%;background:linear-gradient(180deg,#fbbf24,#f59e0b,#fbbf24);z-index:1;box-shadow:3px 0 6px #0000004d}.twod-pause-overlay .twod-menu-button>*{position:absolute!important;top:-60px!important;left:50%!important;transform:translate(-50%)!important;z-index:20!important;background:linear-gradient(135deg,#ffd7b3,#ffc49e)!important;color:#8b4513!important;padding:14px 24px!important;border-radius:10px!important;box-shadow:0 4px 12px #0000004d,0 2px 4px #ffffff80 inset!important;font-size:24px!important;font-weight:700!important;white-space:nowrap!important;border:3px solid rgba(139,69,19,.4)!important;text-shadow:0 1px 3px rgba(255,255,255,.6)!important;line-height:1.2!important;display:block!important;visibility:visible!important;opacity:1!important;margin:0!important;width:auto!important;height:auto!important}.twod-pause-overlay .twod-menu-button:nth-child(1){background:linear-gradient(135deg,#dc2626,#b91c1c);top:25%;left:20%;transform:translate(-50%)}.twod-pause-overlay .twod-menu-button:nth-child(2){background:linear-gradient(135deg,#16a34a,#15803d);top:25%;left:50%;transform:translate(-50%)}.twod-pause-overlay .twod-menu-button:nth-child(3){background:linear-gradient(135deg,#3b82f6,#2563eb);top:25%;left:80%;transform:translate(-50%)}.twod-pause-overlay .twod-menu-button:nth-child(4){background:linear-gradient(135deg,#dc2626,#b91c1c);top:55%;left:35%;transform:translate(-50%)}.twod-pause-overlay .twod-menu-button:nth-child(5){background:linear-gradient(135deg,#fbbf24,#f59e0b);top:55%;left:65%;transform:translate(-50%)}.twod-pause-overlay .twod-menu-button:hover{transform:translate(-50%) translateY(-6px) scale(1.08);box-shadow:0 10px 24px #0009,inset 0 3px 6px #fff6}.twod-pause-overlay .twod-menu-button:hover>*{transform:translate(-50%) translateY(-4px);box-shadow:0 6px 16px #0006,0 2px 4px #fff9 inset}.twod-pause-overlay .twod-menu-button:active{transform:translate(-50%) translateY(-3px) scale(1.04)}.twod-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity .2s ease}.twod-modal-overlay.twod-modal-visible{opacity:1}.twod-modal-overlay .twod-menu-button,.twod-modal-container .twod-menu-button,.twod-settings-modal-wrapper .twod-menu-button,.twod-load-modal-wrapper .twod-menu-button{position:static;width:auto;height:auto;min-width:200px;padding:16px 32px;margin:8px 0;border-radius:8px;border:2px solid rgba(153,27,27,.4);background:linear-gradient(135deg,#991b1b,#7f1d1d);font-size:16px;box-shadow:0 4px 12px #0000004d}.twod-modal-overlay .twod-menu-button:before,.twod-modal-container .twod-menu-button:before,.twod-settings-modal-wrapper .twod-menu-button:before,.twod-load-modal-wrapper .twod-menu-button:before{display:none}.twod-modal-overlay .twod-menu-button:hover,.twod-modal-container .twod-menu-button:hover,.twod-settings-modal-wrapper .twod-menu-button:hover,.twod-load-modal-wrapper .twod-menu-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #991b1b80}.twod-modal-overlay .twod-menu-button:active,.twod-modal-container .twod-menu-button:active,.twod-settings-modal-wrapper .twod-menu-button:active,.twod-load-modal-wrapper .twod-menu-button:active{transform:translateY(0)}.twod-modal-container{background:#0d2818f2;border:2px solid rgba(220,38,38,.4);border-radius:12px;padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .2s ease}.twod-modal-container.twod-modal-visible{transform:scale(1)}.twod-settings-modal-wrapper{display:flex;flex-direction:column;gap:24px}.twod-settings-modal-title{font-size:2rem;margin-bottom:0;text-align:center;color:#fff}.twod-settings-section{margin-bottom:24px}.twod-settings-section-title{font-size:1.25rem;margin-bottom:16px;color:#dc2626}.twod-load-modal-wrapper{display:flex;flex-direction:column;gap:24px}.twod-load-modal-title{font-size:2rem;margin-bottom:0;text-align:center;color:#fff}.twod-load-empty{text-align:center;color:#888;padding:40px}.twod-load-filter-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.twod-load-filter-button{padding:8px 16px;background:#dc262633;border:1px solid rgba(220,38,38,.3);border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.twod-load-filter-button:hover{background:#dc26264d;border-color:#dc262680}.twod-load-filter-button.twod-load-filter-active{background:#dc262680;border-color:#dc2626;font-weight:600}.twod-info-modal-wrapper{display:flex;flex-direction:column;gap:24px;max-width:600px}.twod-info-modal-title{font-size:2rem;margin-bottom:0;text-align:center;color:#fff}.twod-info-modal-content{color:#e0e0e0;line-height:1.6;font-size:16px}.twod-info-modal-content h3{color:#fbbf24;font-size:1.4rem;margin-top:28px;margin-bottom:12px;border-bottom:1px solid rgba(251,191,36,.3);padding-bottom:6px;text-transform:uppercase;letter-spacing:1px}.twod-info-modal-content h3:first-child{margin-top:0}.twod-info-modal-content p{margin:12px 0 16px}.twod-info-modal-content ul{margin:12px 0 20px;padding-left:24px;list-style-type:none}.twod-info-modal-content li{margin-bottom:12px;position:relative}.twod-info-modal-content li:before{content:"❄";position:absolute;left:-24px;color:#3b82f6;font-size:14px}.twod-info-modal-content strong{color:#fff;font-weight:700}.behavior-level{background:#ffffff0d;border-left:3px solid #fbbf24;padding:16px;margin-bottom:24px;border-radius:0 8px 8px 0}.behavior-level-header{font-size:1.2rem;font-weight:700;color:#fbbf24;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.behavior-description{font-size:15px;color:#e0e0e0;line-height:1.5;margin-bottom:8px}.behavior-level ul{margin:0 0 12px!important;padding-left:24px!important}.behavior-level li{margin-bottom:6px!important;font-size:15px;color:#ccc}.behavior-gift{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:16px;color:#3b82f6}.behavior-gift strong{color:#fbbf24!important;display:inline!important}.credits-container h3{color:#dc2626!important;border-bottom-color:#dc26264d!important}.twod-info-modal-paragraph{margin:12px 0}.twod-info-modal-close{padding:12px 24px;background:linear-gradient(135deg,#991b1b,#7f1d1d);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;margin-top:8px}.twod-info-modal-close:hover{transform:translateY(-2px);box-shadow:0 4px 12px #991b1b80}.twod-info-modal-close:active{transform:translateY(0)}.twod-toast-container{position:fixed;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:9999}.twod-toast-container-bottom-center{bottom:20px;left:50%;transform:translate(-50%);align-items:center}.twod-toast-container-bottom-left{bottom:20px;left:20px;align-items:flex-start}.twod-toast-container-bottom-right{bottom:20px;right:20px;align-items:flex-end}.twod-toast-container-top-center{top:20px;left:50%;transform:translate(-50%);align-items:center}.twod-toast-container-top-left{top:20px;left:20px;align-items:flex-start}.twod-toast-container-top-right{top:20px;right:20px;align-items:flex-end}.twod-toast{background:#0d2818f2;border:1px solid rgba(220,38,38,.4);border-radius:8px;padding:12px 20px;color:#fff;box-shadow:0 4px 12px #0000004d;pointer-events:auto;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;max-width:400px;word-wrap:break-word}.twod-toast-visible{opacity:1;transform:translateY(0)}.twod-toast-hiding{opacity:0;transform:translateY(-20px)}.twod-toast-info{border-color:#6b728066;background:#0d2818f2}.twod-toast-success{border-color:#22c55e66;background:#14532df2}.twod-toast-warning{border-color:#fbbf2466;background:#0d2818f2}.twod-toast-error{border-color:#dc262666;background:#7f1d1df2}.twod-toast-neutral{border-color:#9ca3af66;background:#4b5563f2}.twod-toast-major-wish{border-color:#ffd70099;background:#ffd70033;box-shadow:0 4px 12px #ffd7004d,0 0 8px #ffd70033}.twod-toast-minor-wish{border-color:#eab30866;background:#eab30826}.twod-toast-quicksave{border-color:#4b556366;background:#1f2937f2}.twod-loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000e6;opacity:0;transition:opacity .2s ease;pointer-events:auto;z-index:10000}.twod-loading-screen-visible{opacity:1}.twod-loading-screen-container{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.twod-loading-screen-title{margin:0;font-size:2rem;font-weight:700;color:#fff}.twod-loading-screen-subtitle{margin:0;font-size:1rem;opacity:.8;color:#fff}.twod-loading-screen-progress{width:100%;display:flex;justify-content:center}.twod-loading-screen-asset{margin:0;font-size:.875rem;opacity:.7;color:#fff}.welcome-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:linear-gradient(180deg,#0a1428,#0a1929,#0d2818)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;animation:welcomeFadeIn .3s ease;overflow:hidden}.welcome-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 10% 15%,white,transparent),radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(1px 1px at 60% 70%,white,transparent),radial-gradient(2px 2px at 80% 10%,white,transparent),radial-gradient(1px 1px at 30% 80%,white,transparent),radial-gradient(2px 2px at 90% 40%,white,transparent),radial-gradient(1px 1px at 10% 60%,white,transparent),radial-gradient(2px 2px at 70% 25%,white,transparent),radial-gradient(1px 1px at 40% 85%,white,transparent),radial-gradient(2px 2px at 50% 50%,white,transparent);background-size:300px 300px;animation:welcomeSnowfall 20s linear infinite;opacity:.6;pointer-events:none}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes welcomeSnowfall{0%{background-position:0% 0%}to{background-position:100% 100%}}.welcome-card{background:linear-gradient(135deg,#1a4d2e,#0d2818,#1a4d2e);border:4px solid #c41e3a;border-radius:24px;padding:50px 40px;max-width:650px;width:90%;text-align:center;box-shadow:0 0 60px #c41e3a99,0 0 30px #ffd7004d,0 8px 32px #000c,inset 0 0 40px #1a4d2e4d;animation:welcomeCardSlide .5s ease;position:relative;overflow:hidden}.welcome-card:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:radial-gradient(circle at 50% 50%,rgba(196,30,58,.4),rgba(196,30,58,.2),transparent);border-radius:28px;z-index:-1;animation:welcomeGlow 3s ease-in-out infinite;filter:blur(8px)}@keyframes welcomeGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes welcomeCardSlide{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.welcome-card:before{content:"❄";position:absolute;top:15px;right:20px;font-size:24px;color:#fff6;animation:welcomeTwinkle 2s ease-in-out infinite;z-index:0}.welcome-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 15% 25%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 55% 65%,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 75% 15%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 35% 45%,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 85% 55%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 25% 75%,rgba(255,255,255,.4),transparent);background-size:250px 250px;animation:welcomeSnowfall 18s linear infinite;opacity:.6;pointer-events:none;z-index:0}@keyframes welcomeTwinkle{0%,to{opacity:.4;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}.welcome-title{color:gold;font-size:2.8em;margin:0 0 25px;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3);position:relative;z-index:1;font-weight:800;letter-spacing:1px;animation:welcomeTitleGlow 2s ease-in-out infinite}@keyframes welcomeTitleGlow{0%,to{text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3)}50%{text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 30px rgba(255,215,0,.7),0 0 60px rgba(255,215,0,.5)}}.welcome-narrative{color:#e8f5e9;font-size:1.15em;line-height:1.7;margin:0 0 35px;position:relative;z-index:1;text-shadow:1px 1px 2px rgba(0,0,0,.8);padding:0 10px}.welcome-start-button{background:linear-gradient(135deg,#c41e3a,#8b1528);color:gold;border:3px solid #ffd700;padding:18px 50px;font-size:1.4em;font-weight:700;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 12px #00000080,0 0 15px #ffd70066,inset 0 2px 4px #fff3;position:relative;z-index:1;text-transform:uppercase;letter-spacing:1px;overflow:hidden}.welcome-start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.welcome-start-button:hover:before{left:100%}.welcome-start-button:hover{background:linear-gradient(135deg,#8b1528,#6b0f1a);transform:scale(1.08);box-shadow:0 6px 20px #0009,0 0 20px #ffd70099,inset 0 2px 4px #ffffff4d;border-color:#ffed4e}.welcome-start-button:active{transform:scale(1.03)}@keyframes ornament-glow{0%,to{box-shadow:0 4px 15px #0000004d,inset 0 -10px 20px #0003,inset 0 10px 20px #ffffff1a,0 0 10px #fff3}50%{box-shadow:0 4px 15px #0000004d,inset 0 -10px 20px #0003,inset 0 10px 20px #ffffff1a,0 0 20px #ffffff80}}.twod-menu-screen .twod-menu-button{animation:ornament-glow 3s ease-in-out infinite}.twod-menu-screen .twod-menu-button:nth-child(1){animation-delay:0s}.twod-menu-screen .twod-menu-button:nth-child(2){animation-delay:.5s}.twod-menu-screen .twod-menu-button:nth-child(3){animation-delay:1s}.twod-menu-screen .twod-menu-button:nth-child(4){animation-delay:1.5s}.twod-menu-screen .twod-menu-button:nth-child(5){animation-delay:.25s}.twod-menu-screen .twod-menu-button:nth-child(6){animation-delay:.75s}.twod-menu-screen .twod-menu-button:nth-child(7){animation-delay:1.25s}.twod-menu-screen .twod-menu-button:nth-child(8){animation-delay:1.75s}.twod-menu-screen .twod-menu-button:nth-child(9){animation-delay:.1s}.twod-menu-screen .twod-menu-button:nth-child(10){animation-delay:.6s}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0d2818cc;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:6px;border:2px solid rgba(13,40,24,.8)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}*{scrollbar-width:thin;scrollbar-color:#dc2626 rgba(13,40,24,.8)}.game-container{position:relative;width:100%;height:100vh;background:linear-gradient(180deg,#0a1428,#0a1428 70%,#1a2332 90%,#2c3e50);overflow:hidden}.game-container:after{display:none}.game-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 10% 15%,white,transparent),radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(3px 3px at 60% 70%,white,transparent),radial-gradient(2px 2px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(3px 3px at 30% 80%,white,transparent),radial-gradient(2px 2px at 90% 40%,white,transparent),radial-gradient(2px 2px at 10% 60%,white,transparent);background-size:400px 400px;animation:snowfall-game 10s linear infinite;opacity:.4;pointer-events:none;z-index:2}@keyframes snowfall-game{0%{background-position:0% 0%}to{background-position:50px 400px}}.street-view-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.street-view{position:relative;width:100%;height:100%}.street-road{position:absolute;top:0;left:500px;transform:translate(-50%);width:140px;height:100%;background:#1a2a3a;box-shadow:-5px 0 20px #0006,5px 0 20px #0006;z-index:1}.street-road:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:repeating-linear-gradient(to bottom,transparent,transparent 30px,rgba(255,255,255,.05) 30px,rgba(255,255,255,.05) 60px)}.street-walkway{position:absolute;top:0;width:20px;height:100%;background:#2c3e50;z-index:1;opacity:1}.walkway-left{left:415px}.walkway-right{left:565px}.house-path{position:absolute;height:10px;background:#2c3e50;z-index:1;opacity:1}.house{position:absolute;width:130px;height:120px;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s ease;z-index:10}.house:hover{transform:translate(-50%,-50%) scale(1.05)}.house:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:140px;height:20px;background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0%,transparent 70%);z-index:-1}.house-visual{width:100%;height:70px;background:#4e342e;border-radius:4px;position:absolute;bottom:0;left:0;box-shadow:0 8px 16px #00000080,inset -5px 0 15px #0000004d;border:1px solid #3e2723}.house-visual:after{content:"";position:absolute;top:15px;left:15px;width:20px;height:20px;background:#fff9c4;box-shadow:0 0 10px #fff9c480,35px 0 #fff9c4,70px 0 #fff9c4;border-radius:2px}.house-visual:before{content:"";position:absolute;bottom:0;left:20px;width:18px;height:30px;background:#2b1d1a;border-radius:3px 3px 0 0}.house-roof{position:absolute;top:20px;left:-5px;width:140px;height:30px;z-index:12}.house-roof-main{width:100%;height:100%;background:#263238;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.house-roof-snow{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;clip-path:polygon(50% 0%,0% 100%,20% 90%,30% 95%,40% 85%,50% 92%,60% 85%,70% 95%,80% 90%,100% 100%);filter:blur(.5px)}.house-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-size:13px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,1);white-space:nowrap;width:200px;z-index:15}.street-tree{position:absolute;width:50px;height:80px;transform:translate(-50%,-50%);pointer-events:none;z-index:4}.tree-trunk{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:10px;height:15px;background:#3e2723}.tree-leaves{position:absolute;bottom:10px;left:0;width:50px;height:70px;background:#1b5e20;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.tree-snow{position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:25px;background:#fff;clip-path:polygon(50% 0%,0% 100%,100% 100%);filter:blur(.5px);z-index:5}.suspicion-meter{position:absolute;bottom:0;left:0;width:100%;height:8px;background:#00000080;border-radius:4px;overflow:hidden;z-index:15}.suspicion-bar{height:100%;transition:width .3s ease,background .3s ease;border-radius:4px}.suspicion-bar.low{background:linear-gradient(90deg,#16a34a,#22c55e)}.suspicion-bar.medium{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.suspicion-bar.high{background:linear-gradient(90deg,#dc2626,#b91c1c)}.dreams-known-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#22c55ee6;padding:2px 8px;border-radius:10px;color:#fff;font-size:10px;font-weight:700;z-index:20;white-space:nowrap;box-shadow:0 2px 4px #0000004d}.elf{position:absolute;width:40px;height:40px;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s ease;z-index:10}.elf:hover{transform:translate(-50%,-50%) scale(1.2)}.elf-visual{position:absolute;top:0;left:0;width:100%;height:100%;background:#dc2626;border-radius:50%;border:2px solid #991b1b;box-shadow:0 2px 8px #0006;z-index:1}.elf-visual:after{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid #dc2626;z-index:2}.elf-visual:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#fff;border-radius:50%;z-index:3}.elf-idle .elf-visual{background:#dc2626;animation:elf-pulse 2s ease-in-out infinite}.elf-moving .elf-visual{background:#f59e0b;animation:elf-move .5s ease-in-out infinite}.elf-spying .elf-visual{background:#16a34a;animation:elf-spy 1s ease-in-out infinite}.elf-spying{transform:translate(-50%,-50%) translateY(8px)}@keyframes elf-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes elf-move{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes elf-spy{0%,to{opacity:1}50%{opacity:.7}}.elf-label{position:absolute;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-size:10px;font-weight:600;z-index:100;text-shadow:1px 1px 2px rgba(0,0,0,.8);pointer-events:none;white-space:nowrap;width:auto}.hud-container{position:absolute;top:20px;right:20px;left:auto;background:#0d2818e6;border:2px solid rgba(220,38,38,.4);border-radius:8px;padding:16px;width:260px;max-width:calc(100vw - 40px);min-width:0;box-sizing:border-box;overflow:hidden;contain:layout style;clip-path:inset(0);z-index:100}.game-hud{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.hud-timer-section{margin-bottom:16px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;contain:layout}.hud-timer{font-size:18px;font-weight:700;color:#fff;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8);width:100%;max-width:100%;min-width:0;display:block;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0 4px;contain:layout;clip-path:inset(0)}.hud-timer.timer-expired{color:#dc2626;animation:timer-blink 1s ease-in-out infinite}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.5}}.hud-elves-section{margin-bottom:16px}.hud-elves-title{font-size:14px;font-weight:600;color:#dc2626;margin:0 0 8px}.hud-elves-list{display:flex;flex-direction:column;gap:8px}.hud-elf-status{padding:8px;background:#0000004d;border-radius:4px}.hud-elf-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}.hud-elf-state{font-size:14px;color:#ccc}.hud-elf-state.state-idle{color:#dc2626}.hud-elf-state.state-moving{color:#f59e0b}.hud-elf-state.state-spying{color:#16a34a}.hud-controls-section{margin-top:16px;display:flex;flex-direction:column;gap:10px}.hud-button{width:100%;padding:12px;font-size:14px;background:linear-gradient(135deg,#dc2626,#b91c1c);border:2px solid rgba(220,38,38,1);color:#fff;font-weight:600;box-shadow:0 4px 12px #dc262666}.hud-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 16px #dc262699;transform:translateY(-2px)}.hud-menu-button,.hud-quicksave-button{width:100%;padding:12px;font-size:14px;background:#65432199;border:2px solid rgba(101,67,33,.8);color:#ffffffb3;font-weight:500}.hud-menu-button:hover,.hud-quicksave-button:hover{background:#654321cc;color:#ffffffe6;transform:translateY(-2px)}.children-list-modal-overlay{z-index:2000}.children-list-modal-container{max-width:1200px;max-height:90vh}.children-list-title{font-size:2rem;margin:0 0 24px;text-align:center;color:#fff}.children-list-content{max-height:60vh;overflow-y:auto;padding-right:10px}.children-list-description{margin-bottom:24px;padding:16px;background:#0000004d;border-radius:8px;border:1px solid rgba(220,38,38,.2)}.children-list-description-text{color:#e0e0e0;font-size:14px;line-height:1.6;margin:0 0 8px}.children-list-description-note{color:#fbbf24;font-size:13px;line-height:1.6;margin:8px 0 0;font-style:italic}.children-list-legend{background:#0006;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:16px;margin-bottom:24px}.children-list-legend h4{color:#fbbf24;margin:0 0 12px;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}.children-list-legend ul{margin:0;padding-left:20px;list-style-type:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px 24px}.children-list-legend li{font-size:13px;color:#e0e0e0;position:relative;line-height:1.4}.children-list-legend li:before{content:"•";position:absolute;left:-15px;color:#fbbf24}.behavior-levels-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.behavior-level-box{background:#ffffff0d;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.behavior-level-name{font-size:1.1rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.behavior-level-description{font-size:14px;color:#e0e0e0;line-height:1.4;margin-bottom:4px}.behavior-level-present{font-size:15px;color:#fff;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-weight:500}.children-list-house-section{margin-bottom:32px}.children-list-house-title{font-size:1.25rem;color:#dc2626;margin:0 0 16px}.children-list-table{width:100%;table-layout:fixed;border-collapse:collapse;background:#0000004d;border-radius:8px;overflow:hidden}.children-list-table th{background:#dc26264d;color:#fff;padding:12px;text-align:left;font-weight:600;font-size:14px}.children-list-table th:nth-child(1){width:20%}.children-list-table th:nth-child(2){width:35%}.children-list-table th:nth-child(3){width:25%}.children-list-table th:nth-child(4){width:20%}.children-list-table td{padding:12px;color:#e0e0e0;border-top:1px solid rgba(220,38,38,.2)}.children-list-table tr:hover{background:#dc26261a}.child-name{font-weight:600;color:#fff}.child-dreams{font-size:12px}.no-dreams{color:#888;font-style:italic}.dreams-list{display:flex;flex-direction:column;gap:4px}.dream{padding:4px 8px;border-radius:4px;font-size:11px}.dream.big-dream{background:#22c55e33;color:#22c55e}.dream.small-dream{background:#fbbf2433;color:#fbbf24}.present-select,.suspicion-select{width:100%;padding:8px;background:#00000080;border:1px solid rgba(220,38,38,.3);border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.present-select:hover,.suspicion-select:hover{border-color:#dc262680}.present-select:focus,.suspicion-select:focus{outline:none;border-color:#dc2626}.children-list-close{margin-top:12px;width:100%}.results-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000f2;z-index:1500}.results-screen{background:#0d2818f2;border:2px solid rgba(220,38,38,.4);border-radius:12px;padding:32px;max-width:1200px;width:95%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.results-header{flex-shrink:0;margin-bottom:20px}.results-title{font-size:1.25rem;margin:0 0 12px;text-align:center;color:#fbbf24;line-height:1.4}.results-stats-bar{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.results-score{font-size:2rem;font-weight:700;color:#22c55e;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.results-stats{display:flex;gap:16px;flex-wrap:wrap}.results-stat{padding:6px 12px;background:#0000004d;border-radius:6px;color:#e0e0e0;font-size:13px;font-weight:500}.results-stat-correct{color:#22c55e}.results-stat-incorrect{color:#dc2626}.results-stat-total{color:#fbbf24}.results-breakdown-section{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-bottom:16px}.results-breakdown-title{font-size:1.25rem;color:#dc2626;margin:0 0 12px;text-align:center;flex-shrink:0}.results-breakdown-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow-y:auto;padding-right:8px}.results-breakdown-item{padding:12px;background:#0000004d;border-radius:6px;border-left:3px solid transparent}.results-breakdown-item:has(.breakdown-result.correct){border-left-color:#22c55e}.results-breakdown-item:has(.breakdown-result.incorrect){border-left-color:#dc2626}.breakdown-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}.breakdown-child-name{font-size:15px;font-weight:600;color:#fff;flex:1}.breakdown-result{font-size:16px;font-weight:700;flex-shrink:0}.breakdown-result.correct{color:#22c55e}.breakdown-result.incorrect{color:#dc2626}.breakdown-present-info{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#ccc}.breakdown-assigned{color:#e0e0e0}.breakdown-expected{color:#fbbf24;font-style:italic;line-height:1.4}.breakdown-success{color:#22c55e;font-style:italic;line-height:1.4}.results-actions{display:flex;gap:16px;justify-content:center;flex-shrink:0}.results-action-button{padding:14px 32px;border:2px solid rgba(220,38,38,.6);border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #0000004d;min-width:160px}.results-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262699;border-color:#dc2626cc}.results-action-button:active{transform:translateY(0)}.results-play-button{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#22c55e99}.results-play-button:hover{box-shadow:0 6px 16px #22c55e99;border-color:#22c55ecc}.results-back-button{width:100%;margin-top:24px}@media (max-width: 900px){.results-breakdown-list{grid-template-columns:1fr}.results-screen{max-width:95%}}@media (max-width: 1650px){.hud-timer{font-size:16px}}.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500}.tutorial-tip{position:absolute;background:#0d2818fa;border:2px solid rgba(220,38,38,.6);border-radius:12px;padding:16px 20px;max-width:280px;box-shadow:0 8px 24px #00000080,0 0 12px #dc26264d;cursor:pointer;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;z-index:501}.tutorial-tip:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0009,0 0 16px #dc262666}.tutorial-tip-closing{opacity:0;transform:scale(.9)}.tutorial-tip-text{color:#fff;font-size:15px;line-height:1.5;margin-bottom:12px}.tutorial-tip-close-hint{color:#ffffffb3;font-size:12px;font-style:italic;text-align:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.tutorial-tip:before{content:"";position:absolute;width:0;height:0;border-style:solid}.tutorial-tip-left:before{right:-12px;top:50%;transform:translateY(-50%);border-width:10px 0 10px 12px;border-color:transparent transparent transparent rgba(220,38,38,.6)}.tutorial-tip-right:before{left:-12px;top:50%;transform:translateY(-50%);border-width:10px 12px 10px 0;border-color:transparent rgba(220,38,38,.6) transparent transparent}.tutorial-tip-top:before{bottom:-12px;left:50%;transform:translate(-50%);border-width:12px 10px 0 10px;border-color:rgba(220,38,38,.6) transparent transparent transparent}.tutorial-tip-bottom:before{top:-12px;left:50%;transform:translate(-50%);border-width:0 10px 12px 10px;border-color:transparent transparent rgba(220,38,38,.6) transparent}