*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#1a1a1a8c 0%,#2d2d2d8c 100%),#141414 url(/app/bg.jpeg) top/100% no-repeat fixed;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1400px;margin:0 auto}.account-bar{color:#ddd;justify-content:flex-end;align-items:center;gap:8px;padding:10px 5px;font-size:14px;display:flex}h1{text-align:center;color:#ff6b35;text-shadow:2px 2px 4px #00000080;margin-bottom:30px}.controls{background:#ffffff1a;border-radius:10px;margin-bottom:20px;padding:20px}#startScreen{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}#startScreen.hero{min-height:70vh}#startScreen.hero img{max-width:480px!important}#startScreen.hero .controls{width:100%;max-width:560px;padding:30px}#startScreen.hero #modeSelect button{width:100%;margin:10px 0;padding:18px 32px;font-size:20px;display:block}#startScreen.hero .mode-options button:not(.link-btn){padding:16px 28px;font-size:18px}#startScreen.hero input,#startScreen.hero select{padding:14px;font-size:18px}button{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:5px;margin:5px;padding:12px 24px;font-size:16px;transition:all .3s}button:hover{background:#ff8555;transform:translateY(-2px)}button:disabled{cursor:not-allowed;background:#666;transform:none}input,select{color:#fff;background:#ffffff1a;border:2px solid #ff6b35;border-radius:5px;margin:5px;padding:10px;font-size:14px}.game-board{grid-template-columns:1fr 2fr 1fr;gap:20px;margin-top:20px;display:grid}.section{background:#ffffff0d;border:1px solid #ff6b354d;border-radius:10px;padding:20px}.section h3{color:#ff6b35;margin-bottom:15px}.card{color:#1a1a1a;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:5px;margin:5px;padding:8px 12px;font-weight:700;transition:all .2s;display:inline-block}.card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #ff6b3580}.card.selected{color:#fff;background:#ff6b35;border-color:#ff6b35}.card.hearts,.card.diamonds{color:#e74c3c}.card.clubs,.card.spades{color:#2c3e50}.player-info{background:#ffffff14;border-left:4px solid #ff6b35;border-radius:8px;margin:10px 0;padding:15px}.player-info.current{background:#2ecc711a;border-left-color:#2ecc71}.player-info.steal-flash{animation:.9s ease-out stealFlash}@keyframes stealFlash{0%{background:#e74c3c59;box-shadow:0 0 #e74c3ce6}to{background:#2ecc711a;box-shadow:0 0 0 12px #e74c3c00}}.card.playable{border-color:#2ecc71;box-shadow:0 0 8px #2ecc71cc}.card.steal-flash{animation:.9s ease-out cardStealFlash}@keyframes cardStealFlash{0%{transform:scale(1.25);box-shadow:0 0 20px 6px #ff6b35e6}to{box-shadow:none;transform:scale(1)}}#turnBanner{text-align:center;background:#ffffff14;border:2px solid #ff6b35;border-radius:8px;margin-bottom:15px;padding:12px;font-size:18px;font-weight:700}#turnBanner.my-turn{color:#2ecc71;background:#2ecc7133;border-color:#2ecc71}.status{background:#2ecc7133;border-left:4px solid #2ecc71;border-radius:5px;margin:10px 0;padding:15px}.error{background:#e74c3c33;border-left:4px solid #e74c3c;border-radius:5px;margin:10px 0;padding:15px}.log{background:#0000004d;border-radius:5px;max-height:400px;padding:15px;font-family:monospace;font-size:12px;overflow-y:auto}.log-entry{border-left:3px solid #ff6b35;margin:3px 0;padding:5px 5px 5px 10px}.actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}#gameId{text-align:center;background:#ff6b3514;border:2px solid #ff6b3580;border-radius:14px;flex-direction:column;align-items:center;gap:10px;max-width:340px;margin:15px auto;padding:20px 30px;display:flex}#gameId .code-label{letter-spacing:3px;color:#ff8555;text-transform:uppercase;font-family:Segoe UI,sans-serif;font-size:12px}#gameId .game-id-value{-webkit-user-select:all;user-select:all;letter-spacing:10px;color:#ff6b35;text-shadow:0 0 12px #ff6b3566;font-family:monospace;font-size:44px;font-weight:700}#gameId .game-id-extra{color:#ccc;font-family:Segoe UI,sans-serif;font-size:13px}.waiting-player-card{background:#ffffff14;border-left:4px solid #888;border-radius:8px;align-items:center;gap:12px;margin:8px 0;padding:12px 15px;transition:all .2s;display:flex}.waiting-player-card.ready{background:#2ecc711a;border-left-color:#2ecc71}.waiting-player-card.empty-slot{color:#777;background:#ffffff08;border-left-color:#444;font-style:italic}.waiting-player-avatar{background:#ff6b3526;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.waiting-player-card.empty-slot .waiting-player-avatar{background:#ffffff0d}.waiting-player-name{text-align:left;flex:1;font-size:15px}.waiting-player-status{color:#aaa;background:#ffffff1a;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:700}.waiting-player-card.ready .waiting-player-status{color:#2ecc71;background:#2ecc7133}.copy-btn{color:#ff6b35;cursor:pointer;background:#ff6b3526;border:1px solid #ff6b3580;border-radius:5px;margin:0;padding:4px 10px;font-size:13px;transition:all .2s}.copy-btn:hover{background:#ff6b354d;transform:none}.copy-btn.copied{color:#2ecc71;background:#2ecc7133;border-color:#2ecc71}.mode-options{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.link-btn{color:#aaa;box-shadow:none;background:0 0;border:none;padding:12px 10px}.link-btn:hover{color:#fff;background:#ffffff14;transform:none}.deck-pile{vertical-align:middle;width:56px;height:46px;display:inline-block;position:relative}.card-back{background:repeating-linear-gradient(135deg,#ff6b35,#ff6b35 4px,#2d2d2d 4px 8px);border:2px solid #ff6b35;border-radius:5px;width:46px;height:40px;position:absolute;box-shadow:0 2px 4px #0006}.card-back.layer-0{z-index:1;top:6px;left:6px}.card-back.layer-1{z-index:2;top:3px;left:3px}.card-back.layer-2{z-index:3;top:0;left:0}.card-back.empty{box-shadow:none;background:#ffffff0d;border:2px dashed #e74c3c;top:0;left:0}.deck-count-badge{color:#fff;z-index:5;white-space:nowrap;background:#ff6b35;border:2px solid #1a1a1a;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;bottom:-8px;right:-10px}.deck-count-badge.empty{background:#e74c3c}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{text-align:center;background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%);border:2px solid #ff6b35;border-radius:12px;min-width:320px;max-width:90vw;padding:30px 40px;animation:.35s ease-out popIn;box-shadow:0 10px 40px #0009}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-box h2{color:#ff6b35;margin-bottom:15px;font-size:28px}.winner-banner{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc7166;border-radius:8px;margin-bottom:20px;padding:12px;font-size:20px;font-weight:700}.score-list{text-align:left;min-width:260px;margin-bottom:25px}.score-row{background:#ffffff0d;border-radius:6px;justify-content:space-between;margin:6px 0;padding:8px 12px;display:flex}.score-row.winner{background:#2ecc7126;border:1px solid #2ecc7166}.score-row .rank{color:#888;margin-right:8px}