@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.portmaster-app{--background-color: #1a1a2e;--primary-color: #e94560;--secondary-color: #0f3460;--font-color: #ffffff;--green: #3f9b0b;--red: #b22222;--border-color: #e94560;--font-family: "Press Start 2P", cursive;--yellow-highlight: #ffff00;width:100%;height:100%;background-color:var(--background-color);color:var(--font-color);font-family:var(--font-family);overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:normal;position:relative}.portmaster-app *{box-sizing:border-box}.portmaster-app h1{font-size:2rem;color:var(--primary-color);text-shadow:4px 4px 0px #000;margin-bottom:1.5rem;font-weight:400;margin-top:0;line-height:1.2}.portmaster-app h2{font-size:1.2rem;color:var(--font-color);font-weight:400;margin:0 0 1rem}.portmaster-app h3{color:var(--primary-color);font-size:1rem;font-weight:400;margin:0 0 1rem}.portmaster-app p{font-size:.8rem;line-height:1.5;margin:0 0 1rem}.portmaster-app .game-container{width:100%;height:100%;background-color:var(--secondary-color);box-shadow:inset 0 0 0 4px var(--secondary-color);padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.portmaster-app .boss-intro-layout{justify-content:space-between}.portmaster-app .game-container.screen-shake{animation:portmaster-screen-shake .5s ease-in-out}.portmaster-app .menu-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center;overflow-y:auto}.portmaster-app .btn{font-family:var(--font-family);font-size:.8rem;padding:.8rem 1.5rem;margin:.5rem;color:var(--font-color);background-color:var(--primary-color);border:4px solid var(--border-color);cursor:pointer;text-transform:uppercase;box-shadow:inset 0 0 0 4px var(--primary-color),4px 4px #000;transition:none}.portmaster-app .btn:hover{background-color:#ff5e78;transform:translate(-2px,-2px);box-shadow:inset 0 0 0 4px #ff5e78,6px 6px #000}.portmaster-app .checkbox-container{display:flex;align-items:center;justify-content:center;margin:1rem 0;font-size:.7rem;cursor:pointer}.portmaster-app .checkbox-container input[type=checkbox]{margin-right:.75rem;width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.portmaster-app .menu-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}@media(min-width:600px){.portmaster-app .menu-actions{flex-direction:row;align-items:flex-start}}.portmaster-app .highscore-container{display:flex;flex-direction:column;align-items:center}.portmaster-app .highscore-text{margin:.5rem 0 0;padding:0;font-size:.7rem;color:var(--primary-color);text-shadow:1px 1px 0 #000}.portmaster-app .learning-path-container{margin-top:2rem}.portmaster-app .game-screen{width:100%;height:100%;display:flex;flex-direction:column;position:relative;justify-content:space-between}.portmaster-app .hud{display:flex;justify-content:space-between;width:100%;padding:.5rem;font-size:.8rem}.portmaster-app .lives{display:flex;gap:.5rem}.portmaster-app .boss-health-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.portmaster-app .boss-health-container span{font-size:.8rem}.portmaster-app .boss-health-bar-outer{width:150px;height:16px;background-color:#00000080;border:2px solid var(--border-color);padding:2px}.portmaster-app .boss-health-bar-inner{height:100%;background-color:var(--primary-color);transition:width .3s ease-out}.portmaster-app .scene{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%}.portmaster-app .boss-intro-scene{position:relative;flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center}.portmaster-app .guru-dialog-container{position:relative;width:100%;max-width:500px;margin-top:4rem;display:flex;flex-direction:column;align-items:center}.portmaster-app .guru,.portmaster-app .pilgrim{position:absolute;pointer-events:none}.portmaster-app .guru{left:50%;top:-95px;transform:translate(-50%);width:60px;height:auto;z-index:9;animation:portmaster-guru-idle 4s ease-in-out infinite}.portmaster-app .guru-look{position:absolute;left:50%;top:10%;transform:translate(-50%);width:60px;height:auto;z-index:9}.portmaster-app .guru.correct{animation:portmaster-guru-correct .5s ease}.portmaster-app .guru.incorrect{animation:portmaster-guru-incorrect .5s ease}.portmaster-app .pilgrim{left:50%;bottom:-85px;transform:translate(-50%);z-index:11}.portmaster-app .boss-intro-scene .pilgrim{bottom:10%}.portmaster-app .pilgrim-image,.portmaster-app .boss-image{width:60px;height:auto}.portmaster-app .boss-image.damage{animation:portmaster-damage-flash .5s ease-out}.portmaster-app .pilgrim.enter{animation:portmaster-pilgrim-enter .5s ease-out}.portmaster-app .pilgrim.leave-correct{animation:portmaster-pilgrim-leave-correct 1s ease-in forwards}.portmaster-app .pilgrim.leave-incorrect{animation:portmaster-pilgrim-leave-incorrect 1s ease-in forwards}.portmaster-app .question-box{background-color:#000000d9;border:4px solid var(--border-color);padding:1.5rem;min-height:140px;width:90%;z-index:10;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:4px 4px #000}.portmaster-app .boss-dialogue-box{width:100%;background-color:#000000b3;border:4px solid var(--border-color);padding:1rem;font-size:.7rem;line-height:1.6;margin-bottom:1rem;box-shadow:4px 4px #000}.portmaster-app .boss-dialogue-box p{font-size:.7rem;margin-bottom:.5rem}.portmaster-app .boss-fight-layout .guru-look{left:auto;right:0;top:50%;transform:translate(calc(100% + 10px),-50%);animation:portmaster-guru-look-idle 4s ease-in-out infinite}.portmaster-app .boss-fight-layout .pilgrim{right:auto;left:0;bottom:auto;top:50%;transform:translate(calc(-100% - 10px),-50%)}.portmaster-app .input-field{font-family:var(--font-family);width:80%;max-width:250px;padding:.8rem;font-size:1.2rem;text-align:center;background-color:#fff;color:#000;border:4px solid var(--border-color);outline:none;margin-top:1rem;box-shadow:4px 4px #000}.portmaster-app .input-field.correct{animation:portmaster-glow-green 1s ease}.portmaster-app .input-field.incorrect{animation:portmaster-shake .5s ease}.portmaster-app .timer-bar{width:100%;height:12px;background-color:#444;border:2px solid var(--border-color);margin-top:1rem}.portmaster-app .timer-bar-inner{height:100%;background-color:var(--green);transition:width .1s linear}.portmaster-app .feedback-text{height:1.5em;color:#e94560;margin-top:.5rem;font-size:.7rem}.portmaster-app .learning-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem;background-color:#0000004d;border:4px solid var(--border-color);box-shadow:4px 4px #000;overflow-y:auto}.portmaster-app .learning-content h2{font-size:1.4rem;color:var(--yellow-highlight);margin-bottom:.5rem}.portmaster-app .learning-content h3{font-size:1rem;color:var(--font-color);margin-bottom:1rem}.portmaster-app .learning-content p{font-size:.8rem;max-width:90%}.portmaster-app .learning-explanation{margin-top:1rem;font-style:italic;color:#a0a0c0;font-size:.7rem;max-width:90%}.portmaster-app .learning-nav{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:1rem}.portmaster-app .learning-nav .btn{padding:.5rem 1rem;font-size:.7rem}.steem-toast{position:absolute;bottom:20px;right:20px;width:280px;background:linear-gradient(135deg,#1b2838,#16202d);display:flex;align-items:center;gap:12px;padding:12px;z-index:1000;opacity:0;transform:translateY(20px);border:1px solid rgba(102,192,244,.4);box-shadow:0 0 15px #1599e433,4px 4px #00000080;animation:steem-toast-slide-up 5s cubic-bezier(.2,.8,.2,1) forwards;pointer-events:none}.steem-toast .icon-box{width:48px;height:48px;background-color:#212429;border:1px solid #3d4450;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.steem-toast .icon-box:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shiny-sweep 2s infinite}.steem-toast .text-box{flex-grow:1;text-align:left}.steem-toast .header{font-family:sans-serif;font-size:10px;text-transform:uppercase;color:#66c0f4;letter-spacing:.5px;margin-bottom:2px}.steem-toast .title{font-family:sans-serif;font-size:13px;font-weight:700;color:#fff;line-height:1.2}@keyframes portmaster-screen-shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}30%{transform:translate(3px,2px) rotate(0)}50%{transform:translate(-1px,2px) rotate(-1deg)}70%{transform:translate(3px,1px) rotate(-1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(0) rotate(0)}}@keyframes portmaster-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes portmaster-glow-green{0%,to{box-shadow:0 0 5px var(--green);background-color:#fff}50%{box-shadow:0 0 20px var(--green);background-color:#c8ffc8}}@keyframes portmaster-guru-idle{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}}@keyframes portmaster-guru-look-idle{0%,to{transform:translate(calc(100% + 10px),-50%)}50%{transform:translate(calc(100% + 10px),-60%)}}@keyframes portmaster-guru-correct{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes portmaster-guru-incorrect{0%,to{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(-8px) rotate(-5deg)}75%{transform:translate(-50%,-50%) translate(8px) rotate(5deg)}}@keyframes portmaster-pilgrim-enter{0%{transform:translate(-250px,50%);opacity:0}to{transform:translate(-50%,50%);opacity:1}}@keyframes portmaster-pilgrim-leave-correct{0%{transform:translate(-50%,50%);opacity:1}to{transform:translate(-350px,50%);opacity:0}}@keyframes portmaster-pilgrim-leave-incorrect{0%{transform:translate(-50%,50%) translateY(0) rotate(0)}25%{transform:translate(-50%,50%) translateY(-20px) rotate(10deg)}to{transform:translate(-50%,50%) translateY(200px) rotate(360deg);opacity:0}}@keyframes portmaster-damage-flash{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 15px var(--primary-color))}}@keyframes steem-toast-slide-up{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes shiny-sweep{0%{transform:translate(-100%,-100%) rotate(45deg)}to{transform:translate(100%,100%) rotate(45deg)}}*{box-sizing:border-box}.scope-creep-root{margin:0;font-family:Lilita One,cursive;background-color:#210042;color:#fff;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;text-align:center;position:relative;transition:background-color .2s ease}.scope-creep-app{width:95%;height:95%;max-width:1200px;max-height:800px;display:flex;justify-content:center;align-items:center;background-color:#3d007a;border:15px solid #fddb00;border-radius:25px;position:relative;overflow:hidden;transition:background-color .2s ease}.scope-creep-root.correct .scope-creep-app{background-color:#28a745}.scope-creep-root.incorrect .scope-creep-app{background-color:#dc3545}@keyframes wiggle{0%{transform:rotate(-1deg)}20%{transform:rotate(1.5deg)}40%{transform:rotate(-.5deg)}60%{transform:rotate(1.2deg)}80%{transform:rotate(-1.2deg)}to{transform:rotate(-1deg)}}@keyframes pop-away{0%{transform:scale(1);opacity:1}40%{transform:scale(1.15);opacity:.9}to{transform:scale(0);opacity:0}}.global-back-btn{position:absolute;top:5px;bottom:auto;left:50%;transform:translate(-50%);z-index:500;background:none;color:#000;border:none;padding:5px;font-family:Lilita One,cursive;font-size:1.4rem;cursor:pointer;transition:transform .2s;box-shadow:none}.global-back-btn:hover{color:#fddb00;transform:translate(-50%) scale(1.1)}.global-back-btn:active{transform:translate(-50%) scale(.9)}.timer-bar.paused{animation-play-state:paused!important}.quit-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.quit-modal{background:#3d007a;border:8px solid #fddb00;border-radius:25px;padding:3rem;width:90%;max-width:500px;text-align:center;box-shadow:0 0 50px #00000080}.quit-modal h3{font-size:3rem;color:#fddb00;margin-bottom:2rem;text-shadow:3px 3px 0 #000}.quit-modal-btns{display:flex;gap:1.5rem;justify-content:center}.quit-btn{font-family:Lilita One,cursive;font-size:1.8rem;padding:.8rem 2rem;border-radius:15px;border:4px solid #000;cursor:pointer;transition:transform .1s;box-shadow:5px 5px #000}.quit-btn.confirm{background:#dc3545;color:#fff}.quit-btn.cancel{background:#28a745;color:#fff}.quit-btn:hover{transform:translateY(-3px)}.quit-btn:active{transform:translateY(2px);box-shadow:2px 2px #000}.highscore-display{position:absolute;top:30px;left:50%;transform:translate(-50%);font-size:2rem;color:#fff;text-shadow:2px 2px 0 #000;-webkit-user-select:none;user-select:none;z-index:10}.current-score-display{position:absolute;top:85px;right:30px;font-size:2rem;color:#fff;text-shadow:2px 2px 0 #000;-webkit-user-select:none;user-select:none;z-index:10}.lives-display{position:absolute;top:85px;left:30px;display:flex;gap:6px;z-index:10}.heart-icon{width:30px;height:30px;filter:drop-shadow(2px 2px 0 #000);transition:transform .2s ease}.main-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.scope-creep-root h1{font-size:6.5rem;color:#fddb00;text-shadow:-4px -4px 0 #000,4px -4px 0 #000,-4px 4px 0 #000,4px 4px 0 #000;margin-bottom:0;-webkit-user-select:none;user-select:none;animation:wiggle 2.5s ease-in-out infinite;line-height:1.1;font-weight:400}.subtitle{font-size:1.8rem;color:#fff;margin-top:1rem;margin-bottom:2rem;max-width:80%;line-height:1.2;text-shadow:2px 2px 0 #000;-webkit-user-select:none;user-select:none}.menu-button{font-family:Lilita One,cursive;font-size:2.5rem;padding:.8rem 2.5rem;border:4px solid #000;border-radius:50px;background-color:#fddb00;color:#000;cursor:pointer;box-shadow:8px 8px #000;transition:all .1s ease-in-out;margin:10px}.menu-button:hover{transform:scale(1.05) rotate(2deg);box-shadow:10px 10px #000}.menu-button:active{transform:scale(.95) rotate(-1deg);box-shadow:4px 4px #000}.minigame-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;position:relative;background-color:transparent;padding:45px 20px 20px}.timer-container{position:static;width:100%;height:30px;background-color:#000;border-radius:10px;padding:5px;margin-bottom:10px;z-index:20}@keyframes timer-decrease{0%{width:100%}to{width:0%}}.timer-bar{height:100%;background-color:#fddb00;border-radius:5px}.instruction{font-size:3rem;color:#fff;text-shadow:none;margin:45px 0 0;position:static;padding:1rem 0;-webkit-user-select:none;user-select:none;font-weight:400}.game-area{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%;flex-grow:1;justify-content:center;position:relative}.drop-zones{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.drop-zone{width:180px;height:70px;background-color:transparent;border:3px dashed #fff;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:2.5rem;color:#ffffff80}.drag-items{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.drag-item{width:240px;height:70px;background-color:#8344c2;color:#fff;border:4px solid #b489e0;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:1.3rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease;padding:0 15px;text-align:center}.drag-item:hover{transform:translateY(-4px)}.feedback-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;color:#fddb00;text-shadow:-6px -6px 0 #000,6px -6px 0 #000,-6px 6px 0 #000,6px 6px 0 #000;pointer-events:none;z-index:100;opacity:0;transition:opacity .2s ease-in-out}.feedback-message.show{opacity:1}.character{position:absolute;width:180px;height:70px;display:flex;justify-content:center;align-items:center;background-color:#8344c2;color:#fff;border:4px solid #b489e0;border-radius:10px;padding:.5rem;font-size:1.3rem;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.character.found{animation:pop-away .3s ease-in forwards;pointer-events:none}.file-item{position:absolute;width:240px;height:80px;background-color:#e0e0e0;color:#333;border:3px solid #000;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;padding:5px;word-break:break-all;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out;box-shadow:5px 5px #000}.file-item:hover{transform:scale(1.03);box-shadow:7px 7px #000}.file-item:active{transform:scale(.98);box-shadow:2px 2px #000}.coffee-cup{position:absolute;font-size:4rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.68,-.55,.27,1.55);filter:drop-shadow(3px 3px 2px rgba(0,0,0,.5))}.coffee-cup:hover{transform:scale(1.2) rotate(10deg)}.coffee-cup.clicked{transform:scale(0)}.smart-game{justify-content:center;gap:1rem}.smart-letter{font-size:10rem;color:#fddb00;text-shadow:8px 8px 0 #000;line-height:1;margin-bottom:1rem;animation:wiggle 3s infinite}.smart-options{display:flex;gap:1.5rem;justify-content:center}.smart-btn{font-family:Lilita One,cursive;font-size:2rem;padding:1rem 2rem;background-color:#fff;color:#3d007a;border:4px solid #000;border-radius:15px;cursor:pointer;box-shadow:6px 6px #000;transition:transform .1s}.smart-btn:hover{transform:scale(1.05) translateY(-5px)}.smart-btn:active{transform:scale(.95);box-shadow:2px 2px #000}.method-game{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:relative}.method-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:200px;background-color:#fff;color:#000;border:6px solid #000;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:3rem;text-align:center;box-shadow:15px 15px #0000004d;z-index:10;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.method-zones{display:flex;justify-content:space-between;width:100%;height:100%;position:absolute;top:0;left:0}.method-zone{width:48%;height:100%;background:transparent;border:6px dashed rgba(255,255,255,.3);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3rem;color:#ffffffb3;cursor:pointer;transition:background-color .2s,color .2s,transform .1s;font-family:Lilita One,cursive}.method-zone:hover{background-color:#ffffff1a;color:#fff;border-color:#fff}.method-zone:active{transform:scale(.98)}.method-zone.classic{border-color:#66c0f4;color:#66c0f4}.method-zone.classic:hover{background-color:#66c0f433}.method-zone.agile{border-color:#a3e635;color:#a3e635}.method-zone.agile:hover{background-color:#a3e63533}.zone-icon{font-size:5rem;margin-top:1rem;opacity:.5}.debug-menu{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:2rem;overflow:auto}.debug-header{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:2rem}.debug-back-btn{position:relative;font-family:Lilita One,cursive;font-size:1.5rem;background:#fddb00;color:#000;border:4px solid #000;border-radius:12px;padding:8px 30px;cursor:pointer;box-shadow:4px 4px #000}.debug-back-btn:hover{background:#fff;transform:scale(1.05)}.debug-coffee-btn{position:absolute;right:0;font-size:3rem;background:none;border:none;width:auto;height:auto;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;box-shadow:none;padding:0}.debug-coffee-btn:hover{transform:scale(1.2) rotate(15deg)}.debug-grid{display:grid;grid-template-columns:repeat(4,160px);justify-content:center;gap:1.5rem;width:100%;margin:0 auto}.debug-box{width:160px;height:160px;background:#210042;border:6px solid #fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:10px 10px #00000080;padding:1rem}.debug-box:hover{border-color:#fddb00;background:#3d007a;transform:scale(1.1) rotate(2deg);box-shadow:15px 15px #00000080}.debug-box-num{font-size:3rem;color:#fddb00;margin-bottom:.5rem}.debug-box-label{font-family:Lilita One,cursive;color:#fff;font-size:1rem;line-height:1.1}.sourcing-layout{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;width:100%;height:100%;gap:1rem}.sourcing-col{display:flex;flex-direction:column;justify-content:center;gap:1rem;flex:1}.sourcing-col.center{flex:1.2;background:#ffffff0d;border-radius:20px;padding:1rem}.sourcing-zone{flex:1;min-height:150px;position:relative;border:4px dashed rgba(255,255,255,.4);background:#0000004d;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s}.sourcing-zone.onPrem_pro{border-color:#4caf50}.sourcing-zone.onPrem_con{border-color:#ff5252}.sourcing-zone.cloud_pro{border-color:#4caf50}.sourcing-zone.cloud_con{border-color:#ff5252}.zone-label{position:absolute;top:10px;font-size:1.2rem;color:#fff;font-weight:700}.zone-icon-small{font-size:3rem;opacity:.2}.drag-items-vertical{display:flex;flex-direction:column;gap:.8rem;width:100%}.drag-item.assigned{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#fddb00;color:#000;border-radius:11px;font-size:.9rem;text-align:center;z-index:5;box-shadow:none;cursor:pointer;border:none;width:100%;height:100%}.game8-container{display:flex;flex-direction:column;width:100%;height:100%}.game8-main-stage{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:2rem;width:100%}.bathtub-legend-side{display:flex;flex-direction:column;gap:.8rem;width:200px}.legend-item{background:#00000080;padding:.6rem 1rem;border-radius:12px;border-left:6px solid;font-size:1rem;line-height:1.3;text-align:left}.hdd-spawner{display:flex;flex-direction:column;align-items:center;justify-content:center}.active-hdd{width:220px;height:150px;border-radius:15px;border:6px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;cursor:grab;transition:background-color .2s,transform .1s linear;z-index:10;box-shadow:0 12px 30px #00000080}.active-hdd:active{cursor:grabbing}.hdd-icon{font-size:5rem;line-height:1}.hdd-age{font-size:1rem;font-family:Lilita One,cursive}.hdd-progress{position:absolute;bottom:-8px;left:0;height:6px;background:red;border-radius:3px;transition:width .1s linear}.hdd-hint{margin-top:1rem;color:#ffffff80;font-size:.9rem}.bathtub-graph-area{position:relative;flex:1;display:flex;align-items:flex-end;padding-bottom:2rem;width:100%}.bathtub-curve-svg{position:absolute;top:0;left:4%;width:92%;height:100%;z-index:1}.bathtub-drop-zones{position:relative;z-index:2;display:flex;width:100%;justify-content:space-between;height:220px;gap:1.5rem}.bt-zone{flex:1;margin:0;border:4px dashed rgba(255,255,255,.3);border-radius:15px;display:flex;justify-content:center;align-items:center;font-size:3rem;color:#fff3;font-family:Lilita One,cursive;transition:all .2s;background:#0003}.bt-zone:hover{border-color:#fff;background:#ffffff1a}.bt-zone.filled{border:none;background:transparent}.slot-hdd{width:100%;height:100%;border-radius:12px;display:flex;justify-content:center;align-items:center;color:#fff;border:4px solid #fff;box-shadow:0 12px 25px #0006;padding:.5rem;box-sizing:border-box}.slot-content-wrapper{display:flex;flex-direction:column;gap:.4rem;text-align:center}.slot-content-wrapper strong{font-size:1.3rem;font-family:Lilita One,cursive;text-transform:uppercase;margin-bottom:.2rem}.slot-content-wrapper p{font-size:.95rem;line-height:1.3;margin:0;font-weight:400}