.app{display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:15px;width:100%}.header{background:rgba(255,255,255,.95);padding:12px 0;box-shadow:0 2px 8px #0000000f;margin-bottom:20px}.nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 32px #ff336640}.btn-secondary{background:var(--light-gray);color:var(--charcoal);border:2px solid var(--gray)}.btn-secondary:hover{border-color:var(--charcoal);transform:translateY(-2px)}@media (max-width: 768px){.container{padding:10px}.header{margin-bottom:15px;padding:10px 0}.nav{gap:12px}}@media (max-width: 480px){.container{padding:8px}.nav{gap:8px;flex-direction:column;align-items:center}}.maintenance-banner{position:fixed;top:80px;left:0;right:0;background:linear-gradient(90deg,#ff6b6b 0%,#ee5a6f 100%);color:#fff;font-weight:600;font-size:.95rem;padding:.6rem 0;overflow:hidden;white-space:nowrap;width:100%;box-shadow:0 2px 8px #00000026;z-index:999}.maintenance-banner-scroll{display:inline-block;animation:scroll-left 30s linear infinite;padding-left:100%}.maintenance-banner-scroll span{margin-right:3rem}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing{min-height:100vh;padding-top:120px;background:var(--white);color:var(--black);overflow-x:hidden}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:60px 40px;text-align:center;background:var(--white)}.hero-content{max-width:800px;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;color:var(--black);margin:0 0 24px;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:1.15rem;color:var(--charcoal);margin:0 0 32px;line-height:1.6;font-weight:400}.hero-trust{font-size:.95rem;color:var(--dark-gray);margin-top:40px;font-weight:500;letter-spacing:.5px}.landing .btn-primary{display:inline-block;padding:16px 48px;background:var(--accent);color:#fff;text-decoration:none;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 48px #ff336640;margin:20px auto}.landing .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 56px #ff336659;background:var(--accent-hover)}.landing .btn-primary:active{transform:translateY(0)}.visual-demo{padding:60px 30px;background:var(--off-white);text-align:center;animation:fadeIn 1s cubic-bezier(.4,0,.2,1) .3s backwards}.demo-container{display:flex;align-items:center;justify-content:center;max-width:1000px;margin:0 auto;gap:20px;flex-wrap:wrap}.demo-step{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:100px}.demo-icon{font-size:2.5rem;background:var(--white);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000a;transition:transform .3s cubic-bezier(.4,0,.2,1)}.demo-step:hover .demo-icon{transform:scale(1.1);box-shadow:0 8px 32px #00000014}.demo-step p{font-size:.95rem;font-weight:600;color:var(--charcoal);margin:0}.demo-arrow{font-size:1.5rem;color:var(--accent);font-weight:700;min-width:30px}.how-it-works{padding:clamp(80px,10vw,140px) 40px;max-width:1200px;margin:0 auto;background:var(--white)}.how-it-works h2{font-size:clamp(2rem,4vw,2.8rem);text-align:center;color:var(--black);margin-bottom:70px;font-weight:700;letter-spacing:-.01em}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:60px}.step{text-align:center;padding:40px;background:var(--white);border-radius:16px;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.step:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 32px #00000014}.step-number{width:64px;height:64px;background:var(--accent);color:#fff;font-size:2rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.step h3{font-size:1.3rem;color:var(--black);margin:15px 0;font-weight:600}.step p{font-size:1rem;color:var(--dark-gray);line-height:1.6;margin:0}.why-tandoriaplay{padding:clamp(80px,10vw,140px) 40px;background:var(--light-gray)}.why-tandoriaplay h2{font-size:clamp(2rem,4vw,2.8rem);text-align:center;color:var(--black);margin-bottom:70px;font-weight:700;letter-spacing:-.01em}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px;max-width:1200px;margin:0 auto}.feature{text-align:center;padding:40px;background:var(--white);border-radius:16px;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature:hover{border-color:var(--accent);box-shadow:0 8px 32px #00000014;transform:translateY(-4px)}.feature-icon{font-size:2.8rem;margin-bottom:16px;display:block}.feature h3{font-size:1.2rem;color:var(--black);margin:10px 0;font-weight:600}.feature p{font-size:.95rem;color:var(--dark-gray);line-height:1.6;margin:0}.final-cta{padding:clamp(80px,10vw,120px) 40px;text-align:center;background:linear-gradient(180deg,var(--white) 0%,var(--off-white) 100%)}.final-cta h2{font-size:clamp(2rem,4vw,2.8rem);color:var(--black);margin:0 0 40px;font-weight:700;letter-spacing:-.01em}.btn-primary-large{display:inline-block;padding:18px 56px;background:var(--accent);color:#fff;text-decoration:none;border:none;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 48px #ff33664d}.btn-primary-large:hover{transform:translateY(-3px);box-shadow:0 16px 56px #f366;background:var(--accent-hover)}.btn-primary-large:active{transform:translateY(0)}.footer{background:var(--charcoal);color:#fff;padding:60px 40px 30px;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.footer-brand h3{font-size:1.8rem;margin:0 0 8px;font-weight:700;color:#fff}.footer-brand p{margin:0;color:#ffffffb3;font-size:.95rem;font-weight:400;letter-spacing:.5px}.footer-links{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:color .3s cubic-bezier(.4,0,.2,1)}.footer-links a:hover{color:var(--accent)}.footer-copy{color:#ffffff80;font-size:.85rem;margin:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.maintenance-banner{top:70px;font-size:.8rem;padding:.4rem 0}.landing{padding-top:105px}.hero{padding:40px 20px;min-height:auto}.hero-subtitle{font-size:1.05rem}.visual-demo{padding:40px 20px}.how-it-works,.why-tandoriaplay{padding:60px 20px}.how-it-works h2,.why-tandoriaplay h2,.final-cta h2{font-size:1.8rem;margin-bottom:40px}.steps{gap:30px}.features{gap:24px}.step,.feature{padding:28px}.demo-container{gap:12px}.demo-icon{width:65px;height:65px;font-size:2rem}.demo-arrow{margin:0 5px}.footer{padding:40px 20px 25px}.footer-content{flex-direction:column;gap:20px}.footer-brand h3{font-size:1.4rem}.footer-links{gap:15px}}@media (max-width: 480px){.maintenance-banner{top:70px;font-size:.75rem;padding:.35rem 0}.maintenance-banner-scroll span{margin-right:2rem}.landing{padding-top:100px}.hero{padding:24px 16px;min-height:auto}.hero-subtitle{font-size:.95rem}.visual-demo{padding:30px 16px}.how-it-works,.why-tandoriaplay{padding:50px 16px}.how-it-works h2,.why-tandoriaplay h2,.final-cta h2{font-size:1.5rem;margin-bottom:30px}.steps,.features{grid-template-columns:1fr;gap:20px}.step,.feature{padding:24px}.step h3,.feature h3{font-size:1.1rem}.step-number{width:52px;height:52px;font-size:1.6rem}.landing .btn-primary,.btn-primary-large{width:100%;max-width:320px}.btn-primary-large{padding:16px 40px;font-size:1.05rem}.final-cta{padding:50px 20px}.footer{padding:30px 16px 20px}.footer-content{padding:0}.footer-brand h3{font-size:1.2rem}.footer-links{gap:12px}.footer-links a{font-size:.85rem}.footer-copy{font-size:.8rem}.demo-icon{width:55px;height:55px;font-size:1.6rem}.demo-step p{font-size:.8rem}.demo-arrow{display:none}.demo-container{gap:8px}}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--white);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeOutSplash .5s ease-out 2.5s forwards}@keyframes fadeOutSplash{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.splash-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.splash-logo-container{display:flex;align-items:center;justify-content:center;animation:bounceIn .8s cubic-bezier(.34,1.56,.64,1)}.splash-logo{max-width:200px;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1}70%{transform:scale(1.05)}to{transform:scale(1)}}.splash-title{font-size:3rem;font-weight:900;color:var(--black);margin:0;letter-spacing:-.02em;animation:fadeInUp-splash .8s ease-out .2s both}.splash-message{font-size:1.3rem;color:var(--dark-gray);max-width:400px;margin:0;line-height:1.6;animation:fadeInUp-splash .8s ease-out .4s both;font-weight:500;white-space:pre-wrap;word-wrap:break-word}@keyframes fadeInUp-splash{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.splash-progress-bar{width:120px;height:4px;background:var(--gray);border-radius:2px;overflow:hidden;margin-top:1rem;animation:fadeInUp-splash .8s ease-out .6s both}.splash-progress-fill{height:100%;background:var(--accent);width:0;border-radius:2px}@keyframes progressFill{0%{width:0}to{width:100%}}.app-header{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:0 2px 8px #0000000f;padding:.75rem 2rem;z-index:1000;display:flex;align-items:center;justify-content:space-between;height:80px}.app-logo{max-height:60px;width:auto;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.app-logo:hover{transform:scale(1.05)}.app-header-title{font-size:1.8rem;font-weight:800;color:var(--black);margin:0 0 0 1rem;letter-spacing:-.02em}.app-header-left{display:flex;align-items:center}.app-header-right{display:flex;align-items:center;gap:1.5rem}.app-header-link{color:var(--charcoal);text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.app-header-link:hover{background:var(--accent-light);color:var(--accent);transform:translateY(-2px)}.play,.landing,.create-page{padding-top:80px}@media (max-width: 768px){.splash-title{font-size:2.2rem}.splash-message{font-size:1.1rem;max-width:90%}.splash-logo{max-width:150px}.app-header{height:70px;padding:.5rem 1rem}.app-logo{max-height:50px}.app-header-title{font-size:1.5rem;margin-left:.5rem}.app-header-right{gap:.8rem}.app-header-link{padding:.4rem .8rem;font-size:.9rem}.play,.create-page{padding-top:70px}}@media (max-width: 480px){.splash-title{font-size:1.8rem}.splash-message{font-size:1rem}.splash-logo{max-width:120px}.splash-progress-bar{width:100px}.app-header{height:60px;padding:.5rem .8rem}.app-logo{max-height:40px}.app-header-title{font-size:1.2rem;display:none}.app-header-right{gap:.5rem;flex-wrap:wrap}.app-header-link{padding:.3rem .6rem;font-size:.85rem}.play,.landing,.create-page{padding-top:60px}}.create-page{min-height:100vh;background:var(--off-white);position:relative;padding:80px 20px 30px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 768px){.create-page{padding:70px 15px 20px}}.nodes-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.25;pointer-events:none}.nodes-svg{width:100%;height:100%}.node{fill:none;stroke:var(--accent);stroke-width:2;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 8px rgba(255,51,102,.3))}.node-center{fill:var(--accent);stroke:none;filter:drop-shadow(0 0 12px rgba(255,51,102,.5));animation:pulse-center 2s ease-in-out infinite}.node-ring1{opacity:.3;transition:all .4s cubic-bezier(.4,0,.2,1)}.node-ring1.active{fill:var(--accent);opacity:.8;filter:drop-shadow(0 0 12px rgba(255,51,102,.6));animation:glow-pulse .6s ease-out}.node-ring2{opacity:.2;transition:all .5s cubic-bezier(.4,0,.2,1)}.node-ring2.active{fill:var(--accent-hover);opacity:.7;filter:drop-shadow(0 0 8px rgba(230,41,88,.5));animation:glow-pulse .6s ease-out}.node-line{stroke:var(--accent);stroke-width:2;opacity:.2;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.node-line-thin{stroke:var(--accent-hover);stroke-width:1;opacity:.1;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}@keyframes pulse-center{0%,to{r:30;filter:drop-shadow(0 0 12px rgba(255,51,102,.5))}50%{r:35;filter:drop-shadow(0 0 18px rgba(255,51,102,.7))}}@keyframes glow-pulse{0%{filter:drop-shadow(0 0 0 rgba(255,51,102,0));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(255,51,102,.7));transform:scale(1.1)}to{filter:drop-shadow(0 0 8px rgba(255,51,102,.4));transform:scale(1)}}.create-container{position:relative;z-index:1;width:100%;max-width:700px;background:var(--white);border-radius:16px;padding:40px;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;animation:slideUp-create .8s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.create-container{padding:30px}}@media (max-width: 480px){.create-container{padding:20px;border-radius:12px}}@keyframes slideUp-create{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-header{text-align:center;margin-bottom:25px}.form-title{font-size:2.2rem;font-weight:800;color:var(--black);margin:0 0 10px;letter-spacing:-.02em}@media (max-width: 768px){.form-title{font-size:1.8rem}}@media (max-width: 480px){.form-title{font-size:1.4rem}}.form-subtitle{font-size:1rem;color:var(--dark-gray);margin:0}.create-form{display:flex;flex-direction:column;gap:25px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.choice-card{padding:30px 20px;background:var(--white);border:2px solid var(--gray);border-radius:16px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.choice-card:hover:not(.disabled){transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 32px #00000014}.choice-card.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.choice-emoji{font-size:3rem;margin-bottom:12px}.choice-name{font-size:1.3rem;font-weight:700;color:var(--black);margin:0 0 8px}.choice-desc{font-size:.9rem;color:var(--dark-gray);margin:4px 0}.choice-duration{font-size:.85rem;color:var(--accent);font-weight:600;margin:12px 0 0}.choice-disabled-msg{font-size:.8rem;color:var(--warning);font-weight:600;margin-top:8px;padding:6px 12px;background:rgba(255,179,0,.08);border-radius:8px;display:inline-block}.context-banner{text-align:center;padding:10px 16px;background:var(--accent-light);border:1px solid rgba(255,51,102,.15);border-radius:12px;font-size:.95rem;font-weight:600;color:var(--accent);margin-bottom:20px}.draft-badge{position:absolute;top:15px;right:15px;padding:6px 14px;background:var(--success);color:#fff;border-radius:12px;font-size:.8rem;font-weight:600;animation:fadeInOut 5s ease forwards;z-index:10}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.form-section{display:flex;flex-direction:column;gap:20px}.section-title{font-size:1.4rem;font-weight:700;color:var(--black);margin:0;display:flex;align-items:center;gap:8px}.section-subtitle{font-size:.95rem;color:var(--dark-gray);margin:5px 0 0}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.95rem;font-weight:600;color:var(--charcoal)}.form-input{padding:14px 16px;border:2px solid var(--gray);border-radius:12px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;background:var(--white)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff336614}.form-input.filled{border-color:var(--accent);background:var(--white)}.players-list{display:flex;flex-direction:column;gap:.8rem}.player-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--light-gray);border-radius:8px}.player-row{display:flex;align-items:center;gap:.5rem}.player-number{min-width:30px;color:var(--dark-gray);font-weight:600}.gift-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--white);border:2px solid var(--gray);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.gift-card:hover{border-color:var(--charcoal)}.gift-card.active{border-color:var(--accent);box-shadow:0 4px 16px #0000000f}.gift-number{font-size:.85rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.gift-input-name{padding:12px 14px;border:2px solid var(--gray);border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.gift-input-name:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff336614}.gift-input-desc{padding:10px 12px;border:2px solid var(--gray);border-radius:12px;font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--charcoal)}.gift-input-desc:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff336614}.gift-input-desc::placeholder{color:var(--dark-gray)}.btn-add-gift{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #f363}.btn-add-gift:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 32px #ff33664d}.btn-add-gift:active{transform:translateY(0)}.btn-remove-gift{background:rgba(255,23,68,.06);color:var(--error);border:none;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;flex-shrink:0}.btn-remove-gift:hover{background:rgba(255,23,68,.12);transform:scale(1.1)}.btn-remove-gift:active{transform:scale(.95)}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.difficulty-card{padding:20px;background:var(--white);border:2px solid var(--gray);border-radius:16px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.difficulty-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 32px #0000000f}.difficulty-card.selected{background:var(--accent-light);border-color:var(--accent);box-shadow:0 8px 32px #ff33661f;animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}.difficulty-emoji{font-size:2.5rem;margin-bottom:10px}.difficulty-name{font-size:1.1rem;font-weight:600;color:var(--black);margin:10px 0 5px}.difficulty-desc{font-size:.85rem;color:var(--dark-gray);margin:3px 0}.tone-grid{display:flex;flex-direction:column;gap:1rem}.tone-card{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:12px;border:2px solid var(--gray);transition:all .3s cubic-bezier(.4,0,.2,1)}.tone-card:hover,.tone-card.selected{border-color:var(--accent);background:var(--accent-light)}.tone-card input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.tone-content{display:flex;flex-direction:column;gap:2px}.tone-name{font-weight:600;color:var(--black)}.tone-desc{font-size:.8rem;color:var(--dark-gray)}.recap-container{display:flex;flex-direction:column;gap:16px}.recap-section{padding:16px;background:var(--light-gray);border:1px solid var(--gray);border-radius:12px}.recap-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.recap-section-header h3{font-size:1rem;font-weight:700;color:var(--accent);margin:0}.btn-modify{padding:4px 12px;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-modify:hover{background:var(--accent-light);transform:translateY(-1px)}.btn-modify:active{transform:translateY(0)}.recap-item{font-size:.95rem;color:var(--charcoal);padding:4px 0;line-height:1.5}.recap-item strong{color:var(--black)}.recap-list{list-style:none;padding:0;margin:6px 0 0}.recap-list li{padding:4px 0 4px 16px;position:relative}.recap-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}.recap-badge{display:inline-block;padding:4px 10px;background:var(--accent-light);border-radius:6px;font-size:.85rem;color:var(--accent);font-weight:600;margin-top:6px}.progress-section{margin:30px 0;padding:20px;background:var(--light-gray);border-radius:16px;display:flex;flex-direction:column;gap:12px}.progress-bar{width:100%;height:8px;background:var(--gray);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:10px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{text-align:center;font-size:.95rem;font-weight:600;color:var(--accent);margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.progress-emoji{font-size:1.2rem;animation:bounce-create 1s ease-in-out infinite}@keyframes bounce-create{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.create-page .error-message{padding:14px 16px;background:rgba(255,23,68,.06);border:1px solid rgba(255,23,68,.15);border-radius:12px;color:var(--error);font-size:.95rem;font-weight:500;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn-submit{padding:16px 32px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #ff336640;flex:1}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 48px #ff336659;background:var(--accent-hover)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.create-page .btn-secondary{padding:16px 32px;background:var(--light-gray);color:var(--charcoal);border:2px solid var(--gray);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:.8}.btn-secondary:hover{background:var(--gray);border-color:var(--charcoal);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.button-group{display:flex;gap:12px;align-items:center}.form-note{text-align:center;font-size:.85rem;color:var(--dark-gray);margin:0;font-style:italic}.checkbox-group{margin:20px 0}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:12px;background-color:var(--light-gray);border:2px solid var(--gray);transition:all .3s cubic-bezier(.4,0,.2,1)}.checkbox-label:hover{border-color:var(--accent);background-color:var(--accent-light)}.checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:var(--accent)}.checkbox-text{font-size:16px;font-weight:500;color:var(--black)}.form-helper-text{font-size:13px;color:var(--dark-gray);margin:8px 0 0;padding:0 0 0 32px}@media (max-width: 768px){.create-container{padding:30px 20px}.form-title{font-size:2rem}.form-subtitle{font-size:1rem}.section-title{font-size:1.25rem}.difficulty-grid{grid-template-columns:1fr}.difficulty-card{padding:16px}.difficulty-emoji{font-size:2rem}.create-form{gap:30px}.form-section{gap:15px}.nodes-background{opacity:.15}.choice-card{padding:24px 16px}.choice-emoji{font-size:2.5rem}}@media (max-width: 480px){.create-page{padding:60px 10px 20px}.create-container{padding:20px 15px;border-radius:12px}.form-title{font-size:1.6rem}.form-subtitle{font-size:.95rem}.section-title{font-size:1.1rem}.form-input,.gift-input-name,.gift-input-desc{font-size:16px}.btn-submit{padding:14px 24px;font-size:1rem}.difficulty-emoji{font-size:1.8rem}.nodes-background{opacity:.1}.create-form{gap:25px}.button-group{flex-direction:column;align-items:stretch}.btn-submit,.create-page .btn-secondary{width:100%}.form-helper-text{padding-left:0}.choice-grid{grid-template-columns:1fr}.choice-card{padding:20px 16px}.choice-emoji{font-size:2rem}.choice-name{font-size:1.1rem}.recap-section{padding:12px}.recap-section-header{flex-direction:column;align-items:flex-start;gap:8px}.draft-badge{top:10px;right:10px;font-size:.75rem;padding:4px 10px}}.play{min-height:100vh}.error-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInOverlay .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.error-modal{background:var(--white);border-radius:16px;padding:2rem 1.5rem;max-width:450px;width:90%;text-align:center;box-shadow:0 20px 60px #00000040;animation:slideUp-play .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp-play{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:4rem;margin-bottom:1rem;animation:pulse-play .8s ease-in-out infinite}@keyframes pulse-play{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.play .error-message{color:var(--charcoal);font-size:1.3rem;font-weight:600;margin:1.5rem 0;line-height:1.5}.error-timer-bar{width:100%;height:4px;background:var(--gray);border-radius:2px;margin:2rem 0 1.5rem;overflow:hidden}.error-timer-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--warning) 100%);width:0;border-radius:2px}@keyframes timerFill{0%{width:100%}to{width:0%}}.error-redirect-text{color:var(--dark-gray);font-size:.95rem;margin:0;font-style:italic}.start-screen{min-height:100vh;background:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.start-screen h1{color:var(--black);font-size:2rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.01em}.start-screen p{color:var(--dark-gray);font-size:1.15rem;margin-bottom:2rem;max-width:500px;line-height:1.6}.decision-screen,.decline-screen{min-height:100vh;background:var(--off-white);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.decision-screen h1,.decline-screen h2{color:var(--black);font-size:2.2rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.01em}.decision-screen p,.decline-screen p{color:var(--charcoal);font-size:1.1rem;max-width:560px;margin-bottom:2rem;line-height:1.6}.decision-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.play .btn-primary,.play .btn-secondary,.play .btn-retry{padding:.9rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.play .btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 32px #ff336640}.play .btn-secondary{background:var(--white);color:var(--charcoal);border:2px solid var(--gray)}.play .btn-retry{margin-top:1.5rem;background:var(--white);color:var(--accent);border:2px solid var(--accent)}.play .btn-primary:hover,.play .btn-secondary:hover,.play .btn-retry:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.play .btn-primary:hover{background:var(--accent-hover);box-shadow:0 12px 40px #ff336659}.play .btn-secondary:hover{border-color:var(--charcoal)}.play .btn-retry:hover{background:var(--accent-light)}.play .btn-primary:disabled,.play .btn-secondary:disabled,.play .btn-retry:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.start-form{background:var(--white);padding:2rem;border-radius:16px;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;width:100%;max-width:400px;margin-bottom:2rem}.start-form .input-field{width:100%;padding:1rem;margin-bottom:1rem;border:2px solid var(--gray);border-radius:12px;font-size:1rem;transition:border-color .3s cubic-bezier(.4,0,.2,1);background:var(--white)}.start-form .input-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff336614}.btn-start{width:100%;padding:1rem;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #f363}.btn-start:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff33664d;background:var(--accent-hover)}.btn-start:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.gifts-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.gifts-preview h3{grid-column:1 / -1;color:var(--black);font-weight:700}.gift-preview{background:var(--white);padding:1rem;border-radius:12px;text-align:center;border:1px solid var(--gray);transition:all .3s cubic-bezier(.4,0,.2,1)}.gift-preview:hover{border-color:var(--accent);box-shadow:0 8px 32px #00000014;transform:translateY(-2px)}.gift-preview img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.gift-preview p{color:var(--accent);font-weight:700}.game-screen{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center}.scene-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.scene-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35)}.question-overlay{position:relative;z-index:2;background:rgba(255,255,255,.97);padding:2.5rem;border-radius:20px;box-shadow:0 16px 48px #00000026;max-width:600px;width:90%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background:rgba(15,12,20,.35);color:#fff;font-weight:600;letter-spacing:.2px}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.question-overlay h2{color:var(--black);font-size:1.8rem;font-weight:700;margin-bottom:2rem;letter-spacing:-.01em}.choices{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.choice-btn{flex:1;min-width:120px;padding:1rem;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #f363}.choice-btn:hover{transform:scale(1.03);box-shadow:0 8px 32px #ff33664d;background:var(--accent-hover)}.choice-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.choice-btn.is-loading{position:relative;opacity:.85;cursor:wait}.question-container{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}.custom-text-input{width:100%;max-width:500px;padding:1rem;font-size:1rem;border:2px solid var(--gray);border-radius:12px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.custom-text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff336614}.custom-text-input::placeholder{color:var(--dark-gray)}.result-screen{min-height:100vh;background:var(--off-white);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.emotion-image{margin:1.5rem 0}.emotion-image img{width:300px;height:300px;object-fit:cover;border-radius:20px;box-shadow:0 16px 48px #00000026}.result-screen h2{font-size:2.5rem;color:var(--black);font-weight:900;margin:2rem 0;letter-spacing:-.02em}.gift-won{background:var(--white);padding:2rem;border-radius:16px;margin:2rem auto;max-width:400px;border:1px solid var(--gray);box-shadow:0 8px 32px #00000014}.gift-won img{width:100%;max-width:300px;border-radius:12px;margin-bottom:1rem}.gift-won h3{color:var(--accent);font-size:1.5rem;font-weight:700;margin:1rem 0}.gift-won.mystery-gift{background:linear-gradient(135deg,var(--accent-light) 0%,var(--white) 100%);border:2px solid var(--accent);text-align:center}.mystery-box{font-size:80px;margin:1rem 0;animation:bounce-play 1.5s infinite}@keyframes bounce-play{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.contact-info{color:var(--accent);font-weight:600;font-size:.95rem;margin-top:1rem;padding:1rem;background:var(--accent-light);border-radius:12px}.retry-info{margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.attempts-remaining{font-size:1.1rem;font-weight:600;color:var(--accent);background:var(--white);padding:.75rem 1.5rem;border-radius:12px;border:2px solid var(--accent)}.no-attempts{font-size:1.1rem;font-weight:600;color:var(--dark-gray);background:var(--light-gray);padding:1rem 2rem;border-radius:12px;margin:1.5rem 0;border:2px dashed var(--gray)}.result-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.btn-home,.btn-create-new{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-create-new{background:var(--accent);color:#fff;box-shadow:0 8px 32px #f363}.btn-create-new:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff33664d;background:var(--accent-hover)}.spam-info{background:linear-gradient(135deg,#FFF4E6 0%,#FFE6CC 100%);border-left:4px solid var(--warning);border-radius:12px;padding:1rem 1.2rem;margin:1.5rem 0;color:var(--charcoal)}.spam-info strong{color:#ff6b00;display:block;margin-bottom:.5rem;font-size:1rem}.spam-info p{margin:0;font-size:.95rem;line-height:1.5;color:var(--charcoal)}@media (max-width: 768px){.decision-screen h1,.decline-screen h2,.start-screen h1{font-size:1.6rem}.decision-screen p,.decline-screen p,.start-screen p{font-size:1rem;max-width:90%}.error-modal{width:95%;padding:2rem 1.5rem}.play .error-message{font-size:1.1rem}.gifts-preview{grid-template-columns:1fr;gap:.8rem}.result-screen h2{font-size:2rem}.emotion-image img{width:250px;height:250px}.question-overlay h2{font-size:1.3rem}.question-overlay{padding:2rem}.choice-btn{font-size:.95rem;padding:1rem 1.5rem}.result-buttons{flex-direction:column;width:100%}.btn-home,.btn-create-new{width:100%}}@media (max-width: 480px){.start-screen,.decision-screen,.decline-screen{padding:1.5rem}.decision-screen h1,.decline-screen h2,.start-screen h1{font-size:1.4rem}.decision-screen p,.decline-screen p{font-size:.95rem}.error-modal{padding:1.5rem 1rem}.play .btn-primary,.play .btn-secondary,.play .btn-retry{padding:.8rem 1.5rem;font-size:.9rem}.decision-actions{flex-direction:column;width:100%;gap:.8rem}.decision-actions button{width:100%}.error-icon{font-size:3rem}.emotion-image img{width:200px;height:200px}.result-screen h2{font-size:1.6rem}.gift-won{padding:1.5rem;max-width:90%}.gift-won h3{font-size:1.2rem}.attempts-remaining{font-size:1rem;padding:.6rem 1.2rem}.no-attempts{font-size:1rem;padding:.8rem 1.5rem}.start-form{width:100%}.input-field,.start-form .input-field,.custom-text-input{font-size:16px}.question-overlay{padding:1.5rem}.question-overlay h2{font-size:1.1rem}.gift-preview img{height:110px}.choice-btn{font-size:.9rem;padding:.9rem 1.2rem}.spam-info{padding:.8rem 1rem;margin:1rem 0}.spam-info strong{font-size:.95rem}.spam-info p{font-size:.9rem}}@keyframes popIn{0%{opacity:0;transform:scale(.5) rotate(-5deg)}50%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(30px)}60%{opacity:1;transform:scale(1.05) translateY(-5px)}80%{transform:scale(.95) translateY(2px)}to{transform:scale(1) translateY(0)}}@keyframes shimmerGlow{0%{filter:drop-shadow(0 0 0px rgba(255,215,0,0))}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.6)) drop-shadow(0 0 40px rgba(255,51,102,.3))}to{filter:drop-shadow(0 0 5px rgba(255,215,0,.3))}}.emotion-image img{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);will-change:transform}.gift-won img{animation:popIn .7s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.gift-won{animation:shimmerGlow 2s ease-in-out infinite}.gift-preview img{animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55);transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.gift-preview img:hover{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 15px rgba(255,51,102,.4))}.result{min-height:100vh;background:var(--off-white);display:flex;justify-content:center;align-items:center;padding:1.5rem}.result-card{background:var(--white);border-radius:16px;padding:2rem;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;max-width:600px;width:100%;text-align:center}.success-icon{font-size:4rem;margin-bottom:1rem;animation:bounce-result .6s cubic-bezier(.4,0,.2,1)}@keyframes bounce-result{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-card h1{color:var(--black);font-size:2rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}.result-card p{color:var(--dark-gray);font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.copy-notif{background:var(--success);color:#fff;padding:1rem;border-radius:12px;margin-bottom:1rem;font-weight:600;animation:slideIn-result .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn-result{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.share-section{background:var(--light-gray);padding:2rem;border-radius:16px;margin:2rem 0}.share-section h2{color:var(--black);margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.link-display{display:flex;gap:1rem;margin-bottom:2rem;align-items:stretch}.link-input{flex:1;padding:1rem;border:2px solid var(--gray);border-radius:12px;font-family:monospace;font-size:.9rem;background:var(--white);color:var(--charcoal)}.btn-copy{padding:1rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-copy:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff336640;background:var(--accent-hover)}.social-share{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:0}@media (min-width: 500px){.social-share{grid-template-columns:repeat(4,1fr)}}.share-btn{padding:1rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.share-btn.whatsapp{background:#25d366}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn.email{background:#ea4335}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.next-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:center;flex-wrap:wrap}.btn-home,.btn-new-game,.btn-stats{flex:1;min-width:150px;padding:1rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-stats{background:var(--charcoal);color:#fff}.btn-stats:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.btn-home{background:var(--light-gray);color:var(--charcoal)}.btn-home:hover{background:var(--gray);transform:translateY(-2px)}.btn-new-game{background:var(--accent);color:#fff}.btn-new-game:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff336640;background:var(--accent-hover)}.spam-warning{background:linear-gradient(135deg,#FFF4E6 0%,#FFE6CC 100%);border-left:4px solid var(--warning);border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 2px 8px #ffb30014}.warning-icon{font-size:2rem;flex-shrink:0;margin-top:.2rem}.warning-content{text-align:left;flex:1}.warning-content strong{color:#ff6b00;font-size:1rem;display:block;margin-bottom:.5rem}.warning-content p{color:var(--charcoal);font-size:.95rem;margin:0;line-height:1.4}@media (max-width: 768px){.result-card{padding:1.5rem}.result-card h1{font-size:1.6rem}.result-card p{font-size:1rem}.share-section{padding:1.5rem}.share-section h2{font-size:1.1rem}.link-display{flex-direction:column}.btn-copy{width:100%}.next-actions{flex-direction:column}.btn-home,.btn-new-game,.btn-stats{width:100%;min-width:unset}}@media (max-width: 480px){.result{padding:1rem}.result-card{padding:1.5rem}.result-card h1{font-size:1.4rem}.success-icon{font-size:3rem}.share-section{padding:1rem}.share-btn{padding:.8rem;font-size:.85rem}.spam-warning{padding:.8rem;gap:.8rem}.warning-icon{font-size:1.5rem}.warning-content p{font-size:.9rem}}.legal-page{min-height:100vh;background:var(--off-white);padding:100px 20px 30px}.legal-container{max-width:900px;margin:0 auto;background:var(--white);border-radius:16px;padding:2rem;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;animation:slideUp-legal .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUp-legal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-button{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1rem;font-weight:600}.back-button:hover{transform:translate(-3px);box-shadow:0 4px 16px #f363;background:var(--accent-hover)}.legal-container h1{color:var(--black);font-size:2.2rem;margin-bottom:.3rem;font-weight:800;letter-spacing:-.02em}.last-updated{color:var(--dark-gray);font-size:.9rem;font-style:italic;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light-gray)}.legal-container section{margin-bottom:1.8rem}.legal-container h2{color:var(--black);font-size:1.6rem;margin-bottom:.8rem;font-weight:700}.legal-container h3{color:var(--charcoal);font-size:1.2rem;margin:1.2rem 0 .6rem;font-weight:600}.legal-container p{color:var(--charcoal);line-height:1.7;margin-bottom:.8rem;font-size:1rem}.legal-container ul{margin:.8rem 0 .8rem 1.5rem}.legal-container li{color:var(--charcoal);line-height:1.7;margin-bottom:.6rem;font-size:1rem}.legal-container li strong{color:var(--accent)}.legal-container a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .3s cubic-bezier(.4,0,.2,1)}.legal-container a:hover{color:var(--accent-hover);text-decoration:underline}.legal-container strong{font-weight:600;color:var(--black)}.legal-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--light-gray);text-align:center}.legal-footer p{color:var(--accent);font-size:1.1rem;font-weight:600}@media (max-width: 768px){.legal-page{padding:90px 15px 30px}.legal-container{padding:2rem 1.5rem}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.5rem}.legal-container h3{font-size:1.2rem}.legal-container p,.legal-container li{font-size:1rem}}@media (max-width: 480px){.legal-page{padding:70px 10px 20px}.legal-container{padding:1.5rem 1rem;border-radius:12px}.legal-container h1{font-size:1.8rem}.legal-container h2{font-size:1.3rem}.back-button{width:100%;font-size:.95rem}.legal-container ul{margin-left:1rem}}.sessions-page{min-height:100vh;background:var(--off-white);padding:80px 20px 40px}.sessions-container{max-width:900px;margin:0 auto}.email-prompt{background:var(--white);border-radius:16px;padding:40px;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;text-align:center;animation:slideUp-sessions .5s cubic-bezier(.4,0,.2,1)}.email-prompt h1{color:var(--black);font-size:2rem;font-weight:800;margin-bottom:10px;letter-spacing:-.02em}.email-prompt p{color:var(--dark-gray);margin-bottom:30px;line-height:1.6}.email-prompt form{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto 20px}.email-prompt input{padding:15px;border:2px solid var(--gray);border-radius:12px;font-size:1rem;outline:none;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.email-prompt input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff336614}.email-prompt button[type=submit]{background:var(--accent);color:#fff;border:none;padding:15px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #f363}.email-prompt button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #ff33664d;background:var(--accent-hover)}.email-prompt button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.sessions-header{background:var(--white);border-radius:16px;padding:30px;margin-bottom:30px;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;animation:slideUp-sessions .5s cubic-bezier(.4,0,.2,1)}.sessions-header h1{color:var(--black);font-size:2rem;font-weight:800;margin-bottom:15px;letter-spacing:-.02em}.game-info{margin-top:20px;padding-top:20px;border-top:2px solid var(--light-gray)}.game-info h2{color:var(--black);font-size:1.5rem;font-weight:700;margin-bottom:10px}.game-info p{color:var(--dark-gray);margin:5px 0}.back-btn{background:var(--light-gray);color:var(--charcoal);border:none;padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:20px}.back-btn:hover{background:var(--accent);color:#fff;transform:translate(-5px)}.sessions-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px;margin-bottom:30px;animation:slideUp-sessions .6s cubic-bezier(.4,0,.2,1)}.sessions-page .stat-card{background:var(--white);border-radius:16px;padding:25px;text-align:center;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.sessions-page .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.sessions-page .stat-value{font-size:3rem;font-weight:900;color:var(--accent);margin-bottom:5px}.sessions-page .stat-label{color:var(--dark-gray);font-size:.95rem;font-weight:500}.sessions-list{background:var(--white);border-radius:16px;padding:30px;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;animation:slideUp-sessions .7s cubic-bezier(.4,0,.2,1)}.sessions-list h3{color:var(--black);font-size:1.5rem;font-weight:700;margin-bottom:20px}.charts-section{background:var(--white);border-radius:16px;padding:30px;margin-bottom:30px;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;animation:slideUp-sessions .8s cubic-bezier(.4,0,.2,1)}.charts-section h3{color:var(--black);font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.chart-container{background:var(--light-gray);border-radius:16px;padding:25px;margin-bottom:25px;border:1px solid var(--gray)}.chart-container h4{color:var(--black);font-size:1.1rem;font-weight:600;margin-bottom:20px;text-align:center}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:20px;margin-bottom:20px}.chart-container.half{margin-bottom:0}.session-card{background:var(--light-gray);border-radius:12px;padding:20px;margin-bottom:15px;border-left:4px solid var(--accent);transition:all .3s cubic-bezier(.4,0,.2,1)}.session-card:hover{box-shadow:0 4px 16px #0000000f;transform:translate(5px)}.session-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.session-player{display:flex;align-items:center;gap:15px}.player-avatar{width:50px;height:50px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.player-info h4{color:var(--black);font-size:1.1rem;font-weight:600;margin:0}.session-date{color:var(--dark-gray);font-size:.85rem;margin:5px 0 0}.status-badge{padding:6px 15px;border-radius:12px;font-size:.9rem;font-weight:600;white-space:nowrap}.status-pending{background:#fff3cd;color:#856404}.status-win{background:#d4edda;color:#155724}.status-loss{background:#f8d7da;color:#721c24}.status-done{background:#d1ecf1;color:#0c5460}.status-unknown{background:var(--light-gray);color:var(--dark-gray)}.session-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding-top:15px;border-top:1px solid var(--gray)}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-label{color:var(--dark-gray);font-size:.85rem}.detail-value{color:var(--black);font-weight:600}.loading{text-align:center;padding:60px;color:var(--dark-gray);font-size:1.2rem}.sessions-page .error-message{background:rgba(255,23,68,.06);color:var(--error);padding:15px;border-radius:12px;margin-bottom:20px;border:1px solid rgba(255,23,68,.15)}.no-sessions{text-align:center;padding:60px;color:var(--dark-gray)}.no-sessions p:first-child{font-size:1.5rem;margin-bottom:10px}@keyframes slideUp-sessions{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sessions-page{padding:70px 15px 30px}.sessions-header,.sessions-list,.charts-section,.email-prompt{padding:20px}.sessions-header h1{font-size:1.5rem}.sessions-page .stat-value{font-size:2rem}.session-main{flex-direction:column;align-items:flex-start;gap:10px}.session-details,.charts-row{grid-template-columns:1fr}.chart-container{padding:15px}.chart-container h4{font-size:1rem}}@media (max-width: 480px){.sessions-page{padding:60px 10px 20px}.sessions-header,.sessions-list,.charts-section,.email-prompt{padding:15px;border-radius:12px}.sessions-header h1{font-size:1.3rem}.email-prompt h1{font-size:1.5rem}.sessions-stats{grid-template-columns:repeat(2,1fr);gap:10px}.sessions-page .stat-card{padding:15px}.sessions-page .stat-value{font-size:1.8rem}.sessions-page .stat-label{font-size:.8rem}.session-card{padding:15px}.player-avatar{width:40px;height:40px;font-size:1.2rem}.player-info h4{font-size:1rem}.status-badge{font-size:.8rem;padding:4px 10px}.chart-container{padding:10px;overflow-x:auto}.charts-section h3{font-size:1.2rem}}.admin-login{min-height:100vh;background:var(--off-white);display:flex;justify-content:center;align-items:center;padding:1.5rem}.login-card{background:var(--white);border-radius:16px;padding:2.5rem;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;max-width:450px;width:100%}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--black);font-size:2rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}.login-header p{color:var(--dark-gray);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-login .form-group{display:flex;flex-direction:column;gap:.5rem}.admin-login .form-group label{color:var(--black);font-weight:600;font-size:.95rem}.admin-login .form-group input{padding:1rem;border:2px solid var(--gray);border-radius:12px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-login .form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff336614}.admin-login .error-message{background:rgba(255,23,68,.06);color:var(--error);padding:1rem;border-radius:12px;border-left:4px solid var(--error);font-size:.9rem}.btn-login{padding:1rem;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #f363}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #ff33664d;background:var(--accent-hover)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center}.btn-back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.95rem;text-decoration:underline;padding:.5rem}.btn-back:hover{color:var(--accent-hover)}.verification-header{text-align:center;margin-bottom:1.5rem}.shield-icon{font-size:3rem;margin-bottom:.5rem;animation:pulse-admin 2s infinite}@keyframes pulse-admin{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.verification-header h3{color:var(--black);font-size:1.3rem;font-weight:700;margin:.5rem 0}.verification-header p{color:var(--dark-gray);font-size:.9rem;margin:0}.btn-back-step{width:100%;padding:.8rem;background:var(--light-gray);color:var(--charcoal);border:none;border-radius:12px;cursor:pointer;margin-top:.5rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back-step:hover{background:var(--gray)}@media (max-width: 768px){.login-card{padding:2rem}.login-header h1{font-size:1.7rem}.admin-login .form-group input{font-size:16px}}@media (max-width: 480px){.admin-login{padding:1rem}.login-card{padding:1.5rem}.login-header h1{font-size:1.4rem}.login-header p{font-size:.9rem}.btn-login{font-size:1rem}.verification-header h3{font-size:1.1rem}.shield-icon{font-size:2.5rem}}.dashboard-simple{min-height:100vh;background:var(--off-white);padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:var(--white);padding:2rem;border-radius:16px;margin-bottom:2rem;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a;border-left:4px solid var(--accent)}.header-left h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:800;color:var(--black);letter-spacing:-.02em}.system-status{font-size:1.1rem;font-weight:500}.btn-logout{padding:.7rem 1.5rem;background:var(--error);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-logout:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 16px #f4433633}.action-message{padding:1rem 1.5rem;margin-bottom:2rem;border-radius:12px;font-weight:500;animation:slideDown-admin .3s cubic-bezier(.4,0,.2,1)}.action-message.success{background:rgba(0,200,83,.08);color:#155724;border-left:4px solid var(--success)}.action-message.error{background:rgba(255,23,68,.06);color:#721c24;border-left:4px solid var(--error)}@keyframes slideDown-admin{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--white);padding:2rem;border-radius:16px;margin-bottom:2rem;border:1px solid var(--gray);box-shadow:0 2px 8px #0000000a}.card h2{margin:0 0 .5rem;font-size:1.3rem;font-weight:700;color:var(--black)}.card-subtitle{margin:0 0 1.5rem;color:var(--dark-gray);font-size:.9rem}.pools-table{overflow-x:auto}.pools-table table{width:100%;border-collapse:collapse}.pools-table thead{background:var(--light-gray);border-bottom:2px solid var(--gray)}.pools-table th{padding:1rem;text-align:left;color:var(--dark-gray);font-weight:600;font-size:.9rem}.pools-table td{padding:1rem;border-bottom:1px solid var(--light-gray);color:var(--charcoal)}.pools-table tr.pool-healthy{background:rgba(0,200,83,.04)}.pools-table tr.pool-warning{background:rgba(255,179,0,.04)}.pools-table tr.pool-critical{background:rgba(255,23,68,.04)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background:var(--light-gray);padding:1.5rem;border-radius:12px;border:1px solid var(--gray);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.action-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0000000f}.action-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--black)}.action-card p{margin:0 0 1rem;color:var(--dark-gray);font-size:.85rem}.toggle-status{padding:.8rem;background:var(--white);border-radius:8px;margin-bottom:1rem;text-align:center;font-weight:600;color:var(--accent)}.btn-action{width:100%;padding:.75rem;margin-top:auto;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.95rem}.dashboard-simple .btn-primary{background:var(--accent);color:#fff}.dashboard-simple .btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #f363}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#00b84a}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f}.dashboard-simple .btn-secondary{background:var(--dark-gray);color:#fff}.dashboard-simple .btn-secondary:hover:not(:disabled){background:var(--charcoal)}.btn-action:disabled{opacity:.6;cursor:not-allowed}.logs-container{overflow-x:auto}.logs-table{width:100%;border-collapse:collapse}.logs-table thead{background:var(--light-gray);border-bottom:2px solid var(--gray)}.logs-table th{padding:1rem;text-align:left;color:var(--dark-gray);font-weight:600;font-size:.9rem}.logs-table td{padding:1rem;border-bottom:1px solid var(--light-gray);color:var(--charcoal);font-size:.9rem}.logs-table code{background:var(--light-gray);padding:.2rem .5rem;border-radius:6px;font-size:.85rem;color:var(--charcoal)}.logs-table tr.log-success{background:rgba(0,200,83,.04)}.logs-table tr.log-warning{background:rgba(255,179,0,.04)}.logs-table tr.log-error{background:rgba(255,23,68,.04)}.no-logs{color:var(--dark-gray);text-align:center;padding:2rem}.info-card{background:var(--light-gray)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.setting-item{display:flex;justify-content:space-between;padding:1rem;background:var(--white);border-radius:12px;border-left:3px solid var(--accent)}.setting-label{font-weight:600;color:var(--dark-gray)}.setting-value{font-weight:700;color:var(--accent)}.dashboard-simple .loading{text-align:center;padding:4rem 2rem;font-size:1.2rem;color:var(--dark-gray)}.dashboard-simple .error{text-align:center;padding:2rem;background:var(--white);border-radius:16px;color:var(--error);font-size:1.1rem;margin-bottom:2rem}@media (max-width: 768px){.dashboard-simple{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-left h1{font-size:1.4rem}.btn-logout{width:100%}.actions-grid{grid-template-columns:1fr}.card{padding:1.5rem}.settings-grid{grid-template-columns:1fr}.pools-table table,.logs-table{font-size:.85rem}.pools-table th,.pools-table td,.logs-table th,.logs-table td{padding:.75rem}}:root{--white: #FFFFFF;--off-white: #FAFAFA;--light-gray: #F5F5F5;--gray: #E0E0E0;--dark-gray: #757575;--charcoal: #2D2D2D;--black: #121212;--accent: #FF3366;--accent-hover: #E62958;--accent-light: #FFE5EC;--success: #00C853;--warning: #FFB300;--error: #FF1744}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--white);min-height:100vh;color:var(--black)}#root,.app{min-height:100vh}