:root{--tube-red:#e32017;--tube-blue:#003688;--tube-yellow:#ffd300;--tube-bg:#111b2b;--tube-panel:#1c2a40;--tube-white:#fff;--tube-text:#fff;--tube-grey:#5c6878}html,body{color:var(--tube-text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0 0 80px;font-family:Gill Sans,Gill Sans MT,Calibri,sans-serif;background-color:var(--tube-bg)!important}*{box-sizing:border-box}.app-layout{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.header{border-bottom:2px solid var(--tube-red);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.btn-back{background:var(--tube-grey);border:1px solid var(--tube-white);color:var(--tube-white);cursor:pointer;border-radius:4px;font-family:inherit;font-weight:700}.room-id-display{color:var(--tube-yellow);font-family:monospace;font-weight:700}.volume-control{align-items:center;display:flex}.master-badge{background:var(--tube-white);color:var(--tube-bg);border-radius:2px;font-weight:800}@media (max-width:767px){.app-layout{padding:10px}.header{gap:5px}.btn-back{padding:4px 8px;font-size:.75rem}.room-id-display{white-space:nowrap;font-size:.9rem}.volume-control input{width:70px}.master-badge{letter-spacing:0;padding:2px 4px;font-size:.65rem}}@media (min-width:768px){.btn-back{padding:6px 15px;font-size:1rem}.room-id-display{font-size:1.2rem}.volume-control{gap:10px}.volume-control input{width:200px}.master-badge{letter-spacing:1px;padding:4px 10px;font-size:.9rem}}.top-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:80vh;display:flex}.hero-title{text-shadow:0 0 10px #e3201780;margin-bottom:10px;font-size:3rem;font-weight:800}.hero-subtitle{color:#889;margin-bottom:40px}.form-container{flex-direction:column;gap:20px;width:100%;max-width:320px;display:flex}.input-group{flex-direction:column;gap:10px;width:100%;display:flex}.divider{color:#556;align-items:center;margin:10px 0;font-size:.9rem;display:flex}.divider:before,.divider:after{content:"";background:#334;flex:1;height:1px;margin:0 10px}.tube-input{border:2px solid var(--tube-grey);background:var(--tube-panel);color:#fff;text-align:center;border-radius:4px;outline:none;width:100%;padding:15px;font-family:inherit;font-size:1.2rem;transition:border-color .2s}.tube-input:focus{border-color:var(--tube-yellow)}.btn-start{background:var(--tube-red);color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;width:100%;padding:15px;font-family:inherit;font-size:1.2rem;font-weight:700;transition:background .2s}.btn-start:hover{background:#c01b12}.btn-start.blue{background:var(--tube-blue)}.btn-start.blue:hover{background:#002566}.game-grid{flex:1;grid-template-columns:1fr;gap:30px;display:grid}@media (min-width:768px){.game-grid{grid-template-columns:1.2fr .8fr;align-items:start}}.main-area{flex-direction:column;justify-content:flex-start;align-items:center;min-height:500px;display:flex}.status-board{text-align:center;background:var(--tube-panel);border:1px solid var(--tube-grey);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:40px;padding:20px;display:flex;box-shadow:0 4px 10px #0000004d}.status-text{margin:0;font-size:1.8rem;font-weight:700;line-height:1.2}.sub-text{color:#aab;margin-top:8px;font-size:1.1rem}.buzzer-wrapper{flex-direction:column;align-items:center;width:100%;padding-top:20px;display:flex}.queue-line{flex-direction:column;align-items:center;width:100%;margin-top:40px;display:flex}.queue-item{border:1px solid var(--tube-blue);background:#0003;border-radius:20px;align-items:center;width:100%;max-width:400px;margin-bottom:10px;padding:5px 15px;font-size:1.1rem;display:flex}.tube-buzzer{border:8px solid var(--tube-white);background:var(--tube-red);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;width:260px;height:260px;transition:transform .1s,filter .2s;display:flex;position:relative;box-shadow:0 10px 30px #00000080}.tube-buzzer.disabled{cursor:default;opacity:.6;filter:grayscale(80%)}.tube-buzzer.pushed{background:var(--tube-yellow);border-color:var(--tube-yellow)}.tube-buzzer:active:not(:disabled){transform:scale(.96)}.tube-bar{background:var(--tube-blue);border:4px solid var(--tube-white);width:300px;height:70px;color:var(--tube-white);text-transform:uppercase;z-index:2;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex;position:absolute;box-shadow:0 5px 15px #0000004d}.tube-buzzer.pushed .tube-bar{background:var(--tube-bg);color:var(--tube-yellow);border-color:var(--tube-yellow)}.side-area{flex-direction:column;gap:20px;display:flex}.panel-section{background:var(--tube-panel);border:1px solid var(--tube-grey);border-radius:8px;padding:20px}.panel-title{color:#889;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--tube-grey);margin:0 0 15px;padding-bottom:5px;font-size:1rem}.tube-list{margin:0;padding:0;list-style:none}.tube-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.score-controls{align-items:center;gap:5px;display:flex}.btn-score{color:#fff;cursor:pointer;background:#334;border:1px solid #556;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.log-box{color:#ccc;max-height:150px;font-family:monospace;font-size:.8rem;overflow-y:auto}.log-item{border-bottom:1px dashed #334;margin-bottom:4px;padding-bottom:2px}.admin-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.btn-control{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:15px 10px;font-size:1rem;font-weight:700}.mobile-master-footer{background:var(--tube-panel);border-top:4px solid var(--tube-yellow);z-index:1000;width:100%;transition:transform .3s ease-in-out;position:fixed;bottom:0;left:0;box-shadow:0 -5px 20px #00000080}.mobile-master-footer.closed{transform:translateY(calc(100% - 60px))}.footer-header{background:var(--tube-yellow);height:60px;color:var(--tube-bg);cursor:pointer;letter-spacing:1px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.footer-content{padding:20px 20px 40px}@media (min-width:768px){.mobile-master-footer{display:none}}@media (max-width:767px){.desktop-admin-panel{display:none}}