*{box-sizing:border-box;margin:0;padding:0}:root{--color-black: #000000;--color-white: #ffffff;--color-primary: #007bff;--color-primary-dark: #0056b3;--color-secondary: #6c757d;--color-danger: #dc3545;--color-success: #28a745;--color-gray-light: #f8f9fa;--color-gray-medium: #dee2e6;--color-gray-dark: #495057;--border-radius: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-gray-dark);background-color:var(--color-gray-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{min-height:100vh;width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md);background-color:var(--color-white)}.toast-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:var(--color-success);color:var(--color-white);padding:12px 48px 12px 24px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;font-weight:600;z-index:9999;animation:slideDown .3s ease-out;max-width:90%;text-align:center;display:flex;align-items:center;gap:12px}.toast-close-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-white);font-size:24px;line-height:1;cursor:pointer;opacity:.8;transition:opacity .2s;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.toast-close-btn:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}h1{font-size:28px;font-weight:700;margin-bottom:0;text-align:center}h6{font-size:16px;text-align:center;margin-bottom:var(--spacing-lg);font-weight:400}h2{font-size:24px;font-weight:600;margin-bottom:var(--spacing-md)}h3{font-size:18px;font-weight:600;margin-bottom:var(--spacing-sm)}.loading{text-align:center;padding:var(--spacing-xl);font-size:18px;color:var(--color-gray-dark)}.error-message{background-color:#f8d7da;color:#721c24;padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);border:1px solid #f5c6cb}.info-message{text-align:center;padding:var(--spacing-md);color:var(--color-gray-dark)}.btn{display:block;width:100%;padding:var(--spacing-md);font-size:16px;font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin-bottom:var(--spacing-md);text-align:center}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-text{background-color:transparent;color:var(--color-text);border:none;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;margin-top:var(--spacing-md)}.btn-text:hover:not(:disabled){background-color:transparent;color:var(--color-primary);text-decoration:underline}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#c82333}.game-form{margin-bottom:var(--spacing-lg)}.content-notice{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);font-size:.875rem;color:var(--color-secondary);line-height:1.4;border-top:1px solid var(--color-gray-medium)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-gray-dark)}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:var(--spacing-md);font-size:16px;border:2px solid var(--color-gray-medium);border-radius:var(--border-radius);transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled{background-color:var(--color-gray-light);cursor:not-allowed}.checkbox-group label{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin-right:var(--spacing-sm);cursor:pointer}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:14px;color:var(--color-gray-dark)}.divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-lg) 0;color:var(--color-gray-dark)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-gray-medium)}.divider span{padding:0 var(--spacing-md);font-weight:600}.late-join{padding:var(--spacing-md) 0}.late-join-info{text-align:center;padding:var(--spacing-md);background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);color:#856404;line-height:1.6}.join-info-box{padding:var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.info-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.info-label{font-weight:600;color:var(--color-gray-dark)}.info-value{font-weight:700;color:var(--color-primary)}.late-join select{width:100%;padding:var(--spacing-md);font-size:16px;border:2px solid var(--color-gray-medium);border-radius:var(--border-radius);background-color:var(--color-white);cursor:pointer;transition:border-color .2s ease}.late-join select:focus{outline:none;border-color:var(--color-primary)}.late-join select:disabled{background-color:var(--color-gray-light);cursor:not-allowed}.seat-preview{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background-color:var(--color-gray-light);border-radius:var(--border-radius)}.seat-diagram{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.seat{flex:1;padding:var(--spacing-md);background-color:var(--color-white);border:2px solid var(--color-gray-medium);border-radius:var(--border-radius);text-align:center;font-weight:600;min-height:60px;display:flex;align-items:center;justify-content:center}.you-seat{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);font-weight:700}.seat-hint{text-align:center;font-size:14px;color:var(--color-gray-dark);font-style:italic}.tag-controls{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.btn-tag-control{flex:1;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);font-size:14px;font-weight:600;border:2px solid var(--color-primary);border-radius:var(--border-radius);background-color:var(--color-white);color:var(--color-primary);cursor:pointer;transition:all .2s ease}.btn-tag-control:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.btn-tag-control:disabled{opacity:.6;cursor:not-allowed}.tag-selection-info{font-size:14px;font-weight:600;color:var(--color-gray-dark);margin-bottom:var(--spacing-sm);text-align:center;padding:var(--spacing-sm);background-color:var(--color-gray-light);border-radius:var(--border-radius)}.tag-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.tag-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tag-group-title{margin:0;font-size:14px;font-weight:700;color:var(--color-gray-dark)}.tag-group-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-button{padding:var(--spacing-sm) var(--spacing-md);font-size:14px;border:2px solid var(--color-gray-medium);border-radius:20px;background-color:var(--color-white);color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.tag-button.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.tag-button:disabled{opacity:.6;cursor:not-allowed}.pack-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:14px;border:2px solid var(--color-gray-medium);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm)}.pack-search-input:focus{outline:none;border-color:var(--color-primary)}.pack-selection-box{max-height:260px;overflow-y:auto;border:2px solid var(--color-gray-medium);border-radius:var(--border-radius);background-color:var(--color-white)}.pack-row-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border:none;border-bottom:1px solid var(--color-gray-medium);background-color:var(--color-white);color:var(--color-gray-dark);font-size:14px;text-align:left;cursor:pointer}.pack-row-button:last-child{border-bottom:none}.pack-row-button:hover:not(:disabled){background-color:var(--color-gray-light)}.pack-row-button.selected{background-color:#e7f1ff;box-shadow:inset 3px 0 0 var(--color-primary)}.pack-row-button:disabled{opacity:.6;cursor:not-allowed}.pack-row-count{color:var(--color-secondary);white-space:nowrap}.pack-empty-state{padding:var(--spacing-md);text-align:center;color:var(--color-gray-dark);font-size:14px}.game-header{position:sticky;top:0;background-color:var(--color-white);padding:0 0 var(--spacing-sm) 0;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-medium);z-index:100;display:flex;justify-content:center;align-items:center;position:relative;font-size:14px}.host-name{position:absolute;left:0}.player-name{text-align:center;font-weight:600;color:var(--color-gray-dark)}.game-code{position:absolute;right:0;text-align:right;color:var(--color-gray-dark)}.game-code .code{font-weight:900;font-family:Lexend,Verdana,sans-serif;letter-spacing:1px}.waiting-room{padding:var(--spacing-md) 0}.waiting-message{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-white);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.waiting-message h2{color:var(--color-white);margin-bottom:var(--spacing-sm)}.waiting-subtext{font-size:14px;opacity:.9;margin:0}.waiting-subtext strong{font-weight:700;font-size:20px;letter-spacing:2px;display:block;margin-top:var(--spacing-sm)}.ready-message{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(135deg,#11998e,#38ef7d);color:var(--color-white);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);animation:pulse 2s ease-in-out infinite}.ready-message h2{color:var(--color-white);margin-bottom:var(--spacing-sm)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.player-list{margin-bottom:var(--spacing-lg)}.player-list ul{list-style:none;border:2px solid var(--color-gray-medium);border-radius:var(--border-radius);overflow:hidden}.empty-list{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-dark);font-style:italic;border:2px dashed var(--color-gray-medium);border-radius:var(--border-radius)}.player-item{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-medium);display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.player-item:last-child{border-bottom:none}.player-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.player-name{font-weight:500}.btn-remove-icon{width:24px;height:24px;border:none;background-color:transparent;color:var(--color-danger);font-size:26px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.btn-remove-icon:hover:not(:disabled){color:#c82333;transform:scale(1.1)}.btn-remove-icon:disabled{opacity:.6;cursor:not-allowed}.badge{background-color:var(--color-primary);color:var(--color-white);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.game-settings{margin-bottom:var(--spacing-lg)}.settings-list{list-style:none;padding:var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--border-radius)}.settings-list li{padding:0 0 var(--spacing-sm) 0}.waiting-room-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card{border-radius:var(--border-radius);padding:var(--spacing-lg);min-height:250px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px #0000001a;user-select:none;-webkit-user-select:none;touch-action:manipulation}.card-response{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-gray-medium)}.card-prompt{background-color:var(--color-black);color:var(--color-white)}.card-selected{border:4px solid var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.card-disabled{opacity:.5;cursor:not-allowed}.card-empty{background-color:var(--color-gray-light);color:var(--color-gray-dark);border:2px dashed var(--color-gray-medium);justify-content:center;align-items:center}.card-content{font-size:30px;line-height:1.4}.card-pick{text-align:right;font-size:14px;font-weight:600;margin-top:var(--spacing-md);opacity:.8}.card-swiper{position:relative;margin-bottom:var(--spacing-lg);touch-action:pan-y}.card-dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-gray-medium);border:none;cursor:pointer;padding:0;transition:background-color .2s ease}.dot.active{background-color:var(--color-primary)}.card-counter-container{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.card-controls-row{position:relative;display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-sm);min-height:45px}.card-display-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.card-display-row .card{flex:1}.card-counter{text-align:center;margin-top:var(--spacing-sm);font-size:14px;color:var(--color-gray-dark)}.btn-refresh-hand{position:absolute;right:0;width:45px;height:45px;border:2px solid var(--color-success);background-color:var(--color-white);color:var(--color-success);border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;flex-shrink:0}.btn-refresh-hand:hover:not(:disabled){background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success);transform:rotate(180deg)}.btn-refresh-hand:disabled{opacity:.4;cursor:not-allowed}.playing-game{padding-bottom:var(--spacing-xl)}.leave-game-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:2px solid var(--color-gray-medium);display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;z-index:1001}.game-content{position:relative}.game-content.paused-overlay{opacity:.3;pointer-events:none;filter:grayscale(50%)}.paused-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:0 4px 20px #0000004d;text-align:center;z-index:1000;max-width:400px}.paused-message h2{margin:0 0 var(--spacing-md) 0;color:var(--color-warning)}.paused-message p{margin:0;color:var(--color-gray-dark)}.notification-banner{background-color:#fff3cd;color:#856404;padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);text-align:center;font-size:14px;border:1px solid #ffeaa7}.card-section{margin-bottom:var(--spacing-xl)}.prompt-card-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-gray-medium)}.prompt-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.prompt-card-header h3{margin:0}.btn-skip-czar{padding:6px 12px;font-size:13px;background-color:var(--color-warning);color:var(--color-black);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s;white-space:nowrap;font-weight:500}.btn-skip-czar:hover:not(:disabled){background-color:var(--color-gray-medium);transform:translateY(-1px)}.btn-skip-czar.voted{background-color:var(--color-success);color:var(--color-white)}.btn-skip-czar:disabled{opacity:.6;cursor:not-allowed}.btn-review-anyway{display:block;margin:var(--spacing-md) auto 0}.card-selector{margin-bottom:var(--spacing-lg)}.selected-cards-container-compact{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.selection-prompt{margin:0;padding:0;text-align:center;color:var(--color-gray-dark);font-size:14px}.selection-counter-small{margin:0 0 var(--spacing-sm) 0;font-size:14px;font-weight:600;color:var(--color-primary);text-align:center}.selected-cards-list-compact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.selected-card-mini{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-white);border-radius:var(--border-radius);border:2px solid var(--color-gray-medium);cursor:move}.card-order-number-mini{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.selected-card-text-mini{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.drag-hint-small{text-align:center;font-size:11px;color:var(--color-gray-dark);font-style:italic;margin:var(--spacing-xs) 0 0 0}.selected-cards-container{padding:var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.selected-cards-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.selected-card-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-white);border-radius:var(--border-radius);border:2px solid var(--color-gray-medium);cursor:move}.card-order-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.selected-card-text{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-selection{text-align:center;color:var(--color-gray-dark);padding:var(--spacing-md);font-size:14px}.drag-hint{text-align:center;font-size:12px;color:var(--color-gray-dark);font-style:italic}.submit-cards-btn{margin-top:var(--spacing-md)}.submit-cards-btn:disabled{background-color:var(--color-gray-medium)!important;color:var(--color-gray-dark)!important;opacity:.5;cursor:not-allowed}.submission-status{text-align:center;padding:var(--spacing-md) var(--spacing-xl)}.status-icon{font-size:48px;color:var(--color-success);margin-bottom:var(--spacing-md)}.submitted-cards-display{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--border-radius)}.submitted-cards-display h4{font-size:16px;font-weight:600;margin-bottom:var(--spacing-md);text-align:center;color:var(--color-gray-dark)}.submitted-cards-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.submitted-card-preview{position:relative}.card-order-badge{position:absolute;top:-8px;left:-8px;width:32px;height:32px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;z-index:10;border:3px solid var(--color-white);box-shadow:0 2px 4px #0003}.card-preview{min-height:120px;cursor:default}.card-content-small{font-size:18px;line-height:1.3}.czar-view{padding-bottom:var(--spacing-xl)}.next-czar-selection{padding:var(--spacing-md) 0}.next-czar-info{text-align:center;font-size:16px;color:var(--color-gray-dark);margin-bottom:var(--spacing-lg)}.player-selection-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.player-select-btn{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);font-size:16px;font-weight:600;border:2px solid var(--color-gray-medium);border-radius:var(--border-radius);background-color:var(--color-white);color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease;text-align:left}.player-select-btn:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-gray-light);transform:translate(4px)}.player-select-btn:disabled{opacity:.6;cursor:not-allowed}.player-select-btn.current-czar{background-color:#ffeaa7;border-color:#fdcb6e}.player-select-name{flex:1}.current-badge{background-color:#fdcb6e;color:#856404;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.winner-badge{background-color:var(--color-success);color:var(--color-white);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;margin-left:var(--spacing-xs)}.player-management{background-color:var(--color-white);padding:var(--spacing-md);border-top:2px solid var(--color-gray-medium);margin-top:var(--spacing-xl)}.scoreboard{background-color:var(--color-gray-light);padding:var(--spacing-md);border-radius:var(--border-radius);margin-top:var(--spacing-xl);border:2px solid var(--color-gray-medium)}.scoreboard-title{font-size:18px;font-weight:700;color:var(--color-gray-dark);margin-bottom:var(--spacing-md);text-align:center}.scoreboard-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scoreboard-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-gray-medium);transition:all .2s ease}.scoreboard-item.current-player{background-color:#e3f2fd;border-color:var(--color-primary);font-weight:600}.scoreboard-rank{font-weight:700;color:var(--color-gray-dark);min-width:35px;font-size:16px}.scoreboard-name{flex:1;margin:0 var(--spacing-md);font-size:15px;color:var(--color-gray-dark)}.scoreboard-score{font-weight:600;color:#000;font-size:16px;min-width:60px;text-align:right}.toggle-players-btn{width:100%;margin-bottom:0}.players-list-inline{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto}.player-inline-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--border-radius)}.player-inline-name{font-weight:500;flex:1}.player-inline-name.paused{opacity:.6;font-style:italic}.player-actions{display:flex;gap:var(--spacing-md);align-items:center}.btn-pause-inline{width:32px;height:32px;border:none;background-color:var(--color-success);color:var(--color-white);border-radius:50%;font-size:14px;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.btn-pause-inline:hover:not(:disabled){background-color:#28a745;transform:scale(1.1)}.btn-pause-inline.unpausing{background-color:var(--color-success)}.btn-pause-inline:disabled{opacity:.6;cursor:not-allowed}.czar-badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,gold,#ffed4e);color:var(--color-black);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-weight:600;box-shadow:0 4px 6px #0000001a}.crown-icon{font-size:24px}.waiting-for-submissions{text-align:center;padding:var(--spacing-xl)}.submission-progress{margin-top:var(--spacing-md);font-size:24px;font-weight:600;color:var(--color-primary)}.submissions-viewer{margin-bottom:var(--spacing-xl)}.card-submission{margin-bottom:var(--spacing-md);font-size:30px}.card-combination{display:flex;flex-direction:column;gap:var(--spacing-md)}.response-cards-below{display:flex;flex-direction:column;gap:var(--spacing-sm)}.response-text-inline{background-color:var(--color-white);color:var(--color-black);padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;display:inline-block;margin:0 2px}.prompt-text{color:var(--color-white)}.submission-counter{text-align:center;margin:var(--spacing-md) 0;font-size:14px;color:var(--color-gray-dark)}.pick-winner-btn{margin-top:var(--spacing-md);background-color:var(--color-success)}.pick-winner-btn:hover:not(:disabled){background-color:#218838}.czar-cards-disabled{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}@media(max-width:400px){.app-container{padding:var(--spacing-sm)}h1{font-size:24px}.card{min-height:200px;padding:var(--spacing-md)}.card-content{font-size:16px}}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=text],input[type=number]{font-size:16px}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background-color:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-xl);max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.modal-content h3{margin-top:0;margin-bottom:var(--spacing-md);color:var(--color-gray-dark)}.modal-content p{margin-bottom:var(--spacing-lg);color:var(--color-gray)}.modal-content .player-selection-list{margin-bottom:var(--spacing-lg)}.czar-selection-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.czar-selection-item{width:100%;padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.czar-selection-item .badge{margin-left:var(--spacing-sm)}.no-players{text-align:center;color:var(--color-gray);font-style:italic}.modal-hint{font-size:14px;color:var(--color-gray);text-align:center;margin:var(--spacing-sm) 0}.player-select-btn.selected{background-color:var(--color-success);border-color:var(--color-success)}.modal-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.modal-actions .btn{flex:1}.modal-content .btn{width:100%}.game-end{padding:var(--spacing-md) 0}.game-end h1{text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-gray-dark)}.end-reason{text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-white);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl)}.end-reason p{font-size:18px;font-weight:600;margin:0}.scoreboard{margin-bottom:var(--spacing-xl)}.scoreboard h2{text-align:center;color:var(--color-gray-dark);margin-bottom:var(--spacing-lg)}.scoreboard-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.scoreboard-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-white);border:2px solid var(--color-gray-medium);border-radius:var(--border-radius);transition:all .2s ease}.scoreboard-item.winner{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;box-shadow:0 4px 6px #0000001a;transform:scale(1.02)}.player-rank{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-gray-dark);color:var(--color-white);border-radius:50%;font-size:18px;font-weight:700;flex-shrink:0}.scoreboard-item.winner .player-rank{background-color:#000}.scoreboard-item .player-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.player-name-score{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-md)}.player-name-score .player-name{font-weight:600;font-size:16px;color:var(--color-gray-dark);flex:1;text-align:left}.scoreboard-item.winner .player-name-score .player-name{color:var(--color-black);font-weight:700}.player-score{font-weight:700;font-size:16px;color:#000}.scoreboard-item.winner .player-score{color:var(--color-black)}.game-end-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.card-packs-btn{position:absolute;bottom:8px;left:8px;width:36px;height:36px;border:none;background-color:#ffffffe6;color:var(--color-secondary);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000026;z-index:10}.card-packs-btn:hover{background-color:var(--color-secondary);color:var(--color-white);transform:scale(1.1)}.card-packs-btn:active{transform:scale(.95)}.card-tags-btn{position:absolute;bottom:8px;left:52px;width:36px;height:36px;border:none;background-color:#ffffffe6;color:var(--color-secondary);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000026;z-index:10}.card-tags-btn:hover{background-color:var(--color-secondary);color:var(--color-white);transform:scale(1.1)}.card-tags-btn:active{transform:scale(.95)}.card-packs-btn-prompt{position:absolute;bottom:8px;left:8px;width:36px;height:36px;border:none;background-color:#0009;color:var(--color-white);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000040;z-index:10}.card-packs-btn-prompt:hover{background-color:#000c;transform:scale(1.1)}.card-packs-btn-prompt:active{transform:scale(.95)}.card-tags-btn-prompt{position:absolute;bottom:8px;left:52px;width:36px;height:36px;border:none;background-color:#0009;color:var(--color-white);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000040;z-index:10}.card-tags-btn-prompt:hover{background-color:#000c;transform:scale(1.1)}.card-tags-btn-prompt:active{transform:scale(.95)}.card-packs-display,.card-tags-display{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--border-radius);border:2px solid var(--color-gray-medium)}.card-packs-display-prompt,.card-tags-display-prompt{position:absolute;bottom:50px;left:8px;right:8px;padding:var(--spacing-md);background-color:#fffffffa;border-radius:var(--border-radius);border:2px solid var(--color-gray-medium);box-shadow:0 4px 12px #0003;z-index:9;transition:all .2s ease}.card-packs-display-prompt.hidden,.card-tags-display-prompt.hidden{display:none}.card-packs-header{margin-bottom:var(--spacing-sm);color:var(--color-gray-dark);font-size:14px}.card-packs-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.card-pack-item{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-white);border-radius:4px;font-size:14px;color:var(--color-gray-dark);border-left:3px solid var(--color-secondary)}.card-tag-item{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-white);border-radius:4px;font-size:14px;color:var(--color-gray-dark);border-left:3px solid var(--color-primary)}.hidden{display:none}.card{position:relative}.tag-editor-modal{max-width:500px;max-height:90vh;overflow-y:auto;width:90%}.tag-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-medium)}.tag-editor-header h3{margin:0;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gray-dark)}.modal-close-btn{background:none;border:none;font-size:24px;color:var(--color-gray-dark);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close-btn:hover{background-color:var(--color-gray-light);color:var(--color-black)}.tag-editor-card-preview{margin-bottom:var(--spacing-lg)}.tag-editor-done-button-top{margin-bottom:var(--spacing-lg);display:flex;justify-content:center}.card-preview{min-height:120px;padding:var(--spacing-md)}.card-content-small{font-size:14px;line-height:1.4}.tag-search-box{position:relative;margin-bottom:var(--spacing-lg)}.tag-search-input{width:100%;padding:12px 40px;border:2px solid var(--color-gray-medium);border-radius:var(--border-radius);font-size:16px;transition:border-color .2s ease}.tag-search-input:focus{outline:none;border-color:var(--color-primary)}.tag-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-dark);pointer-events:none}.tag-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-gray-dark);cursor:pointer;padding:4px;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tag-search-clear:hover{background-color:var(--color-gray-light);color:var(--color-black)}.tag-editor-section{margin-bottom:var(--spacing-lg)}.tag-editor-section h4{margin-bottom:var(--spacing-md);color:var(--color-gray-dark);font-size:16px;font-weight:600}.tag-editor-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-gray-dark);font-style:italic;background-color:var(--color-gray-light);border-radius:var(--border-radius)}.tag-chip-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:8px 12px;border-radius:20px;font-size:14px;font-weight:500;transition:all .2s ease;border:2px solid transparent}.tag-chip-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.tag-chip-add{background-color:var(--color-gray-light);color:var(--color-gray-dark);border-color:var(--color-gray-medium);cursor:pointer}.tag-chip-add:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.tag-chip-add:disabled{opacity:.6;cursor:not-allowed}.tag-chip-name{flex:1}.tag-chip-icon{font-size:12px}.tag-chip-remove{background:none;border:none;color:var(--color-white);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-size:14px}.tag-chip-remove:hover:not(:disabled){background-color:#fff3}.tag-chip-remove:disabled{opacity:.5;cursor:not-allowed}.tag-chip-loading{font-size:12px;margin-left:4px}.random-pairing{max-width:800px;margin:0 auto;padding:var(--spacing-lg);text-align:center}.random-pairing h1{margin-bottom:var(--spacing-xl);color:var(--color-text)}.random-pairing-display{margin-bottom:var(--spacing-xl);display:flex;justify-content:center;align-items:center;min-height:300px}.random-pairing-display .card-submission{width:100%;max-width:600px;font-size:1.2rem;padding:var(--spacing-xl)}.random-pairing-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.random-pairing-actions .btn{min-width:150px}