.duel-container{color:#ebebeb;background-color:#222;min-height:100vh;padding:2rem;font-family:Roboto Mono,monospace}.duel-header{text-align:center;margin-bottom:2rem}.duel-title{color:#39e9e0;margin-bottom:.5rem;font-size:2.5rem}.duel-subtitle{color:#9e9e9f;font-size:1rem}.duel-stats-grid{background-color:#3a3939cc;border:1px solid #444;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem;padding:1.5rem;display:grid}.duel-stat-item{text-align:center}.duel-stat-value{font-size:1.8rem;font-weight:700}.duel-stat-value.green{color:#39ff14}.duel-stat-value.red{color:#ff4d4d}.duel-stat-value.gray{color:#9e9e9f}.duel-stat-value.orange{color:#ff9500}.duel-stat-value.purple{color:#b3b3fb}.duel-stat-label{color:#9e9e9f;justify-content:center;align-items:center;gap:4px;font-size:.75rem;display:flex}.duel-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.home-card.duel-card{min-height:unset!important;flex-direction:column!important;flex:unset!important;cursor:default!important;pointer-events:auto!important;justify-content:flex-start!important;align-items:stretch!important;height:auto!important;padding:1.5rem!important;display:flex!important;position:relative!important;overflow:visible!important}.home-card.duel-card>*{flex-shrink:0;position:relative;pointer-events:auto!important}.duel-card.cyan-border{border-color:#39e9e0!important}.duel-card-header{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.duel-card-icon{border-radius:10px;padding:12px;font-size:1.2rem}.duel-card-icon.green-bg{background-color:#39ff1433}.duel-card-icon.cyan-bg{background-color:#39e9e033}.duel-card-title{color:#7ef9dc;font-size:1.3rem;font-weight:700}.duel-card-desc{color:#9e9e9f;margin-bottom:1rem;font-size:.9rem}.duel-input-group{width:100%;margin-bottom:.5rem;position:relative;pointer-events:auto!important}.duel-input-group label{color:#9e9e9f;margin-bottom:.5rem;font-size:.85rem;display:block}.duel-container select,.duel-select{color:#ebebeb!important;cursor:pointer!important;-webkit-appearance:auto!important;appearance:auto!important;box-sizing:border-box!important;pointer-events:auto!important;background-color:#2a2a2a!important;border:2px solid #444!important;border-radius:10px!important;outline:none!important;width:100%!important;height:auto!important;margin:0!important;padding:.7rem!important;font-family:Roboto Mono,monospace!important;font-size:1rem!important;display:block!important}.duel-select option{color:#ebebeb;background-color:#2a2a2a;padding:10px}.duel-code-input{text-align:center;letter-spacing:.3em;color:#222;text-transform:uppercase;background-color:#b9ffff;border:4px solid #00000c;border-radius:10px;width:100%;padding:.7rem;font-family:Roboto Mono,monospace;font-size:1.5rem;pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important;cursor:text!important}.duel-code-input:focus{border-color:#39e9e0;outline:none;box-shadow:0 0 0 3px #39e9e04d}.duel-container button{all:unset;box-sizing:border-box;cursor:pointer;font-family:Roboto Mono,monospace}.duel-btn{color:#222!important;text-align:center!important;width:100%!important;height:auto!important;box-shadow:none!important;background-color:#88fbf5!important;border:none!important;border-radius:10px!important;margin:1rem 0 0!important;padding:.8rem 1.5rem!important;font-size:1rem!important;font-weight:700!important;display:block!important;position:static!important}.duel-btn:hover{background-color:#6be6dd!important}.duel-btn.cyan{background-color:#39e9e0!important}.duel-btn:disabled{opacity:.5;cursor:not-allowed}.duel-quick-join-btn{color:#222!important;width:auto!important;height:auto!important;box-shadow:none!important;background-color:#39ff14!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:6px!important;margin:0!important;padding:.5rem 1rem!important;font-size:.85rem!important;font-weight:700!important;display:flex!important}.duel-mobile-notice{text-align:center;color:#9e9e9f;padding:3rem;display:none}.duel-mobile-notice h2{color:#39e9e0;margin-bottom:1rem}@media (max-width:768px){.duel-mobile-notice{display:block}.duel-desktop-only{display:none!important}}.duel-error{color:#ff4d4d;text-align:center;background-color:#ff4d4d33;border:1px solid #ff4d4d;border-radius:10px;margin-bottom:1rem;padding:1rem}.duel-login-prompt{text-align:center;color:#9e9e9f;padding:3rem}.duel-login-prompt p{margin-bottom:1rem;font-size:1.2rem}.duel-section-title{color:#b3b3fb;align-items:center;gap:8px;margin-bottom:1rem;font-size:1.3rem;display:flex}.duel-list{flex-direction:column;gap:.5rem;display:flex}.duel-item{cursor:pointer;background-color:#3a393980;border:1px solid #444;border-radius:10px;justify-content:space-between;align-items:center;padding:1rem;transition:border-color .2s;display:flex}.duel-item:hover{border-color:#666}.duel-item-left{align-items:center;gap:12px;display:flex}.duel-status-dot{border-radius:50%;width:10px;height:10px}.duel-status-dot.active{background-color:#39ff14}.duel-status-dot.waiting{background-color:gold}.duel-status-dot.completed{background-color:#39e9e0}.duel-status-dot.timeout,.duel-status-dot.cancelled{background-color:#9e9e9f}.duel-item-name{color:#fff;margin-bottom:.2rem;font-weight:700}.duel-creator-link{color:#39e9e0;cursor:pointer;text-decoration:none;transition:all .2s}.duel-creator-link:hover{opacity:.8;text-decoration:underline}.duel-player-name.clickable{cursor:pointer;transition:color .2s}.duel-player-name.clickable:hover{color:#39e9e0;text-decoration:underline}.duel-item-meta{color:#9e9e9f;font-size:.75rem}.duel-item-right{align-items:center;gap:8px;display:flex}.duel-badge{border-radius:20px;padding:4px 12px;font-size:.75rem}.duel-badge.win{color:#39ff14;background-color:#39ff1433}.duel-badge.loss{color:#ff4d4d;background-color:#ff4d4d33}.duel-badge.active{color:#39ff14;background-color:#39ff1433}.duel-badge.waiting{color:gold;background-color:#ffd70033}.duel-badge.completed{color:#39e9e0;background-color:#39e9e033}.duel-badge.timeout,.duel-badge.cancelled{color:#9e9e9f;background-color:#9e9e9f33}.duel-empty{text-align:center;color:#9e9e9f;background-color:#3a39394d;border-radius:10px;padding:2rem}.green{color:#39ff14}.cyan{color:#39e9e0}.red{color:#ff4d4d}.orange{color:#ff9500}.gold{color:gold}.gray{color:#9e9e9f}.purple{color:#b3b3fb}.duel-back-btn{color:#9e9e9f;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:1.5rem;font-family:Roboto Mono,monospace;font-size:1rem;display:flex}.duel-back-btn:hover{color:#ebebeb}.duel-room-header{text-align:center;margin-bottom:2rem}.duel-room-label{color:#9e9e9f;margin-bottom:.5rem;font-size:.85rem}.duel-room-box{cursor:pointer;background-color:#3a3939cc;border:1px solid #444;border-radius:12px;align-items:center;gap:12px;padding:1rem 1.5rem;display:inline-flex}.duel-room-box:hover{border-color:#39ff14}.duel-room-code{letter-spacing:.2em;color:#39ff14;font-size:2rem;font-weight:700}.duel-status-banner{text-align:center;border-radius:12px;margin-bottom:2rem;padding:2rem}.duel-status-banner.waiting{background-color:#ffd70033;border:1px solid #ffd70080}.duel-status-banner.active{background-color:#39ff1433;border:1px solid #39ff1480}.duel-status-banner.completed{background-color:#39e9e033;border:1px solid #39e9e080}.duel-status-banner.timeout{background-color:#9e9e9f33;border:1px solid #9e9e9f80}.duel-timer{color:#39ff14;margin-bottom:.5rem;font-family:Roboto Mono,monospace;font-size:2.5rem;font-weight:700}.duel-players-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.duel-player-card{background-color:#3a393980;border:1px solid #444;border-radius:12px;padding:1.5rem}.duel-player-card.winner{background-color:#39ff1433;border-color:#39ff14}.duel-player-label{color:#9e9e9f;margin-bottom:.5rem;font-size:.85rem}.duel-player-name{font-size:1.2rem;font-weight:700}.duel-player-handle{color:#9e9e9f;font-size:.9rem}.duel-problem-card{background-color:#3a393980;border:2px solid #39ff14;border-radius:12px;padding:2rem}.duel-problem-label{color:#9e9e9f;margin-bottom:.5rem;font-size:.85rem}.duel-problem-name{color:#7ef9dc;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.duel-open-btn{color:#222;cursor:pointer;background-color:#88fbf5;border:none;border-radius:10px;align-items:center;gap:8px;padding:.8rem 1.5rem;font-family:Roboto Mono,monospace;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.duel-open-btn:hover{background-color:#39e9e0}.duel-checking{color:#9e9e9f;background-color:#3a3939e6;border-radius:20px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.85rem;display:flex;position:fixed;bottom:1rem;right:1rem}.duel-loading{color:#39ff14;background-color:#222;justify-content:center;align-items:center;min-height:100vh;font-size:2rem;display:flex}.duel-error-page{color:#ebebeb;background-color:#222;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (max-width:700px){.duel-stats-grid{grid-template-columns:repeat(3,1fr)}.duel-players-grid{grid-template-columns:1fr}.duel-title{font-size:1.8rem}.duel-room-code{font-size:1.5rem}}.duel-live-section{background:linear-gradient(135deg,#39ff141a,#39e9e01a);border:1px solid #39ff144d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.duel-item-live{cursor:pointer;background-color:#39ff141a!important;border-color:#39ff144d!important}.duel-item-live:hover{background-color:#39ff1433!important;border-color:#39ff1480!important}.duel-quick-join-btn{color:#222;cursor:pointer;background-color:#39ff14;border:none;border-radius:8px;align-items:center;gap:6px;width:auto;margin-top:0;margin-left:0;padding:.5rem 1rem;font-family:Roboto Mono,monospace;font-size:.85rem;font-weight:700;display:flex}.duel-quick-join-btn:hover{background-color:#4aff2a}.duel-warning-banner{color:orange;background-color:#ffa50033;border:1px solid #ffa50080;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:1rem;padding:.75rem;font-size:.9rem;display:flex}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.duel-status-dot.waiting{animation:1.5s infinite pulse}