:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#111}.container{max-width:900px;margin:0 auto;padding:16px}.tabs{display:flex;gap:8px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.tab{padding:10px 14px;cursor:pointer;border-radius:8px 8px 0 0}.tab.active{background:#fff;border:1px solid #e5e7eb;border-bottom-color:transparent}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000a}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.game-grid{grid-template-columns:1fr}}.name-btn{display:flex;align-items:center;justify-content:center;padding:24px;font-size:1.3rem;font-weight:600;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;cursor:pointer;transition:transform .05s ease,background .2s ease}.name-btn:active{transform:scale(.98)}.actions{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left}.table th{font-size:.9rem;color:#555}.btn{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px;font-weight:500;text-align:center}.progress{height:10px;border-radius:999px;background:#f1f5f9;overflow:hidden;width:100%}.progress>div{height:100%;background:#60a5fa;width:0%}.small{color:#666;font-size:.9rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#fff;border-radius:12px;max-width:640px;width:calc(100% - 24px);border:1px solid #e5e7eb;padding:16px;max-height:calc(100vh - 32px);display:flex;flex-direction:column}.modal-content{overflow-y:auto;flex:1;min-height:0}.notification{position:fixed;bottom:20px;right:20px;z-index:1000;max-width:400px;min-width:300px;transform:translate(100%);transition:transform .3s ease-in-out}.notification-visible{transform:translate(0)}.notification-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-warning{border-left:4px solid #f59e0b}.notification-info{border-left:4px solid #3b82f6}.notification-message{flex:1;font-size:14px;color:#374151;line-height:1.4}.notification-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.notification-close:hover{background-color:#f3f4f6;color:#374151}.confirmation-backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirmation-modal{background:#fff;border-radius:12px;max-width:400px;width:calc(100% - 32px);border:1px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:confirmationSlideIn .2s ease-out}@keyframes confirmationSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-header{display:flex;align-items:center;gap:12px;padding:20px 20px 0}.confirmation-icon{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.confirmation-icon-warning{background:#fef3c7;color:#d97706}.confirmation-icon-danger{background:#fee2e2;color:#dc2626}.confirmation-icon-info{background:#dbeafe;color:#2563eb}.confirmation-title{margin:0;font-size:18px;font-weight:600;color:#111827}.confirmation-content{padding:16px 20px}.confirmation-message{margin:0;color:#374151;line-height:1.5;font-size:14px}.confirmation-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 20px 20px}.confirmation-btn{padding:8px 16px;border-radius:6px;border:1px solid;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.confirmation-btn-cancel{background:#fff;border-color:#d1d5db;color:#374151}.confirmation-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.confirmation-btn-warning{background:#f59e0b;border-color:#f59e0b;color:#fff}.confirmation-btn-warning:hover{background:#d97706;border-color:#d97706}.confirmation-btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.confirmation-btn-danger:hover{background:#dc2626;border-color:#dc2626}.confirmation-btn-info{background:#3b82f6;border-color:#3b82f6;color:#fff}.confirmation-btn-info:hover{background:#2563eb;border-color:#2563eb}@media (max-width: 768px){.mobile-hide{display:none!important}.table{font-size:14px}.table th,.table td{padding:8px 4px}.table th:first-child,.table td:first-child{padding-left:8px}.table th:last-child,.table td:last-child{padding-right:8px}}