.game-wrapper{background:linear-gradient(160deg,#e8f4fd,#c5e3f7);min-height:100vh;padding-bottom:32px}.game-header,.game-wrapper{align-items:center;display:flex;flex-direction:column}.game-header{background:linear-gradient(135deg,#1565c0,#1976d2 60%,#42a5f5);box-shadow:0 4px 16px #1565c066;padding:16px 20px 20px;width:100%}.brand-row{gap:10px;margin-bottom:4px}.brand-logo,.brand-row{align-items:center;display:flex}.brand-logo{background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;flex-shrink:0;height:70px;justify-content:center;overflow:hidden;padding:4px;width:70px}.brand-name{color:#fff;font-size:13px;font-weight:700;letter-spacing:1.5px;opacity:.9;text-transform:uppercase}.game-title{color:#fff;font-size:28px;font-weight:900;letter-spacing:-.5px;text-shadow:0 2px 8px #0003}.progress-bar-wrap{max-width:400px;padding:16px 20px 0;width:100%}.progress-steps{gap:0;justify-content:center}.progress-steps,.step{align-items:center;display:flex}.step{flex:1 1;flex-direction:column;gap:4px;position:relative}.step-circle{align-items:center;background:#fff;border:2px solid #fff;border-radius:50%;color:#ffffffb3;display:flex;font-size:13px;font-weight:800;height:32px;justify-content:center;transition:all .3s;width:32px}.step-circle.done{background:#fff;color:#1565c0}.step-circle.active{background:#ef4444;border-color:#ef4444;box-shadow:0 0 0 3px #ef44444d;color:#fff}.step-label{color:#ffffffb3;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.step-label.active{color:#fff}.step-line{background:#ffffff4d;flex:1 1;height:2px;margin-bottom:16px;max-width:48px}.step-line.done{background:#fff}.game-content{align-items:center;display:flex;flex-direction:column;max-width:480px;padding:24px 16px 0;width:100%}.game-instruction{color:#1565c0;font-size:15px;font-weight:700;margin-bottom:20px;text-align:center}.pearl-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:28px;max-width:420px;width:100%}.pearl-item{align-items:center;display:flex;flex-direction:column;gap:6px}.pearl-container{height:80px;perspective:600px;width:80px}.pearl-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,0,.2,1);width:100%}.pearl-inner.flipped{transform:rotateY(180deg)}.pearl-back,.pearl-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;inset:0;position:absolute}.pearl-front{align-items:center;box-shadow:0 6px 20px #00000040,inset 0 -3px 6px #0003;cursor:pointer;display:flex;justify-content:center;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.pearl-front:before{background:radial-gradient(ellipse,#ffffffa6 0,#0000 100%);border-radius:50%;content:"";height:28%;left:18%;pointer-events:none;position:absolute;top:12%;transform:rotate(-20deg);width:38%}.pearl-front:hover{box-shadow:0 10px 28px #0000004d,inset 0 -3px 6px #0003;transform:scale(1.07)}.pearl-front.selected{box-shadow:0 0 0 4px #fff,0 0 0 7px #1565c0,0 10px 28px #0000004d;transform:scale(1.1)}.pearl-front.others-selected{opacity:.45;transform:scale(.92)}.pearl-front.fading{opacity:0;transform:scale(.7);transition:opacity .4s ease,transform .4s ease}.pearl-back{align-items:center;background:#fff;border:3px solid #1565c0;color:#1565c0;display:flex;flex-direction:column;font-size:10px;font-weight:800;justify-content:center;padding:4px;text-align:center;transform:rotateY(180deg)}.pearl-back i{font-size:22px;margin-bottom:2px}.pearl-label{color:#1565c0;font-size:10px;font-weight:700;line-height:1.2;max-width:80px;text-align:center}.flip-btn{align-items:center;background:linear-gradient(135deg,#1565c0,#1976d2);border:none;border-radius:50px;box-shadow:0 6px 20px #1565c080;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:18px;font-weight:800;gap:10px;justify-content:center;letter-spacing:.3px;max-width:320px;padding:16px 32px;transition:all .2s ease;width:100%}.flip-btn:hover:not(:disabled){box-shadow:0 10px 28px #1565c08c;transform:translateY(-2px)}.flip-btn:active:not(:disabled){transform:translateY(0)}.flip-btn:disabled{background:linear-gradient(135deg,#90caf9,#bbdefb);box-shadow:none;cursor:not-allowed;opacity:.7}.flipping-stage{align-items:center;animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:40px 16px}.flipping-pearl-wrap{perspective:800px}.flipping-pearl-inner{height:160px;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,0,.2,1);width:160px}.flipping-pearl-inner.flipped{transform:rotateY(180deg)}.flipping-back,.flipping-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;inset:0;position:absolute}.flipping-front{box-shadow:0 12px 40px #0000004d}.flipping-front:before{background:radial-gradient(ellipse,#ffffffa6 0,#0000 100%);border-radius:50%;content:"";height:28%;left:18%;pointer-events:none;position:absolute;top:12%;transform:rotate(-20deg);width:38%}.flipping-back{align-items:center;background:#fff;border:4px solid #1565c0;display:flex;flex-direction:column;gap:6px;justify-content:center;transform:rotateY(180deg)}.flipping-back i{color:#1565c0;font-size:48px}.flipping-text{animation:pulse .8s ease-in-out infinite;color:#1565c0;font-size:15px;font-weight:700}.result-screen{animation:fadeIn .6s ease;gap:20px;max-width:420px;padding:24px 16px}.result-card,.result-screen{align-items:center;display:flex;flex-direction:column;width:100%}.result-card{border-radius:24px;box-shadow:0 8px 32px #0000001f;gap:16px;padding:32px 24px}.result-card.winner{background:#fff;border:3px solid #1565c0}.result-card.loser{background:#fff;border:3px solid #90caf9}.result-icon{align-items:center;background:linear-gradient(135deg,#1565c0,#42a5f5);border-radius:50%;box-shadow:0 6px 20px #1565c066;color:#fff;display:flex;font-size:42px;height:100px;justify-content:center;width:100px}.result-icon.loser-icon{background:linear-gradient(135deg,#90caf9,#bbdefb)}.result-label{color:#64b5f6;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.result-prize-name{color:#1565c0;font-size:24px;font-weight:900;line-height:1.2;text-align:center}.result-prize-img{border-radius:12px;height:200px;object-fit:contain;width:200px}.result-congrats{color:#1976d2;font-size:16px;font-weight:700;line-height:1.5;text-align:center}.result-loser-msg{color:#42a5f5;font-size:15px;font-weight:600;line-height:1.5;text-align:center}.result-badge{border-radius:50px;font-size:12px;font-weight:800;letter-spacing:.5px;padding:6px 18px;text-transform:uppercase}.result-badge.win-badge{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.result-badge.lose-badge{background:#f0f4ff;border:1px solid #bbdefb;color:#90caf9}.result-footer{color:#90caf9;font-size:12px;font-weight:600;text-align:center}.center-screen{align-items:center;background:linear-gradient(160deg,#e8f4fd,#c5e3f7);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh;padding:24px;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #bbdefb;border-radius:50%;border-top-color:#1565c0;height:48px;width:48px}.error-icon{color:#ef4444;font-size:56px}.error-title{color:#1565c0;font-size:20px;font-weight:800}.error-msg{color:#64b5f6;font-size:14px;max-width:280px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.pop-in{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both}.sessions-container{background:#fff;display:flex;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.loading-screen{align-items:center;color:#1565c0;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center}.sidebar{background:#fff;border-right:2px solid #1565c0;display:flex;flex-direction:column;min-height:100vh;width:260px}.sidebar-header{border-bottom:2px solid #1565c0;padding:24px;text-align:center}.sidebar-logo-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #1565c04d;display:flex;height:80px;justify-content:center;margin:0 auto 10px;overflow:hidden;padding:4px;width:80px}.sidebar-header h3{color:#1565c0;font-size:18px;font-weight:700;margin:0 0 5px;text-transform:uppercase}.sidebar-subtitle{color:#1976d2;font-size:12px;letter-spacing:1px;margin:0;text-transform:uppercase}.sidebar-nav{flex:1 1;padding:20px 0}.nav-item{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:14px 24px;text-align:left;transition:all .2s ease;width:100%}.nav-item.active,.nav-item:hover{background:#1565c0;color:#fff}.nav-item.active{border-left:3px solid #42a5f5}.sidebar-footer{border-top:2px solid #1565c0;padding:20px}.user-info{background:#e3f2fd;border-radius:8px;color:#0d47a1;font-weight:700;gap:10px;margin-bottom:12px;padding:12px}.logout-btn,.user-info{align-items:center;display:flex;font-size:14px}.logout-btn{background:#0000;border:2px solid #1565c0;border-radius:8px;color:#1565c0;cursor:pointer;gap:8px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#1565c0;color:#fff}.main-content{flex:1 1;overflow-y:auto;padding:30px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.content-header h1{color:#1565c0;font-size:28px;margin:0}.brand-badge{border-radius:20px;margin:0;padding:8px 16px}.brand-badge,.btn-back{background:#1565c0;color:#fff;font-size:14px;font-weight:700}.btn-back{align-items:center;border:none;border-radius:25px;cursor:pointer;display:inline-flex;gap:8px;padding:10px 20px;transition:transform .2s ease}.btn-back:hover{transform:scale(1.05)}.alert{border-radius:10px;margin-bottom:20px;padding:14px 18px}.alert-error{background:#e3f2fd;border:2px solid #1565c0;color:#0d47a1}.alert-success{background:#e8f5e8;border:2px solid #228b22;color:#228b22}.sessions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.session-card{background:#fff;border:2px solid #1565c0;border-radius:15px;box-shadow:0 4px 15px #1565c01a;overflow:hidden}.session-card .card-header{align-items:center;background:#1565c0;border-bottom:2px solid #1565c0;display:flex;gap:12px;padding:20px}.session-card .card-icon{font-size:28px}.session-card .card-header h2{color:#fff;font-size:18px;margin:0}.session-card .card-body{padding:20px}.session-info{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.info-label{color:#666;font-size:14px}.info-value{color:#0d47a1;font-size:14px;font-weight:600}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.empty-state{align-items:center;color:#666;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.empty-state h3{color:#0d47a1;font-size:24px;margin:20px 0 10px}.empty-state p{font-size:16px;margin:0}@media (max-width:768px){.sessions-container{flex-direction:column}.sidebar{min-height:auto;width:100%}.sidebar-nav{display:flex;overflow-x:auto;padding:10px}.nav-item{flex-shrink:0;padding:10px 16px;white-space:nowrap}.sessions-grid{gap:15px;grid-template-columns:1fr}.main-content{padding:20px 15px}.content-header h1{font-size:22px}}.btn-create{align-items:center;background:#228b22;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:transform .2s ease}.btn-create:hover{background:#1e7a1e;transform:scale(1.05)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;background:#1565c0;border-bottom:2px solid #1565c0;border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.modal-header h3{font-size:18px;margin:0}.close-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-form{padding:20px}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.form-group input,.form-group select{border:2px solid #ddd;border-radius:8px;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#1565c0;outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-cancel{background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-weight:600;padding:12px}.btn-cancel:hover{background:#e5e5e5}.btn-submit{background:#1565c0;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px}.btn-submit:hover:not(:disabled){background:#0d47a1}.btn-submit:disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.5c75e095.css.map*/