body{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%) fixed;min-height:100dvh;margin:0;font-family:sans-serif}button:disabled{cursor:not-allowed;opacity:.5}button:active:not(:disabled){transform:translateY(8px);box-shadow:0 0 #0003!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%,30%,50%,70%,90%{transform:translate(-2px,-2px)rotate(-2deg)}20%,40%,60%,80%{transform:translate(2px,2px)rotate(2deg)}to{transform:translate(1px,-2px)rotate(-1deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes podiumRise{0%{opacity:0;transform:translateY(60px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.podium-place{animation:.6s cubic-bezier(.34,1.56,.64,1) both podiumRise}.screen-enter{animation:.4s ease-out both fadeIn}.fade-in{animation:.3s ease-out fadeIn}.slide-in{animation:.3s ease-out slideIn}.pulse-anim{animation:.3s ease-in-out pulse}.shake-anim{border:3px solid #f44336;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.eliminated{filter:grayscale();opacity:.4}.host-two-col{align-items:stretch;gap:24px;max-height:calc(100dvh - 120px);display:flex;overflow:hidden}.host-two-col .col-left{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.host-two-col .col-right{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex;overflow-y:auto}.card{border-radius:15px;padding:20px}.card-orange{background-color:#fff3e0}.card-blue{background-color:#e3f2fd}.card-green{background-color:#e8f5e9}.card-red{background-color:#ffebee}.card-gray{background-color:#f0f0f0}.card-dark{background-color:#1a1a2e}.card-white{background-color:#fff}.btn{cursor:pointer;font-weight:"bold";color:#fff;border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a}.btn-orange{background-color:#ff5722}.btn-primary{background-color:#2196f3}.btn-success{background-color:#4caf50}.btn-danger{background-color:#f44336}.btn-cyan{background-color:#00838f}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.text-center{text-align:center}@media (width<=768px){.host-two-col{flex-direction:column;max-height:none;overflow:visible}.host-two-col .col-right{overflow-y:visible}.home-screen{padding:12px!important}.home-screen h1{font-size:clamp(28px,10vw,40px)!important}.home-screen p{margin-bottom:12px!important}.home-screen .join-box{margin-bottom:12px!important;padding:16px!important}.home-screen .join-box h2{margin-bottom:12px!important}.home-screen form{gap:10px!important}.home-screen input{padding:10px!important}.home-screen .join-box img{width:40px!important;height:40px!important}.home-screen .join-box button[type=button]{padding:4px!important}.home-screen>a,.home-screen>Link{margin-top:8px!important;padding:10px!important}}