body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer}.btn{cursor:pointer;border:none;border-radius:6px;height:40px;padding:.6rem 1.2rem;font-size:1rem}.btn.primary{color:#fff;background-color:#007bff}.btn.primary:hover{background-color:#0056b3}.btn.danger{color:#fff;background-color:#dc3545}.btn.danger:hover{background-color:#a71d2a}.btn.warning{color:#fff;background-color:orange;margin-left:15px}.btn.warning:hover{background-color:#b77802}.btn:disabled{opacity:.6;cursor:not-allowed}.main-content{flex-direction:column;padding-left:1rem;display:flex}.main-content h1{padding-left:.5rem;font-size:28px;font-weight:600}.main-content h2{padding-left:.2rem;font-size:24px;font-weight:500}.content-header{justify-content:space-between;padding-top:1rem;padding-right:3rem;display:flex}.content-header button{justify-content:space-around;align-self:center;align-items:center;width:150px;font-size:14px;font-weight:500;display:flex}.content{padding-top:1rem;padding-right:5rem}.version-badge{z-index:9999;-webkit-backdrop-filter:blur(6px);color:#000000e6;letter-spacing:.3px;-webkit-user-select:none;user-select:none;pointer-events:none;background:#0000001a;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:8px;padding:6px 16px 6px 12px;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500;transition:all .2s;display:flex;position:fixed;bottom:10px;right:10px}.version-badge:hover{color:#ffffffd9;background:#000000bf;border-color:#ffffff26}.version-badge__dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #22c55e66}.login-box{text-align:center;background:#fff;width:400px;padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #0000001a}.login-box h2{color:#333;text-align:center;margin:0 0 20px;padding:0}.login-box .textbox{text-align:left;margin-bottom:30px;position:relative}.login-box .textbox label{color:#333;margin-bottom:5px;font-weight:700;display:block}.login-box input[type=text],.login-box input[type=email],.login-box input[type=password]{background:#f2f2f2;border:none;border-radius:5px;width:calc(100% - 20px);margin-top:5px;padding:10px;font-size:14px;display:inline-block}.login-box input[type=password]{width:calc(100% - 50px)}.login-box input[type=text]::placeholder,.login-box input[type=email]::placeholder,.login-box input[type=password]::placeholder{font-size:14px}select{color:#757575;background:#f2f2f2;border:0;border-radius:5px;width:100%;height:40px;padding:10px}.login-box button{color:#fff;cursor:pointer;background:#3478f6;border:none;width:100%;margin-top:20px;padding:10px;font-size:16px}.login-box button[type=button]{color:#333;cursor:pointer;background:0 0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-box .textbox button{position:relative;top:15px}.login-box button.show-password-button{cursor:pointer;background:0 0;border:none;width:30px;height:30px;margin:0;padding:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-box .password-icon{color:#888;padding-top:80%;padding-left:40%;font-size:16px}.forgot{justify-content:end;width:100%;margin-bottom:10px;display:flex}.forgot span{color:#3478f6;cursor:pointer;text-decoration:underline}.password-container{position:relative}.password-container input[type=password]{padding-right:40px}.dashboard{justify-content:center;display:flex}.stat-card{background-color:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:200px;height:185px;margin:0 15px 15px;padding:1rem;transition:transform .2s;display:flex;box-shadow:0 0 20px #00000014}.stat-label{color:#666;margin-bottom:8px;font-size:18px}.stat-value{color:#222;font-size:42px;font-weight:700}.chart-box{display:flex}.chart-card{background-color:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:0 15px 15px;padding:1rem;transition:transform .2s;display:flex;box-shadow:0 0 20px #00000014}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-title{color:#333;margin-bottom:20px;font-size:1.6rem;font-weight:700}.search-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;margin-bottom:20px;padding:12px;font-size:1rem;transition:border-color .3s}.search-input:focus{border-color:#007bff}.player-list{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.player-item{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.player-email{color:#555;font-size:14px;font-weight:400}.btn-close{cursor:pointer;color:#dc3545;background-color:#dc35454d;border:none;border-radius:50%;width:25pt;height:25pt;position:absolute;top:20px;right:20px;box-shadow:0 0 0 2px #dc35454d}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.modal{width:90%;padding:15px}.search-input,.player-item{font-size:.9rem}.link-btn{padding:6px 12px;font-size:.8rem}.btn-close{padding:6px 12px;font-size:.9rem}}.table-actions{justify-content:space-around;align-items:center;height:100%;display:flex}.action-icon{cursor:pointer;border-radius:50%;padding:5px}.action-icon.view{color:#007a05;background-color:#90ee9080;box-shadow:0 0 0 2px #90ee9080}.action-icon.delete{color:#dc3545;background-color:#dc35454d;box-shadow:0 0 0 2px #dc35454d}.action-icon.share{color:#3546dc;background-color:#3567dc4d;margin-right:1rem;box-shadow:0 0 0 2px #3567dc4d}.action-icon.disabled{opacity:.5;cursor:auto;pointer-events:none}.player-list{border-radius:4px;max-height:200px;margin:0 0 20px;padding-left:25px;list-style:outside;overflow-y:auto}.player-item{color:#333;justify-content:space-between;padding-left:20px;font-size:1rem;display:flex;position:relative}.player-item:before{content:"•";color:#000;font-size:1.2rem;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.player-item:last-child{border-bottom:none}.player-email{color:#555;font-size:.9rem;font-style:italic}.modal-backdrop{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{box-sizing:border-box;background-color:#fff;border-radius:8px;width:500px;max-height:80%;margin:0 20px;padding:20px;animation:.3s ease-in-out fadeIn;position:relative;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.modal h2{color:#333;margin-bottom:20px;font-size:1.6rem;font-weight:700}.modal p{color:#444;margin-bottom:20px;font-size:1rem}.modal-actions{justify-content:space-between;gap:10px;display:flex}@media (width<=600px){.modal{width:90%;padding:15px}}.notfound-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex}.notfound-container h1{color:#444;margin-bottom:10px;font-size:48px}.notfound-container p{color:#666;margin-bottom:30px;font-size:20px}.hippo-image{border-radius:8px;width:100%;max-width:400px;box-shadow:0 8px 16px #0000001a}.main-header{z-index:999;border-bottom:1px solid #dee2e6}.main-container{height:100%;padding:.5rem;transition:margin-left .4s ease-in-out}.main-container.collapsed,.main-header.collapsed{margin-left:75px}.main-container.open,.main-header.open{margin-left:250px}.top-menu{justify-content:space-between;display:flex;flex-direction:row!important}.menu-button{background-color:inherit;border:none;height:3rem;margin:0 .5rem;padding:.5rem;font-size:large}.dropdown-menu,.dropdown-menu-user{z-index:999;background-color:#fff;border-radius:5px;position:absolute;box-shadow:-1px 3px 3px 3px #0000001a,1px 3px 3px 3px #00000003!important}.dropdown-menu-user{width:150pt;padding:.3rem;top:3rem;right:1rem}.dropdown-menu-user button,.dropdown-menu button{background-color:inherit;border:none;border-radius:5pt;align-items:center;height:3rem;display:flex}.dropdown-menu button{margin:.5rem;padding-left:.5rem}.dropdown-menu-user button{width:100%}.dropdown-menu-user button:hover,.dropdown-menu button:hover{background-color:#e4e3e3cc}.aside-menu-container{z-index:999;background-color:#343a40;width:250px;height:100%;transition:width .4s ease-in-out;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038!important}.aside-menu-container.collapsed{width:75px}.aside-menu-container.collapsed .nav-item{text-align:center;width:100%;padding-left:0;padding-right:0}.aside-menu-container.collapsed .nav-item span{display:none}.aside-menu-container.open img{padding-top:1rem;padding-left:3rem}.aside-menu-container.collapsed img{padding-top:1rem;padding-left:1.3rem}.sidebar{height:calc(100% + -3.5rem - 1px);overflow-x:hidden;overflow-y:initial;scrollbar-color:#a9a9a9 transparent;scrollbar-width:none;padding:0 .5rem}.nav-items{flex-wrap:wrap;margin-bottom:0;padding-left:0;list-style:none;display:flex;flex-direction:column!important}.nav-item{color:#c2c7d0;text-align:left;border-radius:5px;margin-top:.5rem;padding:.5rem;text-decoration:none;transition:width .3s ease-in-out}.nav-item:hover{background-color:#6a737b}.nav-item.active{background-color:#007bff}.box.l{justify-content:space-between;width:100%;display:flex}.player-name{flex-direction:row;align-items:end;gap:.5rem;display:flex}.box.l .col:first-child{flex-direction:column;flex:0 0 35%;justify-content:space-around;display:flex}.box.l .col div{justify-content:space-between;max-width:80%;display:flex}.box.l .col span{align-content:center;font-size:16px}.box.l .col:last-child{flex:0 0 60%}.form-group{flex-direction:column;flex:1;display:flex}.form-group label{margin-bottom:.5rem;margin-left:.3rem;font-weight:500}.input{border:none;border-radius:6px;padding:.5rem .75rem;font-size:1rem;transition:box-shadow .2s ease-in-out;box-shadow:0 0 2px #0000004d}.input:focus{outline:none;box-shadow:0 0 3px #007bff99}.input:disabled{color:#666;background-color:#f9f9f9}.birthday-input{align-items:end}.notes-input{resize:vertical;min-height:120px;font-size:1.1rem}.form-actions{gap:1rem;margin:1.5rem;display:flex}.form-actions button{justify-content:space-around;align-items:center;width:120px;font-size:14px;font-weight:500;display:flex}.top{justify-content:space-between}.bottom{min-width:calc(100% - 5rems);justify-content:space-between}.box{background-color:#fff;border-radius:12px;margin:0 15px 15px;padding:1rem 2rem;font-size:16px;transition:box-shadow .3s,transform .3s;box-shadow:0 6px 12px #0000001a}.general-info{min-width:80%}.box .row-horizontal,.box .row-horizontal-large{justify-content:space-between;align-items:center;margin:2rem 0 0;display:flex}.row-horizontal .form-group{max-width:calc(33.3333% - 3rem)}.box .row-vertical{flex-direction:column;gap:1.5rem;margin-right:3rem;display:flex}.stat-card.m{height:100px}.stat-card.s{height:80px}.stat-value.s{font-size:32px}.chart-card.s{flex:30%;min-width:300px;max-width:550px}.coins-panel{background-color:#fff;border-radius:6px;flex-direction:column;gap:.9rem;margin-top:.75rem;padding:1rem 2rem;display:flex;box-shadow:0 0 2px #00000014}.coins-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.coins-panel-header .stat-label{margin:0}.coins-balance{color:#222;margin-top:.25rem;font-size:2rem;font-weight:700;line-height:1;display:block}.coin-refresh-button{white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;min-height:32px;padding:.35rem .6rem;font-size:13px;display:inline-flex}.coin-adjustment{border-top:1px solid #e5e5e5;flex-direction:column;gap:.55rem;padding-top:.85rem;display:flex}.coin-adjustment label{color:#333;font-weight:600}.coin-adjustment-controls{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.coin-input-wrapper{align-items:center;gap:.5rem;display:flex}.coin-input-wrapper .input{width:100%}.coin-action-buttons{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.coin-adjustment .btn{justify-content:center;align-items:center;gap:.4rem;min-height:38px;display:flex}@media (width<=900px){.coins-panel-header,.coin-action-buttons{flex-direction:column;grid-template-columns:1fr;align-items:stretch}}.box.session{flex-direction:column;width:calc(100% - 4rem);margin-left:0;display:flex}video{object-fit:cover;border-radius:5px;width:1024px}.video-block{justify-content:space-between;margin-bottom:1rem;display:flex}.box span,.video-block span{font-size:18px;font-weight:500}.game-control{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.game-control-item{align-content:center;align-items:center;width:20%;height:75px}.streaming-coins-panel{width:300pt;max-width:100%;margin-bottom:1rem}.relax-btn-container{justify-content:center;display:flex}.game-menu{background-color:#fff;border-radius:16px;min-width:calc(100% - 800px - 5rem);min-height:400px;padding:1rem;transition:transform .2s;box-shadow:0 6px 12px #0000001a}.game-menu-content{margin-top:10px;padding:1rem}.game-menu-header{justify-content:space-between;align-items:baseline;height:50px;display:flex}.game-menu span{font-size:1.5rem;font-weight:700}.game-menu-content{margin-top:16px}.recipe{min-width:fit-content}.recipe-tabs-container{border-bottom:1px solid #ccc;margin-bottom:1rem}.recipe-controls{gap:10px;display:flex}.recipe-control-btn{cursor:pointer;padding:3px}.recipe-tab{text-transform:none;min-width:120px;font-weight:600}.recipe-step-ingredients{align-items:center;gap:8px;display:flex}.recipe-step-ingredients span{font-size:16px;font-weight:400}.remove-step-icon{cursor:pointer;color:#dc3545;transition:color .2s}.remove-step-icon:hover{color:#f44}.step-select{border:1px solid #ccc;border-radius:4px;min-width:80px;padding:4px 8px}.action-select{min-width:80px}.ingredient-select,.ingredient2-select{min-width:120px}.add-step-btn{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;transition:background-color .2s;display:inline-flex}.add-step-btn:hover{background-color:#eee}.step-result-input{align-self:end;margin-bottom:10px}.hearts{align-items:baseline;gap:.5rem;font-size:1.1rem;display:flex}.heart-count{color:#e63946;align-items:center;gap:.3rem;font-weight:600;display:flex}h3{color:#457b9d}.no-data{color:#6c757d;font-style:italic}.game-details-container{flex-direction:column;gap:1rem;display:flex}.game-details-card{background:#fff;border-left:6px solid #0000;border-radius:6px;padding:1rem;transition:border-color .3s;box-shadow:0 1px 3px #0000001a}.game-details-card.alive{border-color:#2a9d8f}.game-details-card.dead{color:#999;border-color:#e63946;text-decoration:line-through}.game-details-card.completed{background-color:#2a9d437f}.game-details-card strong{font-weight:600}.completed-step{padding:.5rem 0;position:relative}.completed-step:after{content:"";pointer-events:none;background-color:#000;width:50%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.d-flex{flex-direction:row;align-items:center;gap:1rem;display:flex}